.date-control{position:relative;display:flex;align-items:center}.date-control input{padding-right:60px;font-variant-numeric:tabular-nums;font-size:1rem}.date-toggle{position:absolute;right:6px;top:6px;width:42px;height:42px;border:0;border-radius:9px;background:#e7f6f4;color:#137a70;font-size:1.45rem;line-height:1}.date-toggle:hover{background:#c8efe8}.calendar{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:min(350px,calc(100vw - 48px));padding:15px;background:#fff;border:1px solid #cbd9e8;border-radius:15px;box-shadow:0 18px 40px #182a4a36}.calendar-header{display:flex;gap:6px;margin-bottom:14px}.calendar-header select{min-width:0;flex:1;height:42px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#182a4a;font:inherit;font-size:.93rem}.calendar-header select:last-of-type{flex:.75}.calendar-header button{height:42px;width:38px;flex:none;border:1px solid #d5dfed;border-radius:8px;background:#f7f9fd;color:#182a4a;font-size:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-grid span{text-align:center;color:#647794;font-size:.78rem;font-weight:700;padding:7px 0}.calendar-grid button{height:38px;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;color:#1b2b49;font-size:.93rem}.calendar-grid button:hover,.calendar-grid button:focus-visible{background:#dff5f0}.calendar-grid button.selected{background:#1a8b7c;color:white;font-weight:800}.calendar-grid button:disabled{opacity:.35;cursor:not-allowed}.calendar-today{width:100%;margin-top:12px;padding:9px;border:0;border-radius:8px;background:#eaf7f5;color:#126e64;font-weight:700}
@media(max-width:600px){.calendar{width:min(350px,calc(100vw - 68px));padding:12px}.calendar-grid button{height:42px}}
.date-control .date-toggle{font-family:inherit;cursor:pointer}.tool-field .date-control input{padding-right:60px}.calendar button{font-family:inherit}

/* Keep the complete picker reachable on small screens, including above the keyboard. */
@media(max-width:600px){
  .calendar{position:fixed;left:12px;right:12px;top:auto;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;z-index:100;padding:12px;border-radius:16px;box-shadow:0 8px 48px #182a4a50}
  .calendar-header{gap:6px;margin-bottom:10px}
  .calendar-header select{font-size:16px;height:44px}
  .calendar-header button{width:40px;height:44px}
  .calendar-grid button{height:44px;font-size:16px}
  .calendar-grid span{font-size:.875rem;padding:5px 0}
  .calendar-today{min-height:44px;font-size:16px}
  .date-toggle{width:44px;height:44px;top:4px}
}