.date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;min-height:0!important;padding:0!important;border:0!important}
html[data-theme] .date-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:11px 12px;min-height:46px;border:1px solid var(--line);border-radius:9px;background:rgb(128 128 128 / .06);color:var(--text);font:14px/1.5 var(--font-ui,Manrope,sans-serif);text-align:left}
.date-trigger .icon{width:18px;height:18px;opacity:.65}
.date-trigger:hover{border-color:var(--muted)}
.date-error{display:block;color:var(--text);font-size:12px}.date-error:empty{display:none}
/* Isolate the picker from legacy table and button rules in the workspace. */
#workspace-date-calendar{position:fixed;inset:auto;margin:0;padding:16px;box-sizing:border-box;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--shortcut-fill,var(--panel));color:var(--text);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px #0003;z-index:100;transform-origin:center;overscroll-behavior:contain;font:400 13px/1.4 var(--font-ui,Manrope,sans-serif)}
#workspace-date-calendar::backdrop{background:none}
#workspace-date-calendar *{box-sizing:border-box}
#workspace-date-calendar button{display:grid!important;place-items:center;min-width:0!important;max-width:none!important;width:auto;min-height:0!important;height:36px;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;font:500 13px/1 var(--font-ui,Manrope,sans-serif)!important;letter-spacing:normal!important;box-shadow:none!important;transform:none!important;cursor:pointer;outline-offset:2px;transition:background .16s,color .16s}
#workspace-date-calendar button::before,#workspace-date-calendar button::after{display:none!important}
#workspace-date-calendar button:hover{background:rgb(128 128 128 / .13)!important}
#workspace-date-calendar button:focus-visible{outline:2px solid var(--text)!important}
#workspace-date-calendar button:disabled{opacity:.3;cursor:default;background:none!important}
#workspace-date-calendar .calendar-heading{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px;margin:0 0 12px;padding:0;border:0;background:none}
#workspace-date-calendar .calendar-heading>[data-step]{font-size:25px!important;height:32px}
#workspace-date-calendar .calendar-month-controls{display:flex;justify-content:center;gap:4px;min-width:0}
#workspace-date-calendar .calendar-month-controls button{padding:0 7px!important;white-space:nowrap}
#workspace-date-calendar .calendar-weekdays,#workspace-date-calendar .calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
#workspace-date-calendar .calendar-weekdays{margin-bottom:6px;color:var(--muted);font-size:10px;text-align:center}
#workspace-date-calendar .calendar-day-grid{display:grid;gap:2px}
#workspace-date-calendar .calendar-week>[role=gridcell]{min-width:0;margin:0;padding:0;border:0}
#workspace-date-calendar .calendar-week button{width:100%;height:34px;font-variant-numeric:tabular-nums}
#workspace-date-calendar .outside-month{opacity:.4}
#workspace-date-calendar [aria-selected=true] button,#workspace-date-calendar .calendar-choice-grid button[aria-pressed=true]{background:var(--text)!important;color:var(--bg)!important;opacity:1}
#workspace-date-calendar [aria-current=date]{text-decoration:underline;text-underline-offset:5px}
#workspace-date-calendar .calendar-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#workspace-date-calendar .calendar-choice-grid button{height:42px}
#workspace-date-calendar .calendar-footer{display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
#workspace-date-calendar .calendar-footer button{padding:0 9px!important;font-size:12px!important}
#workspace-date-calendar .calendar-footer button:last-child{margin-left:auto!important}
.date-trigger .icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(prefers-reduced-transparency:reduce){#workspace-date-calendar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}

#workspace-date-calendar .calendar-heading .icon{display:block;width:16px;height:16px;fill:none;stroke:currentColor}