/* Taghvim.dev: the kit date picker theme with the Taghvim.dev tokens. */
iof-date-picker{display:block;position:relative;min-width:0}
iof-date-picker.iofdp-host--popup{display:flex;align-items:stretch;gap:4px}
iof-date-picker.iofdp-host--popup>input{flex:1;width:100%;min-width:0}
.iofdp-toggle{flex:none;width:36px;min-height:34px;border-radius:10px;border:1px solid var(--line-2,#DCD2CC);background:var(--surface,#fff);color:var(--text,#1E1B1D);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s}
.iofdp-toggle:hover,.iofdp-toggle[aria-expanded="true"]{border-color:var(--orange,#9F1239);color:var(--orange,#9F1239)}
.iofdp-toggle:focus-visible{outline:2px solid var(--orange,#9F1239);outline-offset:1px}

.iofdp{
  --dp-bg:var(--surface,#FFFFFF); --dp-text:var(--text,#1E1B1D); --dp-muted:var(--muted,#6B5F66); --dp-dim:var(--dim,#857880);
  --dp-line:var(--line,#ECE7E2); --dp-line-2:var(--line-2,#DCD2CC); --dp-sink:var(--sink,#F7EEE3); --dp-wash:var(--wash,rgba(30,27,29,.035));
  --dp-orange:var(--orange,#9F1239); --dp-orange-press:var(--orange-press,#7A1735); --dp-rail:var(--rail,#C9BEBC);
  --dp-node:var(--black,#1E1B1D); --dp-node-text:#FFFFFF; --dp-in:rgba(159,18,57,.10); --dp-ok:var(--st-ok,#15803D);
  box-sizing:border-box;width:308px;max-width:calc(100vw - 16px);background:var(--dp-bg);color:var(--dp-text);
  border:1px solid var(--dp-line-2);border-radius:var(--r-card,14px);padding:10px 10px 8px;font:inherit;font-size:14px;line-height:1.5;text-align:start;
  font-family:Estedad,Tahoma,system-ui,sans-serif
}
.iofdp *,.iofdp *::before,.iofdp *::after{box-sizing:border-box}
/* dark palette: forced, OS-following, or on the site's black surfaces */
.iofdp.iofdp--dark,.section--deep .iofdp:not(.iofdp--light),.footer .iofdp:not(.iofdp--light),.band .iofdp:not(.iofdp--light),.drawer .iofdp:not(.iofdp--light){
  --dp-bg:#151515; --dp-text:#FFFFFF; --dp-muted:#A6A6A2; --dp-dim:#76766F; --dp-line:rgba(255,255,255,.10); --dp-line-2:rgba(255,255,255,.22);
  --dp-sink:rgba(255,255,255,.045); --dp-wash:rgba(255,255,255,.06); --dp-rail:#6E5468; --dp-node:#FFFFFF; --dp-node-text:#1E1B1D; --dp-in:rgba(159,18,57,.18); --dp-ok:#4ADE80
}
@media (prefers-color-scheme:dark){
  .iofdp.iofdp--auto{
    --dp-bg:#151515; --dp-text:#FFFFFF; --dp-muted:#A6A6A2; --dp-dim:#76766F; --dp-line:rgba(255,255,255,.10); --dp-line-2:rgba(255,255,255,.22);
    --dp-sink:rgba(255,255,255,.045); --dp-wash:rgba(255,255,255,.06); --dp-rail:#6E5468; --dp-node:#FFFFFF; --dp-node-text:#1E1B1D; --dp-in:rgba(159,18,57,.18); --dp-ok:#4ADE80
  }
}
.iofdp.iofdp--light{
  --dp-bg:#FFFFFF; --dp-text:#1E1B1D; --dp-muted:#6B5F66; --dp-dim:#857880; --dp-line:#ECE7E2; --dp-line-2:#DCD2CC; --dp-sink:#F7EEE3;
  --dp-wash:rgba(30,27,29,.035); --dp-rail:#C9BEBC; --dp-node:#1E1B1D; --dp-node-text:#FFFFFF; --dp-in:rgba(159,18,57,.10); --dp-ok:#15803D
}
/* popup: top layer (popover) or fixed; placed by script next to the input */
.iofdp--popup{position:fixed;z-index:60;margin:0;inset:auto;box-shadow:0 18px 40px -24px rgba(30,27,29,.45)}
.iofdp--popup[hidden]{display:none}
.iofdp--popup:popover-open{inset:auto}

.iofdp__head{display:flex;align-items:center;gap:2px;margin-bottom:6px}
.iofdp__title{flex:1;text-align:center;font-weight:800;font-size:15px;white-space:nowrap}
.iofdp__nav{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--dp-text);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.iofdp__nav:hover{border-color:var(--dp-line-2);background:var(--dp-wash)}
.iofdp__nav[data-nav="-12"],.iofdp__nav[data-nav="12"]{color:var(--dp-muted)}

.iofdp__grid{display:grid;gap:2px}
.iofdp__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.iofdp__wk span{text-align:center;font-size:12px;font-weight:700;color:var(--dp-muted);padding:2px 0 4px}
.iofdp__wk span.is-off{color:var(--dp-orange)}
.iofdp__d{position:relative;display:grid;place-items:center;height:38px;border-radius:10px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.iofdp__d.is-empty{cursor:default}
.iofdp__d b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14.5px;line-height:1;border:1.5px solid transparent;transition:background .12s,border-color .12s,color .12s}
.iofdp__d:not(.is-empty):not(.is-disabled):hover b{border-color:var(--dp-text)}
.iofdp__d.is-weekend{background:var(--dp-sink)}
.iofdp__d.is-weekend b{color:var(--dp-muted)}
.iofdp__d.is-hol b,.iofdp__d.is-pred b{color:var(--dp-orange)}
/* holiday nodes: solid = official, dashed hollow = predicted (lunar, ±1 day) */
.iofdp__node{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--dp-orange)}
.iofdp__d.is-pred .iofdp__node{width:8px;height:8px;bottom:1px;background:transparent;border:1.5px dashed var(--dp-orange)}
.iofdp__d.is-today b{background:var(--dp-node);color:var(--dp-node-text);border-color:var(--dp-node)}
.iofdp__d.is-in{background:var(--dp-in);border-radius:0}
/* RTL: later days sit to the left, so the band leaves the start cell leftwards and enters the end cell from the right */
.iofdp__d.is-start::before,.iofdp__d.is-end::before{content:"";position:absolute;top:0;bottom:0;background:var(--dp-in);z-index:0}
.iofdp__d.is-start::before{left:0;right:50%}
.iofdp__d.is-end::before{right:0;left:50%}
.iofdp__d.is-start.is-end::before{display:none}
.iofdp__d b{position:relative;z-index:1}
.iofdp__d.is-sel b{background:var(--dp-orange);border-color:var(--dp-orange);color:#FFFFFF;font-weight:800}
.iofdp__d.is-sel .iofdp__node{background:var(--dp-node)}
.iofdp__d.is-sel.is-pred .iofdp__node{background:transparent;border-color:var(--dp-node)}
.iofdp__d.is-disabled{cursor:not-allowed}
.iofdp__d.is-disabled b{color:var(--dp-dim);text-decoration:line-through;text-decoration-thickness:1px;opacity:.7}
.iofdp__d.is-disabled.is-sel b{background:transparent;color:var(--dp-dim);border-color:var(--dp-line-2)}
.iofdp__d:focus{outline:none}
.iofdp__d:focus-visible b{outline:2px solid var(--dp-orange);outline-offset:2px}

.iofdp__foot{margin-top:8px;padding:8px 4px 2px;border-top:1px solid var(--dp-line);display:grid;gap:3px;font-size:12.5px;min-height:62px}
.iofdp__f1{display:flex;align-items:center;gap:8px;justify-content:space-between}
.iofdp__f1 b{font-size:13.5px;font-weight:800}
.iofdp__f2{color:var(--dp-muted)}
.iofdp__chip{flex:none;font-size:11px;font-weight:800;border-radius:99px;padding:0 8px;border:1.5px solid currentColor;white-space:nowrap}
.iofdp__chip.c-ok{color:var(--dp-ok)}.iofdp__chip.c-hol{color:var(--dp-orange)}.iofdp__chip.c-pred{color:var(--dp-orange);border-style:dashed}.iofdp__chip.c-off{color:var(--dp-muted)}
.iofdp__hols{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.iofdp__hols li{display:flex;gap:6px;align-items:flex-start}
.iofdp__hols i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--dp-orange);margin-top:6px}
.iofdp__hols li.is-pred i{background:transparent;border:1.5px dashed var(--dp-orange)}
.iofdp__hols em,.iofdp__settle em{display:block;font-style:normal;font-size:11.5px;color:var(--dp-muted)}
.iofdp__settle{color:var(--dp-text)}
.iofdp__settle b{font-weight:800}
.iofdp__rng{color:var(--dp-muted)}
.iofdp__acts{display:flex;justify-content:space-between;gap:6px;margin-top:6px}
.iofdp__act{border:1px solid var(--dp-line-2);background:transparent;color:var(--dp-text);border-radius:99px;padding:2px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.iofdp__act:hover{border-color:var(--dp-orange)}
.iofdp__nav:focus-visible,.iofdp__act:focus-visible{outline:2px solid var(--dp-orange);outline-offset:1px}

@media (max-width:420px){
  .iofdp{width:calc(100vw - 16px);padding:10px 8px 8px}
  .iofdp__d{height:42px}
  .iofdp__d b{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){.iofdp *{transition:none!important}}