@layer framework{@layer mm{.date-button,.date-trigger{--date-trigger-bg: var(--color-bg-elev, #fff);--date-trigger-border: color-mix(in srgb, var(--color-bg-tertiary, var(--color-border-strong, #b8b8b8)) 55%, var(--color-bg, #fff));--date-trigger-fg: var(--color-fg, #1a1a1a);--date-trigger-muted: var(--color-fg-muted, #666);--date-trigger-focus: var(--focus-ring)}.date-popover{--date-bg: var(--field-popup-bg, var(--color-bg-elev, #fff));--date-surface: var(--color-bg-soft-2, var(--color-bg-soft, #f7f7f8));--date-surface-strong: var(--color-bg-tertiary, var(--color-border, #d9d9d9));--date-border: var(--field-popup-border, var(--color-border, #d9d9d9));--date-fg: var(--field-popup-fg, var(--color-fg, #1a1a1a));--date-muted: var(--color-fg-muted, #666);--date-muted-strong: var(--color-fg, #1a1a1a);--date-accent: var(--color-primary, #1e2a3a);--date-accent-text: var(--color-primary-fg, #fff);--date-accent-hover: color-mix(in srgb, var(--color-primary, #1e2a3a) 15%, transparent);--date-accent-active: color-mix(in srgb, var(--color-primary, #1e2a3a) 25%, transparent);--date-accent-subtle: color-mix(in srgb, var(--color-primary, #1e2a3a) 10%, transparent);--date-overlay-bg: rgba(255, 255, 255, .72);--date-radius: var(--field-popup-radius, var(--radius-lg, 14px));--date-radius-md: var(--radius-md, 8px);--date-radius-pill: 999px;--date-shadow: var(--field-popup-shadow, var(--shadow-2, 0 2px 4px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.08)));--date-available-bg: transparent}}@layer mm{[data-date]{position:relative;display:inline-block}.date-button{display:inline-flex;align-items:center;gap:.5rem;min-width:12rem;padding:.5rem .75rem;background:var(--date-trigger-bg);border:1px solid var(--date-trigger-border);border-radius:6px;color:var(--date-trigger-fg);font:inherit;text-align:left;cursor:pointer;user-select:none}.date-button:focus-visible{outline:2px solid var(--date-trigger-focus);outline-offset:2px}.date-button[data-empty="1"]{color:var(--date-trigger-muted)}.date-button[data-empty="1"] .date-till{display:none}.date-button[data-empty="0"] .date-from:after{content:" \2013  "}.date-button .date-from,.date-button .date-till{display:inline-block;min-width:6rem}.date-button .date-arrow{flex:0 0 auto;opacity:.6}.date-trigger-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.date-trigger{display:grid;gap:.15rem;min-height:58px;padding:.55rem .85rem;background:var(--date-trigger-bg);border:1px solid var(--date-trigger-border);border-radius:12px;color:var(--date-trigger-fg);font:inherit;text-align:left;cursor:pointer}.date-trigger:focus-visible,.date-trigger.is-active{outline:none;border-color:var(--date-trigger-focus);box-shadow:0 0 0 3px #818cf826}.date-trigger small{color:var(--date-trigger-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.date-trigger span{display:block;font:700 .92rem/1.2 system-ui}.date-trigger[data-empty="1"] span{color:var(--date-trigger-muted);font-weight:500}@media (max-width: 600px){.date-trigger-row{min-width:0}}.date--split{display:block}.date--split .date-trigger-row{grid-template-columns:1fr;gap:1.1rem;min-width:0}.date--split .date-trigger{min-height:0;padding:.6rem .7rem;background:var(--color-bg, #fff);border:1px solid var(--line, #d8d8d8);border-radius:6px}.date--split .date-trigger small{color:var(--ink, #1e2a3a);font-size:.82rem;font-weight:600;text-transform:none;letter-spacing:normal}.date--split .date-trigger .form-field__value{min-height:1.25rem;font:inherit;font-weight:400;color:var(--color-fg, #1a1a1a)}.date--split .date-trigger[data-empty="1"] .form-field__value{color:var(--color-fg-muted, #666);font-weight:400}}.date-popover{position:relative;display:flex;flex-direction:column;gap:.65rem;background:var(--date-bg);color:var(--date-fg);border:1px solid var(--date-border);border-radius:var(--date-radius);box-shadow:var(--date-shadow);z-index:1000;min-width:18rem;padding:.75rem;font:inherit;overflow:hidden}.overlay-sheet.date-popover[data-mobile="1"]{max-height:85dvh;display:flex;flex-direction:column;overflow-y:hidden}.date-popover[data-mobile="1"] .date-months{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.date-popover[data-mobile="1"] .date-head,.date-popover[data-mobile="1"] .date-patterns,.date-popover[data-mobile="1"] .date-times,.date-popover[data-mobile="1"] .date-footer{flex-shrink:0}.date-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .15rem}.date-head-title{font:700 .9rem/1.2 system-ui;color:var(--date-muted-strong)}.date-head-actions{display:inline-flex;gap:.35rem;align-items:center}.date-head-today{padding:.35rem .85rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);color:var(--date-fg);font:600 .78rem/1 system-ui;cursor:pointer}.date-head-today:hover{background:var(--date-accent-hover)}.date-head-nav{display:inline-flex;gap:.25rem}.date-head-nav button{width:2rem;height:2rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);color:var(--date-fg);font:1.1rem/1 system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.date-head-nav button:hover{background:var(--date-accent-hover)}.date-head-nav button:disabled{opacity:.35;cursor:default}.date-head-nav button:disabled:hover{background:var(--date-surface)}.date-patterns{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .15rem}.date-pattern{padding:.3rem .8rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);color:var(--date-fg);font:inherit;font-size:.82rem;cursor:pointer}.date-pattern:hover{background:var(--date-accent-hover)}.date-pattern[data-active="1"]{background:var(--date-accent);border-color:transparent;color:var(--date-accent-text)}.date-pattern-group{display:inline-flex;align-items:center;gap:.35rem;padding-left:.5rem;border-left:1px solid var(--date-border)}.date-pattern-group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--date-muted)}.date-months{display:grid;gap:.85rem;position:relative;--loader-color: rgba(255, 255, 255, .9);--loader-track: rgba(255, 255, 255, .18);--loader-size: 2rem}.date-months[data-layout=sideBySide]{grid-auto-flow:column;grid-auto-columns:minmax(15rem,1fr);max-width:60rem}.date-availability-message[hidden]{display:none}.date-availability-message{display:grid;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-md);color:var(--date-muted-strong)}.date-availability-message__text{margin:0;color:inherit;font-size:.86rem}.date-availability-message__reset{justify-self:start}.date-popover[data-mobile="1"] .date-months{grid-auto-flow:row;grid-template-columns:1fr}.date-month{padding:.4rem;background:var(--date-surface);border-radius:var(--date-radius-md)}.date-month-head{display:flex;justify-content:center;gap:.35rem;padding:.25rem 0 .65rem}.date-month-head button{background:transparent;border:0;color:var(--date-fg);font:600 .95rem/1 system-ui;padding:.2rem .5rem;border-radius:6px;cursor:pointer;text-transform:capitalize}.date-month-head button:hover{background:var(--date-accent-hover)}.date-month-year{color:var(--date-muted-strong)}.date-day-head,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-day-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--date-muted);padding-bottom:.35rem}.date-day-head span{text-align:center}.date-cell{position:relative;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:var(--date-radius-md);color:inherit;font:inherit;font-size:.85rem;cursor:pointer;transition:background-color 80ms,color 80ms}.date-cell:hover:not([data-disabled="1"]){background:var(--date-accent-hover)}.date-cell[data-outside="1"]{color:var(--date-muted);opacity:.55}.date-cell[data-today="1"]{font-weight:700;outline:1px dashed currentColor;outline-offset:-2px}.date-cell[data-disabled="1"]{opacity:.3;cursor:not-allowed;pointer-events:none}.date-cell[data-selected=from],.date-cell[data-selected=till]{background:var(--date-accent);color:var(--date-accent-text)}.date-cell[data-in-range="1"]{background:var(--date-accent-active);border-radius:0}.date-cell[data-tentative="1"]{background:var(--date-accent-subtle)}.date-cell:not([data-disabled="1"]):not([data-outside="1"]):not([data-selected]):not([data-in-range="1"]):not([data-tentative="1"]){background:var(--date-available-bg)}.date-times{display:flex;gap:1rem;padding:.5rem 0 0;border-top:1px solid var(--date-border);flex-wrap:wrap}.date-time{display:flex;align-items:center;gap:.5rem}.date-time-label{font-size:.8rem;color:var(--date-muted)}.date-time-display{display:inline-flex;align-items:center;gap:.1rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);padding:.2rem .45rem}.date-time-part{min-width:1.9rem;padding:.15rem .35rem;background:transparent;border:0;border-radius:6px;color:var(--date-fg);font:700 .85rem/1 system-ui;text-align:center;cursor:pointer;transition:background .15s}.date-time-part:hover{background:var(--date-accent-hover)}.date-time-part.is-active{background:var(--date-accent-active);box-shadow:inset 0 0 0 1px var(--date-accent-subtle)}.date-time-sep{color:var(--date-muted-strong);font-weight:800;opacity:.9}.date-time-range-sep{color:var(--date-muted-strong);font-weight:800;opacity:.9;margin:0 .35rem}.date-clock{display:grid;place-items:center;padding:.25rem 0;width:100%}.date-clock-face{position:relative;width:min(100%,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#ffffff1f,#ffffff12 56%,#ffffff0d 57% 100%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0a}.date-clock-hand{position:absolute;left:50%;top:50%;width:2px;height:28%;background:linear-gradient(to bottom,var(--date-accent),rgba(129,140,248,.55));transform-origin:50% 100%;border-radius:var(--date-radius-pill);pointer-events:none}.date-clock-center{position:absolute;left:50%;top:50%;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;border-radius:50%;background:var(--date-accent);box-shadow:0 0 0 3px #818cf824;pointer-events:none}.date-clock-option{position:absolute;transform:translate(-50%,-50%);width:1.8rem;height:1.8rem;border:0;border-radius:50%;background:transparent;color:#f5f3ff;font:700 .78rem/1 system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.date-clock-option:hover{background:#818cf82e;box-shadow:0 0 0 3px #818cf81a;transform:translate(-50%,-50%) scale(1.05)}.date-clock-option.is-inner{font-size:.7rem;color:#f5f3ffd9}.date-clock-option.is-tick{width:.34rem;height:.34rem;font-size:0;border-radius:var(--date-radius-pill);background:#ffffff29;box-shadow:none}.date-clock-option.is-active{background:var(--date-accent);color:#fff;box-shadow:0 0 0 4px #818cf824;transform:translate(-50%,-50%) scale(1.06)}.date-clock-option.is-tick.is-active{background:#818cf8e0;box-shadow:0 0 0 4px #818cf824}.date-clock-caption{margin-top:.25rem;color:var(--date-muted);font:700 .78rem/1 system-ui;letter-spacing:.08em;text-transform:uppercase}.date-overlay-time{display:inline-flex;align-items:center;gap:.1rem;flex-wrap:wrap}.date-footer{display:flex;justify-content:flex-end;gap:.35rem;padding-top:.5rem;border-top:1px solid var(--date-border)}.date-action{padding:.45rem 1rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);color:inherit;font:600 .82rem/1 system-ui;cursor:pointer}.date-action:hover{background:var(--date-accent-hover)}.date-action--primary{background:var(--date-accent);border-color:transparent;color:var(--date-accent-text)}.date-action--primary:hover{background:var(--date-accent);filter:brightness(1.1)}.date-overlay{position:absolute;inset:.5rem;display:flex;align-items:center;justify-content:center;background:var(--date-overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;z-index:10;padding:.25rem}.date-overlay-panel{width:min(100%,360px);max-height:calc(100% - .5rem);display:grid;gap:.5rem;padding:.65rem;background:#111827fa;border:1px solid var(--date-border);border-radius:18px;box-shadow:0 20px 40px #00000047;overflow:auto}.date-overlay-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:var(--date-fg)}.date-overlay-title{font:700 .72rem/1 system-ui;text-transform:uppercase;letter-spacing:.08em;color:var(--date-muted)}.date-overlay-nav{display:inline-flex;gap:.25rem}.date-overlay-nav button{width:1.8rem;height:1.8rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-pill);color:var(--date-fg);font:1rem/1 system-ui;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.date-overlay-nav button:hover{background:var(--date-accent-hover)}.date-overlay-grid{display:grid;gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.date-overlay-pill{min-height:38px;padding:.45rem .55rem;background:var(--date-surface);border:1px solid var(--date-border);border-radius:var(--date-radius-md);color:var(--date-fg);font:600 .82rem/1 system-ui;cursor:pointer;text-transform:capitalize}.date-overlay-pill:hover{background:var(--date-accent-hover)}.date-overlay-pill[data-active="1"]{background:var(--date-accent);border-color:transparent;color:var(--date-accent-text)}}