.iso-date-control{display:flex;align-items:stretch;gap:0;width:100%;min-width:0}.iso-date-control>.iso-date-input{min-width:0;width:100%;border-radius:6px 0 0 6px;font-variant-numeric:tabular-nums}.iso-date-control>.iso-date-calendar{flex:0 0 38px;padding:4px;border-radius:0 6px 6px 0;border-left:0;cursor:pointer;background:#f5f8fc;color:#254868}.date-picker{position:fixed;margin:auto!important;inset:0!important;width:320px!important;max-width:calc(100vw - 24px)!important;height:max-content!important;max-height:calc(100dvh - 24px);padding:16px!important;border:1px solid #b4c6d8;border-radius:12px;background:white;color:#20384f;overflow:auto}.date-picker::backdrop{background:#172c4455}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.date-picker button{border:1px solid #bdcedf;border-radius:6px;background:#fff;color:#20384f;padding:7px;cursor:pointer}.date-picker button:disabled{opacity:.35;cursor:default}.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.date-picker-grid>span{padding:4px;font-size:12px}.date-picker-grid [aria-pressed=true]{background:#30587e;color:white}.date-picker-grid [aria-current=date]{border:2px solid #30587e}.date-picker-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:14px}.date-picker button:focus-visible{outline:3px solid #568dc5;outline-offset:1px}