.date-control{display:inline-flex;position:relative;align-items:center;width:100%;min-width:0;gap:6px}.date-control>.date-iso-source{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none;padding:0!important;border:0!important;margin:0!important}.date-control>.date-display-input{min-width:0;width:100%;flex:1;height:44px;box-sizing:border-box;margin:0}.date-control>.date-calendar-button{flex:none;width:36px;min-width:36px;height:44px;min-height:44px;padding:0;margin:0}.date-calendar{width:330px;max-width:94vw;border:1px solid var(--line,#ccd8d0);border-radius:12px;padding:16px;background:var(--surface,#fff);color:var(--text,#173e34)}.date-calendar::backdrop{background:#0005}.date-calendar-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.date-calendar-nav button{min-width:36px;padding:4px;margin:0}.date-calendar-nav select{min-width:0;margin:0}.date-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:12px;text-align:center}.date-calendar-grid button{padding:2px;min-width:0;min-height:34px;margin:0}.date-calendar-grid button:disabled{opacity:.35}.date-month-grid{grid-template-columns:repeat(3,1fr)}@media print{.date-calendar-button{display:none!important}}

/* Today marker: inset ring does not change calendar geometry or selection. */
.date-calendar .date-calendar-grid button.date-is-today{box-shadow:inset 0 0 0 2px #43866d}
html[data-theme=dark] .date-calendar .date-calendar-grid button.date-is-today{box-shadow:inset 0 0 0 2px #91c9ae}