/* Calendar-only rules: native fields keep their dimensions and type. */
@media screen {
  .fangst-date-picker-ready input:is([type=date],[type=datetime-local]):not(:disabled):not([readonly])::-webkit-calendar-picker-indicator {cursor:pointer}
  #fangst-date-picker {
    --fd-card:var(--ui-card,#fff);--fd-ink:var(--ui-ink,#232c35);--fd-muted:var(--ui-ink2,#5f6872);
    --fd-line:var(--ui-line,#d2d6d9);--fd-soft:var(--ui-soft,#eff0ef);--fd-accent:var(--ui-petrol,#315d78);--fd-selected-ink:#fff;
    position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;width:320px;max-width:calc(100vw - 16px);
    padding:12px;border:1px solid var(--fd-line);border-radius:8px;background:var(--fd-card);color:var(--fd-ink);
    box-shadow:0 6px 24px #0003;font:13px/1.4 Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    color-scheme:var(--ui-color-scheme,light);text-align:left;letter-spacing:normal;overflow:auto;max-height:calc(100dvh - 16px);
  }
  #fangst-date-picker * {box-sizing:border-box}
  #fangst-date-picker::backdrop {background:transparent;pointer-events:none}
  #fangst-date-picker .fdp-heading {display:flex;align-items:center;gap:4px;margin:0 0 10px;padding:0}
  #fangst-date-picker .fdp-month-fields {display:flex;align-items:center;gap:2px;flex:1;min-width:0}
  #fangst-date-picker :is(button,input,select) {font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0;min-height:0;color:var(--fd-ink);border-radius:4px}
  #fangst-date-picker :is(input,select) {width:auto;max-width:100%;height:30px;border:1px solid transparent;background:var(--fd-card);padding:3px;font-weight:600}
  #fangst-date-picker select {width:112px;cursor:pointer}
  #fangst-date-picker input {width:74px}
  #fangst-date-picker :is(input,select):hover {border-color:var(--fd-line)}
  #fangst-date-picker button {display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;padding:0;background:transparent;width:30px;height:30px;min-width:0;font-weight:400;line-height:1}
  #fangst-date-picker [data-month] {font-size:22px}
  #fangst-date-picker button:hover:not(:disabled) {background:var(--fd-soft);color:var(--fd-ink);filter:none;transform:none}
  #fangst-date-picker :is(button,input,select):focus-visible {outline:2px solid var(--ui-accent,#f2a900);outline-offset:1px}
  #fangst-date-picker button:disabled {opacity:.32;cursor:default}
  #fangst-date-picker table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;padding:0;background:transparent;font:inherit}
  #fangst-date-picker :is(th,td) {text-align:center;padding:1px 0;border:0;height:32px;background:transparent;color:var(--fd-ink);vertical-align:middle;white-space:normal}
  #fangst-date-picker th {font-size:11px;font-weight:500;letter-spacing:normal;text-transform:none}
  #fangst-date-picker thead th {height:27px;color:var(--fd-muted)}
  #fangst-date-picker .fdp-week {width:34px;border-right:1px solid var(--fd-line);color:var(--fd-muted);font-size:11px}
  #fangst-date-picker tbody .fdp-week {font-variant-numeric:tabular-nums;background:var(--fd-soft)}
  #fangst-date-picker .fdp-week-hint {margin:0 0 8px;color:var(--fd-muted);font:inherit;font-size:11px}
  #fangst-date-picker.fdp-week-mode tbody tr:hover :is(td button,.fdp-week button),
  #fangst-date-picker.fdp-week-mode tbody tr:focus-within :is(td button,.fdp-week button) {background:var(--fd-soft);color:var(--fd-ink);opacity:1}
  #fangst-date-picker.fdp-week-mode .fdp-selected-week .fdp-week button {background:var(--fd-accent);color:var(--fd-selected-ink);font-weight:650}
  #fangst-date-picker.fdp-week-mode .fdp-week button {font-weight:650;color:var(--fd-accent)}
  #fangst-date-picker td button {font-variant-numeric:tabular-nums}
  #fangst-date-picker button.fdp-outside {color:var(--fd-muted);opacity:.55}
  #fangst-date-picker button.fdp-today {border-color:var(--fd-accent);font-weight:650}
  #fangst-date-picker button.fdp-selected,#fangst-date-picker button.fdp-selected:hover {background:var(--fd-accent);color:var(--fd-selected-ink);opacity:1}
  #fangst-date-picker .fdp-footer {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--fd-line);margin:9px 0 0;padding:7px 0 0;gap:8px}
  #fangst-date-picker .fdp-footer button {width:auto;padding:0 7px;color:var(--fd-accent);font-size:12px;height:28px}
  #fangst-date-picker .fdp-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  :root[data-theme=dark] #fangst-date-picker {--fd-selected-ink:#1b2025}
}
@media screen and (prefers-color-scheme:dark) {
  :root:not([data-theme=light]) #fangst-date-picker {--fd-card:var(--ui-card,#23272c);--fd-ink:var(--ui-ink,#edf0f2);--fd-muted:var(--ui-ink2,#b9c1c8);--fd-line:var(--ui-line,#485058);--fd-soft:var(--ui-soft,#32373d);--fd-accent:var(--ui-petrol,#a6c9df);--fd-selected-ink:#1b2025;color-scheme:dark}
}
@media print {#fangst-date-picker {display:none!important}}