/* Calcolo giorni lavorativi (TOOLS-811). Tokens of the design system with literal fallbacks. */

.tools-wd-options { border: 1px solid var(--c-line, #e2e8f0); border-radius: var(--r-md, 10px); display: grid; gap: var(--s-3, .75rem); padding: var(--s-4, 1rem); }
.tools-wd-patron-day:not(.is-shown) { display: none; }

/* The result is computed at load: the slot keeps its height from the first paint (CLS). */
.tools-wd-stage { min-height: 22rem; }

.tools-wd-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3, .75rem); }
.tools-wd-stat { border: 1px solid var(--c-line, #e2e8f0); border-radius: var(--r-md, 10px); padding: var(--s-3, .75rem); }
.tools-wd-stat-num { font-size: 1.5rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.tools-wd-stat-num--main { color: var(--c-blue, #0065c0); }
.tools-wd-stat-label { font-size: .85rem; color: var(--c-ink-mute, #64748b); }
.tools-wd-period { font-size: .9rem; color: var(--c-ink-soft, #475569); }

.tools-wd-answer { display: grid; gap: .25rem; font-size: 1rem; }
.tools-wd-answer strong { font-size: 1.5rem; color: var(--c-blue, #0065c0); }

.tools-wd-year td:nth-child(2), .tools-wd-year td:nth-child(3) { font-variant-numeric: tabular-nums; }
.tools-wd-total td { font-weight: 700; }

@media (min-width: 768px) {
    .tools-wd-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .tools-wd-stage { min-height: 18rem; }
}