/* DatePick sheet — everything is namespaced .dp-; colours follow the app's variables when they exist. */
.dp-root{--dp-bg:var(--surface,#fff);--dp-bg2:var(--surface2,#efedf7);--dp-text:var(--text,#1d1b2e);--dp-muted:var(--muted,#6c6987);--dp-line:var(--line,#e6e3f1);
  --dp-accent:var(--accent,#6a5ae0);--dp-accent-soft:var(--accent-soft,#ebe8fd);--dp-ink:var(--accent-ink,#fff);--dp-gold:var(--gold,#c99a2e);--dp-gold-soft:var(--gold-soft,#fbf1d9);
  --dp-red:var(--red,#e0525e);--dp-green:var(--green,#2fb57d);--dp-blue:var(--blue,#4c8ef0);--dp-amber:var(--amber,#e39a2d);
  --dp-he:var(--he,"Frank Ruhl Libre","SBL Hebrew","Times New Roman",serif);
  position:fixed;inset:0;z-index:2147483000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;color:var(--dp-text);-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dp-root{--dp-bg:var(--surface,#1e1e29);--dp-bg2:var(--surface2,#262634);--dp-text:var(--text,#f1f0f7);--dp-muted:var(--muted,#9d9bb4);--dp-line:var(--line,#2e2e3e);--dp-accent:var(--accent,#9187ff);--dp-accent-soft:var(--accent-soft,#2b2850);--dp-ink:var(--accent-ink,#14141c);--dp-gold:var(--gold,#f0c35a);--dp-gold-soft:var(--gold-soft,#3a3018)}}
:root[data-theme="dark"] .dp-root{--dp-bg:var(--surface,#1e1e29);--dp-bg2:var(--surface2,#262634);--dp-text:var(--text,#f1f0f7);--dp-muted:var(--muted,#9d9bb4);--dp-line:var(--line,#2e2e3e);--dp-accent:var(--accent,#9187ff);--dp-accent-soft:var(--accent-soft,#2b2850);--dp-ink:var(--accent-ink,#14141c);--dp-gold:var(--gold,#f0c35a);--dp-gold-soft:var(--gold-soft,#3a3018)}
.dp-root[hidden]{display:none!important}
.dp-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.dp-root [lang=he]{font-family:var(--dp-he)}
.dp-root button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;touch-action:manipulation}
.dp-root button:focus-visible{outline:3px solid var(--dp-accent);outline-offset:1px}
html.dp-lock,html.dp-lock body{overflow:hidden}
.dp-scrim{position:absolute;inset:0;background:rgba(10,8,30,.42);opacity:0;transition:opacity .22s;touch-action:none}
.dp-sheet{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:520px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--dp-bg);border-radius:24px 24px 0 0;
  padding:0 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.22);transform:translateY(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.dp-shown .dp-scrim{opacity:1}
.dp-shown .dp-sheet{transform:none}
.dp-closing .dp-sheet{transform:translateY(105%)}
.dp-head{padding:8px 2px 4px;touch-action:none;cursor:grab}
.dp-grab{width:40px;height:5px;border-radius:9px;background:var(--dp-line);margin:0 auto 10px}
.dp-titlerow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dp-title{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dp-seg{display:flex;background:var(--dp-bg2);border-radius:12px;padding:3px;flex:none}
.dp-seg button{min-height:36px;padding:0 11px;border-radius:9px;font-size:14px;font-weight:700;color:var(--dp-muted)}
.dp-seg button.on{background:var(--dp-bg);color:var(--dp-text);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.dp-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 6px}
.dp-arrow{width:48px;height:48px;border-radius:14px;background:var(--dp-bg2)!important;font-size:30px!important;line-height:1;font-weight:500;display:grid;place-items:center;flex:none}
.dp-arrow:active{transform:scale(.92)}
.dp-month{text-align:center;display:flex;flex-direction:column;min-width:0}
.dp-month b{font-size:20px;font-weight:800;line-height:1.2}
.dp-month b[lang=he]{font-size:25px;font-weight:700}
.dp-month small{font-size:13px;color:var(--dp-muted);font-weight:600}
.dp-month small[lang=he]{font-size:16px}
.dp-dow,.dp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;direction:ltr}
.dp-dow span{text-align:center;font-size:12px;font-weight:700;color:var(--dp-muted);padding:2px 0 4px}
.dp-dow span[lang=he]{font-size:15px}
.dp-c{position:relative;height:58px;border-radius:12px;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px 1px 0!important;min-width:0;overflow:hidden}
.dp-c.dp-empty{pointer-events:none}
.dp-c.dp-shab{background:color-mix(in srgb,var(--dp-accent) 7%,transparent)!important}
.dp-c.dp-yt{background:var(--dp-gold-soft)!important}
.dp-c.dp-today{box-shadow:inset 0 0 0 2px var(--dp-accent)}
.dp-c.dp-on{background:var(--dp-accent)!important;color:var(--dp-ink)}
.dp-c.dp-on .dp-s,.dp-c.dp-on .dp-t{color:var(--dp-ink);opacity:.9}
.dp-c:disabled{opacity:.28;cursor:default}
.dp-c:not(:disabled):active{transform:scale(.94)}
.dp-n{font-size:17px;font-weight:800;line-height:1.1}
.dp-n[lang=he]{font-size:19px;font-weight:700}
.dp-s{font-size:10.5px;font-weight:600;color:var(--dp-muted);line-height:1.25;white-space:nowrap}
.dp-s[lang=he]{font-size:12.5px}
.dp-t{display:flex;align-items:center;justify-content:center;gap:2px;max-width:100%;margin-top:auto;margin-bottom:4px;font-size:10.5px;line-height:1.1;font-weight:700;color:var(--dp-gold);white-space:nowrap;overflow:hidden;direction:rtl}
.dp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none;background:var(--dp-gold)}
.dp-dot.k-yt,.k-yt.dp-chip{--k:var(--dp-gold)}
.dp-dot.k-rc{background:var(--dp-blue)}.dp-dot.k-fast{background:var(--dp-red)}.dp-dot.k-chanukah,.dp-dot.k-purim{background:var(--dp-amber)}.dp-dot.k-minor{background:var(--dp-muted)}
.dp-sel{min-height:64px;margin:10px 2px 4px;padding:10px 12px;border-radius:14px;background:var(--dp-bg2);text-align:center;line-height:1.35}
.dp-sel-he{font-size:20px;font-weight:700;display:block}
.dp-sel-en{font-size:15px;font-weight:600;display:block;color:var(--dp-muted)}
.dp-dotsep{display:none}
.dp-none{color:var(--dp-muted);font-weight:600;line-height:44px}
.dp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:7px}
.dp-chip{font-size:14px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--dp-gold-soft);color:var(--dp-text)}
.dp-chip.k-parsha{background:var(--dp-accent-soft);color:var(--dp-accent)}
.dp-chip.k-fast{background:color-mix(in srgb,var(--dp-red) 16%,transparent)}
.dp-chip.k-rc{background:color-mix(in srgb,var(--dp-blue) 16%,transparent)}
.dp-chip.k-minor{background:var(--dp-bg)}
.dp-btns{display:flex;gap:8px;margin-top:10px}
.dp-btn{flex:1;min-height:50px;border-radius:14px;background:var(--dp-bg2)!important;font-weight:700!important;font-size:16px!important}
.dp-btn:disabled{opacity:.4;cursor:default}
.dp-btn.dp-primary{flex:1.4;background:var(--dp-accent)!important;color:var(--dp-ink)!important}
.dp-btn[hidden]{display:none}
@media (max-height:700px){.dp-c{height:50px}.dp-sel{min-height:54px;padding:7px 10px}}
@media (max-width:360px){.dp-seg button{padding:0 8px;font-size:13px}.dp-title{font-size:16px}}
/* the field that replaces the native date input */
.dp-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden;clip-path:inset(50%)}
.dp-field{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:30px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;font-size:16px;font-weight:600;text-align:start;cursor:pointer;white-space:nowrap;overflow:hidden;-webkit-appearance:none;appearance:none}
.dp-field>*{overflow:hidden;text-overflow:ellipsis}
.dp-field bdi{font-family:var(--he,"Frank Ruhl Libre","SBL Hebrew","Times New Roman",serif);font-size:17px}
.dp-field .dp-fsep{opacity:.45;flex:none}
.dp-field .dp-ph{color:var(--muted,#8a87a3);font-weight:500}
.dp-field:disabled{opacity:.5;cursor:default}