/* Same Manrope, turquoise, field heights and spacing as the yourZone forms. */
#yz-portal .yz-date-field,#yz-calendar .yz-date-field{display:block;position:relative;width:100%;min-width:0;margin-top:8px}
#yz-portal input.yz-date-native,#yz-calendar input.yz-date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%)}
#yz-portal .yz-date-trigger,#yz-calendar .yz-date-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;min-height:48px;margin:0!important;padding:12px 14px!important;border:1px solid var(--glass-line,#ffffff32)!important;border-radius:10px!important;background:var(--glass-input,#202b30)!important;color:var(--glass-ink,#fff)!important;font:500 16px/22px Manrope,sans-serif!important;text-align:left;box-shadow:none!important;transform:none!important;cursor:pointer}
.yz-date-mark{display:flex;color:#59bfc1}.yz-date-mark svg{width:20px;height:20px}.yz-date-trigger:disabled{opacity:.45;cursor:default}
.yz-date-picker{--date-bg:#171d1f;--date-ink:#f4f7f7;--date-muted:#aab5b6;--date-line:#ffffff24;box-sizing:border-box;position:fixed!important;inset:auto;margin:0;padding:18px;width:336px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--date-bg)!important;color:var(--date-ink)!important;border:1px solid var(--date-line)!important;border-radius:18px!important;font:400 14px/1.5 Manrope,sans-serif!important;box-shadow:0 16px 48px #0004;z-index:2147483647}
html[data-yz-theme=light] .yz-date-picker{--date-bg:#f7f9f9;--date-ink:#182124;--date-muted:#637174;--date-line:#17212426}
.yz-date-picker *{box-sizing:border-box;font-family:Manrope,sans-serif!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}
.yz-date-picker::backdrop{background:transparent}
.yz-date-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid var(--date-line)}
.yz-date-caption{display:block;color:var(--date-muted);font-size:10px;letter-spacing:.12em;margin-bottom:6px}
.yz-date-selects{display:flex;gap:8px}.yz-date-selects select{height:32px;max-width:150px;padding:2px 6px;background:transparent;color:var(--date-ink);border:0;border-radius:6px;font-size:14px;font-weight:600}.yz-date-selects option{background:var(--date-bg)!important;color:var(--date-ink)!important}
.yz-date-picker button{cursor:pointer;color:var(--date-ink);font-size:14px;line-height:1.5;border:1px solid transparent;border-radius:9px;background:transparent;padding:0}
.yz-date-picker .yz-date-close,.yz-date-picker .yz-date-nav{width:36px;height:36px;display:grid;place-items:center;flex:none;background:#ffffff06;border-color:var(--date-line)}
.yz-date-picker .yz-date-close{border-radius:50%}.yz-date-picker svg{width:18px;height:18px}
.yz-date-month-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.yz-date-month-nav strong{font-size:14px;font-weight:600}
.yz-date-weekdays,.yz-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.yz-date-weekdays{margin-bottom:8px;color:var(--date-muted);font-size:11px;font-weight:500}
.yz-date-picker .yz-date-day{height:38px;width:100%;font-size:13px;font-weight:500;min-width:0}.yz-date-picker .is-outside{color:var(--date-muted);opacity:.6}.yz-date-picker .yz-date-day[aria-current=date]{border-color:#59bfc1;color:#59bfc1}.yz-date-picker .yz-date-day[aria-pressed=true]{background:#59bfc1;color:#091a1b;border-color:#59bfc1;font-weight:700;opacity:1}
.yz-date-picker button:disabled{opacity:.25;cursor:default}.yz-date-picker button:not(:disabled):hover{background:#59bfc124}.yz-date-picker .yz-date-day[aria-pressed=true]:hover{background:#59bfc1}
.yz-date-picker :focus-visible,.yz-date-trigger:focus-visible{outline:2px solid #59bfc1;outline-offset:2px}
.yz-date-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--date-line);margin-top:14px;padding-top:10px}.yz-date-picker .yz-date-text{min-height:36px;padding:6px 8px;font-size:12px;font-weight:600;color:#59bfc1}
@media(max-width:400px){.yz-date-picker{padding:16px}.yz-date-picker .yz-date-day{height:36px}}

#yz-portal .yz-date-editable{display:flex;align-items:stretch;gap:0}
#yz-portal .yz-date-editable .yz-date-text-input{flex:1;min-width:0;margin:0!important;border-radius:10px 0 0 10px!important}
#yz-portal .yz-date-editable .yz-date-trigger{width:48px;flex:0 0 48px;padding:12px!important;justify-content:center;border-radius:0 10px 10px 0!important;border-left:0!important}

/* V56: date text follows the active theme, never a contrast-sweep inline color.
   Switch field foreground and background together (no transitional misreading). */
html[data-yz-theme] :is(#yz-portal,#yz-calendar) .yz-date-trigger{transition:none!important;color:var(--glass-ink)!important;-webkit-text-fill-color:var(--glass-ink)!important}
html[data-yz-theme] :is(#yz-portal,#yz-calendar) .yz-date-trigger>span:not(.yz-date-mark){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-yz-theme] :is(#yz-portal,#yz-calendar) .yz-date-mark{color:var(--glass-link)!important;-webkit-text-fill-color:currentColor!important}
html[data-yz-theme] :is(#yz-portal,#yz-calendar) .yz-date-text-input{color:var(--glass-ink)!important;-webkit-text-fill-color:var(--glass-ink)!important;transition:none!important}
/* Preserve the hidden source input even against the legacy V39 week-input rule. */
html[data-yz-theme] :is(#yz-portal,#yz-calendar) input.yz-date-native{opacity:0!important}