/* UTIL-006 Tính ngày — bổ sung cho bộ UI kit utilities.css. Font kế thừa Arial; tiêu đề 700. */
.dcx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;margin:0 0 18px;border-radius:14px;background:var(--sou-soft);border:1px solid var(--sou-line)}
.dcx-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--sou-ink);font:700 15px Arial,"Helvetica Neue",Helvetica,sans-serif;line-height:1.25;text-align:center;cursor:pointer}
.dcx-tabs [role=tab]:hover{background:#e6eeff}
.dcx-tabs [role=tab][aria-selected=true]{background:var(--sou-primary);color:#fff;box-shadow:0 4px 12px rgba(40,91,237,.25)}
.dcx-fieldset{border:0;padding:0;margin:0 0 14px;min-width:0}
.dcx-fieldset .sou-check{padding:4px 0}
.dcx-fieldset>.sou-check{display:flex;margin:0;font-weight:400;font-size:inherit;color:var(--sou-text)}
.dcx-form .sou-check small{display:block;margin-top:2px;color:var(--sou-muted);font-size:14px}
.dcx-inline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.dcx-inline .sou-button{min-height:44px;padding:8px 14px;font-size:15px}
.dcx-seg{display:flex;flex-wrap:wrap;gap:4px 18px}
.dcx-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dcx-days{display:flex;flex-wrap:wrap;gap:8px}
.dcx-days .sou-check{align-items:center;min-width:64px;padding:8px 12px;border:1px solid var(--sou-line);border-radius:10px;background:#fff}
.dcx-days .sou-check input{margin:0}
.dcx-sub{margin-left:30px}
.dcx-result .sou-big{font-size:34px}
.dcx-lead{margin:8px 0 14px;color:var(--sou-text)}
.dcx-note{margin:12px 0 0;color:var(--sou-muted);font-size:14px}
.dcx-note:empty,.dcx-source:empty{display:none}
.dcx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcx-list{margin-top:14px}
.dcx-list h3{margin:0 0 6px;font-size:16px}
.dcx-holidays{margin:0;padding:0 0 0 18px;max-height:320px;overflow:auto;font-size:14px}
.dcx-holidays li{margin:4px 0;overflow-wrap:anywhere}
.dcx-source{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--sou-line);color:var(--sou-muted);font-size:13px;overflow-wrap:anywhere}
@media(max-width:600px){
 .dcx-tabs{grid-template-columns:1fr;gap:4px}
 .dcx-tabs [role=tab]{justify-content:flex-start;font-size:15px}
 .dcx-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dcx-result .sou-big{font-size:26px}
 .dcx-stats{grid-template-columns:1fr 1fr}
 .dcx-sub{margin-left:0}
}
@media(max-width:360px){.dcx-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dcx-tabs [role=tab]{transition:none}}
.dcx .sou-toolbar .sou-button{min-height:44px}