.date-input-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;position:fixed;inset:0}.date-input-popover{z-index:99999;background:var(--card,white);border:1px solid var(--border,#e5e7eb);isolation:isolate;width:100%;min-width:320px;max-width:380px;height:fit-content;color:var(--foreground,#111827);border-radius:12px;padding:12px;position:fixed;overflow:visible;box-shadow:0 20px 50px -10px #00000040,0 10px 20px -5px #00000026}@media (max-width:768px){.date-input-popover{width:calc(100vw - 32px);min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:10px;overflow-y:auto}}.date-input-select{border:1px solid var(--border,#e5e7eb);background:var(--card,white);color:var(--foreground,#111827);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .2s}.date-input-select:hover{border-color:var(--muted-foreground,#9ca3af)}.date-input-select:focus{border-color:var(--tenant-primary,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb, var(--tenant-primary,#6366f1) 10%, transparent);outline:none}