/* A shared calendar over the existing date input: values and validation stay native. */
.workspace-ui .anova-date-field{position:relative;display:block;width:100%;min-width:0;margin-top:7px}
.workspace-ui .anova-date-field input[type=date]{width:100%;margin:0;padding-right:52px;min-height:46px;color:var(--ink);color-scheme:light}
.workspace-ui .anova-date-field input::-webkit-calendar-picker-indicator{display:none}
.workspace-ui .anova-date-field .anova-date-trigger{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px!important;height:34px;min-width:34px;min-height:34px!important;border:0!important;border-radius:8px;padding:7px!important;background:transparent;color:#684370;box-shadow:none;cursor:pointer}
.workspace-ui .anova-date-field .anova-date-trigger:hover{background:#f0e7ef;box-shadow:none}
.workspace-ui .anova-date-field .anova-date-trigger svg{width:20px;height:20px}
.workspace-ui .anova-date-field .anova-date-trigger:disabled{background:transparent;color:#988b9c;cursor:not-allowed}
.workspace-ui dialog.anova-date-picker{position:fixed;inset:auto;margin:0;width:336px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:18px;border:1px solid #e3d6df;border-radius:17px;background:#fff;color:#352b3b;box-shadow:0 12px 50px #35233d20,0 3px 10px #35233d0b;overflow:auto;font-family:'DM Sans',Arial,sans-serif;scrollbar-gutter:auto}
.workspace-ui dialog.anova-date-picker::backdrop{background:#35233d0a;backdrop-filter:none}
.workspace-ui .anova-date-picker .anova-date-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee6ec;margin-bottom:14px}
.workspace-ui .anova-date-picker #anova-date-title{font-size:11px;font-weight:600;color:#6d5b70;line-height:1.5}
.workspace-ui .anova-date-picker button{font-family:inherit;font-weight:500;letter-spacing:0;box-shadow:none;transition:background .12s,color .12s;border:0}
.workspace-ui .anova-date-picker .anova-date-close{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;min-height:26px!important;padding:0;border-radius:7px;background:transparent;color:#7b6a7e;font:19px/1 Arial,sans-serif}
.workspace-ui .anova-date-picker .anova-date-close:hover{background:#f5f0f4;color:#35233d}
.workspace-ui .anova-date-picker .anova-date-navigation{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-bottom:13px}
.workspace-ui .anova-date-picker .anova-date-navigation>button{display:grid;place-items:center;width:30px;height:32px;min-height:32px!important;padding:6px;border-radius:8px;background:#f8f4f7;color:#684370}
.workspace-ui .anova-date-picker .anova-date-navigation>button:hover{background:#eee4ed}
.workspace-ui .anova-date-picker .anova-date-navigation svg{width:17px;height:17px}
.workspace-ui .anova-date-picker .anova-date-month-year{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0}
.workspace-ui .anova-date-picker .anova-date-month-year :is(select,input){margin:0;box-shadow:none;font-family:inherit;border:1px solid transparent;border-radius:6px;padding:5px 3px;min-height:32px;height:32px;background:#fff;color:#352b3b;font-size:14px!important;font-weight:600;width:auto;max-width:132px}
.workspace-ui .anova-date-picker .anova-date-month-year select{cursor:pointer}
.workspace-ui .anova-date-picker .anova-date-month-year input{width:55px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.workspace-ui .anova-date-picker input::-webkit-inner-spin-button,.workspace-ui .anova-date-picker input::-webkit-outer-spin-button{appearance:none;margin:0}
.workspace-ui .anova-date-picker .anova-date-month-year :is(select,input):hover{border-color:#e7dce5;background:#fbf9fb}
.workspace-ui .anova-date-picker .anova-date-weekdays,.workspace-ui .anova-date-picker [role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.workspace-ui .anova-date-picker .anova-date-weekdays{margin-bottom:7px}
.workspace-ui .anova-date-picker .anova-date-weekdays span{text-align:center;font-size:10px;font-weight:500;line-height:24px;color:#796b7d}
.workspace-ui .anova-date-picker .anova-date-grid{display:grid;gap:4px}
.workspace-ui .anova-date-picker [role=gridcell]{position:relative;display:grid;place-items:center;min-width:0;width:100%;height:36px;min-height:36px!important;padding:0;border-radius:10px;background:transparent;color:#514456;font-size:13px;font-weight:500;line-height:1;cursor:pointer}
.workspace-ui .anova-date-picker [role=gridcell]:hover{background:#f0e7ef;color:#58335f}
.workspace-ui .anova-date-picker [role=gridcell].outside-month{color:#9b8e9e}
.workspace-ui .anova-date-picker [role=gridcell][aria-current=date]{box-shadow:inset 0 0 0 1px #bca1b7;color:#684370;font-weight:700}
.workspace-ui .anova-date-picker [role=gridcell][aria-selected=true]{background:#684370;color:#fff;font-weight:700;box-shadow:0 2px 6px #68437021}
.workspace-ui .anova-date-picker [role=gridcell][aria-selected=true]:hover{background:#58335f;color:#fff}
.workspace-ui .anova-date-picker [role=gridcell]:focus-visible{outline:2px solid #b99cb3;outline-offset:1px;z-index:1}
.workspace-ui .anova-date-picker button:disabled{background:transparent;color:#b4aab7;box-shadow:none;opacity:1;cursor:not-allowed}
.workspace-ui .anova-date-picker .anova-date-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #eee6ec}
.workspace-ui .anova-date-picker .anova-date-footer button{min-height:32px!important;padding:6px 11px;border-radius:7px;font-size:12px;background:#f1e9f0;color:#684370;font-weight:600}
.workspace-ui .anova-date-picker .anova-date-footer [data-date-clear]{background:transparent;color:#6d5b70}
.workspace-ui .anova-date-picker .anova-date-footer button:hover{background:#e9dce7}
.workspace-ui .anova-date-picker .anova-date-footer button:disabled{background:transparent;color:#aaa0ad}
@media(max-width:540px){.workspace-ui dialog.anova-date-picker{padding:18px}.workspace-ui .anova-date-picker [role=gridcell]{height:38px;min-height:38px!important;font-size:14px}.workspace-ui .anova-date-picker .anova-date-footer button{min-height:38px!important}.workspace-ui .anova-date-field .anova-date-trigger{width:38px!important;height:38px;min-height:38px!important}}
@media(prefers-reduced-motion:reduce){.workspace-ui .anova-date-picker button{transition:none}}

/* Keep the calendar compact enough to sit beside its field on a laptop. */
.workspace-ui dialog.anova-date-picker{padding:16px}
.workspace-ui .anova-date-picker .anova-date-top{padding-bottom:8px;margin-bottom:10px}
.workspace-ui dialog.anova-date-picker .anova-date-close{width:26px!important;min-width:26px;height:26px;min-height:26px!important;padding:0!important;border:0!important;background:transparent!important}
.workspace-ui .anova-date-picker .anova-date-navigation{margin-bottom:10px}
.workspace-ui .anova-date-picker .anova-date-weekdays{margin-bottom:5px}
.workspace-ui .anova-date-picker .anova-date-weekdays span{line-height:22px}
.workspace-ui .anova-date-picker .anova-date-grid,.workspace-ui .anova-date-picker [role=row]{gap:3px}
.workspace-ui .anova-date-picker .anova-date-footer{margin-top:12px;padding-top:11px}
.workspace-ui .anova-date-picker .anova-date-footer button{min-height:30px!important}
.workspace-ui .anova-date-picker .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:540px){.workspace-ui .anova-date-picker .anova-date-footer button{min-height:38px!important}}

@media(max-width:540px){.workspace-ui .anova-date-picker .anova-date-month-year :is(select,input){font-size:16px!important}}