input:is([type=date],[type=datetime-local],[type=time]){position:relative;cursor:pointer;padding-right:40px!important;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='16' rx='4' fill='none' stroke='%237a828b' stroke-width='1.7'/%3E%3Cpath d='M8 3v4m8-4v4M4 11h16m-12 4h2m4 0h2m-8 3h2' fill='none' stroke='%237a828b' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:19px!important}
input:is([type=date],[type=datetime-local],[type=time])::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none;width:0;margin:0;padding:0}input:is([type=date],[type=datetime-local],[type=time]):disabled,input:is([type=date],[type=datetime-local],[type=time])[readonly]{cursor:default}.glass-date-popup{position:fixed;z-index:100000;box-sizing:border-box;padding:13px;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(140deg,#fffffff7,#f3f6f9f0);color:#29313a;box-shadow:inset 0 1px 0 #fff,0 18px 55px #15273830,0 3px 12px #15273812;backdrop-filter:blur(30px) saturate(150%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;overflow:auto;animation:glass-date-in .15s ease-out}
.glass-date-popup[data-theme=dark]{background:linear-gradient(140deg,#263039fa,#161e28f5);border-color:#ffffff24;color:#f1f3f6;box-shadow:inset 0 1px 0 #ffffff15,0 18px 55px #0007}.glass-date-popup button{font:inherit;color:inherit;border:0;cursor:pointer;box-sizing:border-box}.glass-date-popup button:disabled{opacity:.3;cursor:default}.glass-date-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 0 10px}.glass-date-title{display:flex;justify-content:center;gap:3px;min-width:0}.glass-date-title-button{background:transparent;padding:7px;border-radius:10px;font-weight:550!important;text-transform:capitalize}.glass-date-nav{width:32px;height:32px;border-radius:50%;background:#8080800e;font-size:23px!important;line-height:1}.glass-date-title-button:hover,.glass-date-nav:hover{background:#c7354510}.glass-date-weekdays,.glass-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.glass-date-weekdays{padding:5px 0 8px;text-align:center;font-size:10px;color:#8b939e;font-weight:500}.glass-date-day{height:36px;min-width:0;border-radius:11px;background:transparent;font-variant-numeric:tabular-nums;display:grid;place-items:center}.glass-date-day.outside{opacity:.45}.glass-date-day.today{box-shadow:inset 0 0 0 1px #c7354540;color:#b42b3d}.glass-date-day:hover:not(:disabled),.glass-date-choice:hover:not(:disabled){background:#c7354510}.glass-date-day.selected,.glass-date-choice.selected{color:white!important;background:#c73545!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #c7354525;opacity:1}.glass-date-popup button:focus-visible{outline:2px solid #c73545;outline-offset:1px}.glass-date-footer{display:flex;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #80808020}.glass-date-text{padding:7px 11px;border-radius:100px;background:#8080800a;font-size:12px!important}.glass-date-text:last-child{color:#b42b3d;background:#c735450b}.glass-date-popup[data-theme=dark] .glass-date-text:last-child,.glass-date-popup[data-theme=dark] .glass-date-day.today{color:#ffabb7}.glass-date-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0}.glass-date-choice{min-height:48px;border-radius:12px;background:#80808008;text-transform:capitalize}@keyframes glass-date-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.glass-date-popup{animation:none}}

.glass-date-popup[popover]{inset:auto;margin:0}

/* Date/time shares the portal calendar, with a deliberate 24-hour time editor. */
.glass-date-popup{line-height:1.4;overscroll-behavior:contain;scrollbar-width:thin}
.glass-date-popup .glass-date-layout{display:grid;grid-template-columns:minmax(0,1fr)}
.glass-date-popup.has-date-time .glass-date-layout{grid-template-columns:minmax(0,1fr) 165px;gap:16px}
.glass-date-calendar{min-width:0}
.glass-date-popup .glass-date-time{min-width:0;padding:8px 0;display:flex;flex-direction:column;align-items:center}
.glass-date-popup.has-date-time .glass-date-time{border-left:1px solid #80808020;padding-left:16px}
.glass-date-popup .glass-date-time-heading{font-size:12px;font-weight:550;line-height:1.5}
.glass-date-popup .glass-date-zone{font-size:10px;color:#7c8690;margin-top:3px;line-height:1.5}
.glass-date-popup[data-theme=dark] .glass-date-zone{color:#a6afb8}
.glass-date-popup .glass-date-time-fields{display:flex;justify-content:center;gap:8px;width:100%;margin:17px 0 10px}
.glass-date-popup .glass-date-time-unit{display:flex;align-items:center;flex-direction:column;gap:7px;flex:1;min-width:0;max-width:76px}
.glass-date-popup .glass-date-time-unit label{font-size:10px;color:#7c8690;font-weight:500;line-height:1.4;margin:0}
.glass-date-popup[data-theme=dark] .glass-date-time-unit label{color:#a6afb8}
.glass-date-popup .glass-date-time-unit input{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:none;height:46px;margin:0;padding:5px 2px!important;border:1px solid #8a96a52b!important;border-radius:12px!important;background:#ffffff90!important;color:inherit;box-shadow:inset 0 1px 0 #fff,0 3px 9px #25364a05!important;text-align:center;font-family:inherit;font-size:20px!important;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;outline:none;cursor:text}
.glass-date-popup[data-theme=dark] .glass-date-time-unit input{background:#ffffff08!important;border-color:#ffffff24!important;box-shadow:inset 0 1px 0 #ffffff0a!important}
.glass-date-popup .glass-date-time-unit input:focus{border-color:#c7354580!important;box-shadow:0 0 0 3px #c7354512!important}
.glass-date-popup .glass-date-time-step{display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border-radius:50%;background:#80808009;font-size:17px;font-weight:400;line-height:1;box-shadow:none}
.glass-date-popup .glass-date-time-step:hover{background:#c7354510}
.glass-date-popup .glass-date-error{margin:7px 0 0;font-size:11px;line-height:1.5;color:#a66a1d;text-align:center}
.glass-date-popup[data-theme=dark] .glass-date-error{color:#eab469}
.glass-date-popup .glass-date-error[hidden]{display:none}
.glass-date-popup .glass-date-summary{display:block;text-align:center;margin:12px 0 0;padding:9px 12px;border:1px solid #80808018;border-radius:10px;background:#80808006;color:inherit;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.glass-date-popup.has-time .glass-date-footer{align-items:center;gap:5px;flex-wrap:wrap}
.glass-date-popup.has-time .glass-date-footer button{font-size:12px;padding:9px 12px;min-height:36px;line-height:1.3}
.glass-date-popup .glass-date-cancel{margin-left:auto}
.glass-date-popup .glass-date-apply{border-radius:100px;color:#fff;background:#c73545;box-shadow:inset 0 1px 0 #ffffff35,0 3px 9px #c7354515}
.glass-date-popup .glass-date-apply:hover:not(:disabled){background:#b12b3d}
input:is([type=date],[type=datetime-local],[type=time])[aria-expanded=true]{outline:2px solid #c7354535;outline-offset:1px}
@media(max-width:560px){.glass-date-popup.has-date-time .glass-date-layout{grid-template-columns:1fr;gap:8px}.glass-date-popup.has-date-time .glass-date-time{border-left:0;border-top:1px solid #80808020;padding:11px 0 0}.glass-date-popup .glass-date-time-fields{margin:9px 0 0;gap:16px}.glass-date-popup .glass-date-time-unit{display:grid;grid-template-columns:24px minmax(46px,1fr) 24px;max-width:140px;column-gap:4px}.glass-date-popup .glass-date-time-unit label{grid-column:1/-1;text-align:center}.glass-date-popup .glass-date-time-unit input{grid-row:2;grid-column:2;height:42px}.glass-date-popup .glass-date-time-unit .glass-date-time-step:first-of-type{grid-row:2;grid-column:3}.glass-date-popup .glass-date-time-unit .glass-date-time-step:last-of-type{grid-row:2;grid-column:1}.glass-date-popup .glass-date-time-step{width:24px;min-width:24px;height:32px}.glass-date-popup .glass-date-day{height:34px}.glass-date-popup .glass-date-summary{margin-top:11px}.glass-date-popup.has-time .glass-date-footer button{padding:9px 10px}}
