input[type="date"]{font-size:16px;min-height:48px;cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator{width:24px;height:24px;cursor:pointer;pointer-events:none}
.large-date-picker{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 24px 80px #142b3540;overflow:auto}
.large-date-picker::backdrop{background:#14252e77;backdrop-filter:blur(3px)}
.date-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.date-picker-heading p{margin:0 0 5px;font-size:13px;color:var(--muted)}.date-picker-heading h2{font:24px/1.2 Georgia,serif;margin:0}.large-date-picker button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:10px;color:inherit;background:transparent}.large-date-picker button:disabled{opacity:.3;cursor:not-allowed}.large-date-picker button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.date-picker-close{width:46px;font-size:28px!important}
.date-picker-month{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;margin:22px 0 16px;gap:8px}.date-picker-month h3{font-size:19px;text-align:center;margin:0;text-transform:capitalize}.date-picker-month button{font-size:30px;background:var(--sage)}.date-picker-weekdays,.date-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.date-picker-weekdays span{text-align:center;padding:10px 0;font-size:12px;color:var(--muted);font-weight:700}.date-picker-days button{aspect-ratio:1;font-size:17px;min-height:44px}.date-picker-days button:hover:not(:disabled){background:var(--sage)}.date-picker-days button[aria-current="date"]{box-shadow:inset 0 0 0 1px var(--brand)}.date-picker-days button[aria-pressed="true"]{background:var(--brand);color:var(--brand-text,#fff);font-weight:700}.date-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.date-picker-footer button{color:var(--brand);font-weight:700;padding:8px 12px}.date-picker-footer span{font-size:11px;color:var(--muted);text-align:right;line-height:1.5}
@media(max-width:480px){.large-date-picker{padding:16px}.date-picker-days{gap:2px}.date-picker-days button{font-size:16px}.date-picker-heading h2{font-size:22px}}