.countdown-home,.countdown-manager{min-width:0;margin:16px 0}.countdown-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.countdown-heading h2{margin:0;font-size:1.15rem}.countdown-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px}.countdown-card{min-width:0;border:1px solid #abcbd3;border-radius:16px;padding:18px;background:#edf6f8;color:#183e4d;display:flex;flex-direction:column;gap:9px;overflow-wrap:anywhere}.countdown-card[data-slot=main]{grid-row:span 2;background:linear-gradient(135deg,#11485c,#126477);color:#f0fbff;justify-content:center;padding:26px}.countdown-card h3{font-size:1.1rem;margin:0;line-height:1.5}.countdown-card small{font-size:.78rem;line-height:1.5}.countdown-value{display:block;font-size:1.65rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.4}.countdown-card[data-slot=main] .countdown-value{font-size:clamp(1.8rem,3vw,3rem)}.countdown-card[data-slot=main] h3{font-size:1.35rem}.countdown-card p{margin:0;white-space:pre-wrap}.countdown-card button{min-height:40px;max-width:100%;white-space:normal;text-align:left;align-self:flex-start}.countdown-card.is-expired{border-color:#ba8535}.countdown-card.is-expired .countdown-value{color:#885712}.countdown-card[data-slot=main].is-expired .countdown-value{color:#ffe0a6}.countdown-manager>.countdown-card{margin:12px 0}.countdown-manager>label{display:block;max-width:260px;margin:12px 0}.countdown-dialog form{display:grid;gap:12px}.countdown-dialog :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box}.countdown-dialog{max-width:calc(100vw - 24px);box-sizing:border-box}
html[data-theme=dark] .countdown-card{background:#102a39;color:#e0f3fa;border-color:#335e71}html[data-theme=dark] .countdown-card[data-slot=main]{background:linear-gradient(135deg,#073348,#075367);border-color:#368499}html[data-theme=dark] .countdown-card.is-expired{border-color:#b58c47}html[data-theme=dark] .countdown-card.is-expired .countdown-value{color:#ffdda1}
@media(max-width:650px){.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.countdown-card[data-slot=main]{grid-column:1/-1;grid-row:auto;padding:20px}.countdown-card{padding:12px}.countdown-value{font-size:1.05rem;letter-spacing:0}.countdown-card[data-slot=main] .countdown-value{font-size:2rem}.countdown-card h3{font-size:.95rem}.countdown-card button{font-size:.8rem;padding:8px}.countdown-card small{font-size:.73rem}}

/* Work Center home: compact countdown strip directly below timezone clocks. */
.countdown-home{margin:10px 0 18px}.countdown-home .countdown-heading{margin-bottom:8px}.countdown-home .countdown-heading h2{font-size:1rem}.countdown-home .countdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.countdown-home .countdown-card{padding:12px;gap:5px;border-radius:12px}.countdown-home .countdown-card[data-slot=main]{grid-row:auto;justify-content:flex-start;padding:12px;background:linear-gradient(135deg,#11485c,#126477)}.countdown-home .countdown-card h3{font-size:.95rem;line-height:1.35}.countdown-home .countdown-card small{font-size:.7rem;line-height:1.3}.countdown-home .countdown-value,.countdown-home .countdown-card[data-slot=main] .countdown-value{font-size:clamp(1rem,2vw,1.45rem);line-height:1.25;letter-spacing:0}.countdown-home .countdown-card button{min-height:32px;padding:5px 8px;font-size:.78rem}.countdown-home .countdown-card>small:not(:first-child){display:none}
@media(max-width:650px){.countdown-home .countdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.countdown-home .countdown-card,.countdown-home .countdown-card[data-slot=main]{padding:9px 7px;gap:4px}.countdown-home .countdown-card h3{font-size:.82rem}.countdown-home .countdown-card small{font-size:.65rem}.countdown-home .countdown-value,.countdown-home .countdown-card[data-slot=main] .countdown-value{font-size:.95rem;overflow-wrap:anywhere}.countdown-home .countdown-card button{font-size:.68rem;padding:4px 6px}}

/* Four homepage timers remain visible below the four-day work preview. */
.countdown-home .countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:650px){.countdown-home .countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.countdown-home .countdown-card[data-slot=main]{grid-column:1/-1}.countdown-home .countdown-card,.countdown-home .countdown-card[data-slot=main]{padding:10px 8px}.countdown-home .countdown-value,.countdown-home .countdown-card[data-slot=main] .countdown-value{font-size:1rem}}

/* Themed countdown series and compact milestone editing. */
.countdown-series-list,.countdown-milestone-editors{display:grid;gap:10px;margin:12px 0}.countdown-milestone{min-width:0;border:1px solid #abcbd3;border-radius:12px;padding:14px;background:#f5fafb;color:#183e4d;display:grid;gap:6px}.countdown-milestone h3{margin:0;font-size:1rem}.countdown-milestone small{line-height:1.4}.countdown-milestone.is-expired{border-color:#ba8535}.countdown-milestone-editor{min-width:0;border:1px solid #abcbd3;border-radius:12px;padding:12px;display:grid;gap:9px}.countdown-milestone-editor legend{font-weight:700;padding:0 6px}.countdown-milestone-actions{display:flex;gap:8px;flex-wrap:wrap}.countdown-dialog form>h3{margin:6px 0 0}.countdown-dialog .countdown-heading>p{margin-left:auto}.countdown-home .countdown-card>small:not(:first-child){display:block}
html[data-theme=dark] .countdown-milestone{background:#102a39;color:#e0f3fa;border-color:#335e71}html[data-theme=dark] .countdown-milestone-editor{border-color:#335e71}
@media(max-width:650px){.countdown-milestone{padding:11px}.countdown-milestone-editor{padding:10px}.countdown-series-list{gap:8px}}