/* יומן התורים — אופטיטופ · מסך הצוות (הדמיה מאושרת: גרסה 11, 11.10.2026)
   הכול תחת #ottor — לא נוגע בשאר האתר. ספר העיצוב: optitop-page/references/design.md
   Open Sans Hebrew גם בכותרות (פיני 11.10: ״אין לנו גושפנקה״) · רקע מוסכם #e6f5f7 · כרטיסים לבנים צפים · גלולות האתר */

#ottor{
  --bg:#e6f5f7; --card:#ffffff; --fg:#282355; --muted:#5b5775; --line:#e8e6f2;
  --brand:#282355; --teal:#42bbc8; --sun:#fbbc46;
  --ok:#086069; --okbg:#e6f5f7; --warn:#8a4b00; --warnbg:#fff2dd; --bad:#b3261e; --badbg:#fde8e6;
  --pini:#282355; --pini-l:#e2dff0; --pini-t:#282355;     /* פיני — נייבי · לבנדר (הכרעות 65, 68) */
  --ruti:#086069; --ruti-l:#d3edf1; --ruti-t:#086069;     /* רותי — טורקיז · טורקיז בהיר */
  --other:#5b5775; --other-l:#ecebf2;
  --f:"Open Sans Hebrew","Open Sans",Arial,sans-serif;
  direction:rtl; text-align:right; font-family:var(--f); font-size:16px; line-height:1.55; color:var(--fg);
  max-width:472px; margin:18px auto 32px; padding:16px; background:var(--bg); border-radius:22px;
  -webkit-font-smoothing:antialiased; box-sizing:border-box;
}
#ottor *,#ottor *::before,#ottor *::after{box-sizing:border-box}
#ottor [hidden]{display:none!important}
#ottor p,#ottor h1,#ottor h2,#ottor h3,#ottor dl,#ottor dd,#ottor dt{margin:0}
#ottor h1,#ottor h2,#ottor h3{font-family:var(--f);letter-spacing:normal;text-transform:none}
#ottor button,#ottor input,#ottor select{font-family:var(--f);letter-spacing:normal;text-transform:none;line-height:1.3;margin:0;min-height:0;box-shadow:none;text-decoration:none}
#ottor button{cursor:pointer;-webkit-appearance:none;appearance:none}
#ottor button:disabled{cursor:default}
#ottor a{color:var(--brand)}
#ottor .ottor-loading{text-align:center;color:var(--muted);padding:40px 0}

/* פס השלב — כמו פס ההדמיה */
#ottor .stagebar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border:1.5px dashed var(--teal);border-radius:10px;padding:6px 10px;margin-bottom:10px;background:#fff}
#ottor .stagebar b{color:var(--ok);white-space:nowrap}

#ottor .hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex-wrap:wrap}
#ottor .logo{display:flex;align-items:center;gap:8px}
#ottor .logo img{height:40px;width:auto;display:block}
#ottor .logo .tag{font-weight:700;font-size:13px;color:var(--muted);border:1.5px solid var(--line);border-radius:999px;padding:2px 10px;background:#fff}
#ottor .me{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
#ottor .me button{font-size:12px;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:3px 8px}

#ottor .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
#ottor .tab{font-weight:700;font-size:14px;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--fg);box-shadow:0 3px 10px rgba(40,35,85,.10)}
#ottor .tab.on{background:var(--brand);border-color:var(--brand);color:#fff}

#ottor .step-ind{display:flex;gap:6px;align-items:center;margin:0 0 10px}
#ottor .dot{width:9px;height:9px;border-radius:50%;background:#cfcbe0}
#ottor .dot.on{background:var(--brand);width:22px;border-radius:6px}
#ottor .dot.done{background:var(--teal)}

#ottor .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;min-height:430px;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(40,35,85,.08)}
#ottor .card>section{display:flex;flex-direction:column;flex:1}
#ottor h1{font-weight:700;font-size:23px;line-height:1.25;margin:0 0 4px;color:var(--brand)}
#ottor h2{font-weight:700;font-size:15px;margin:14px 0 8px;color:var(--muted);display:flex;align-items:center;gap:8px}
#ottor h2::after{content:"";flex:1;height:1px;background:var(--line)}
#ottor .sub{color:var(--muted);font-size:14px;margin:0 0 12px}
#ottor .row{display:flex;gap:8px;align-items:flex-end}
#ottor .field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;min-width:0;flex:1}
#ottor label{font-size:13px;color:var(--muted);font-weight:700}
#ottor input,#ottor select{font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--fg);width:100%;height:auto}
#ottor input[type=tel]{direction:ltr;text-align:right;font-size:18px}
#ottor #ot-phone{background:var(--pini-l);font-size:18px}          /* ת1 (הכרעה 117) — השדה הראשון בולט, לבנדר */
#ottor .cands{display:grid;gap:6px;margin-top:6px}
#ottor .cand{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:right;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--fg);font-size:14px;width:100%;min-width:0;white-space:normal}   /* התבנית של האתר שמה nowrap על כפתורים */
#ottor .cand>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
#ottor .cand:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .cand b{font-weight:700}
#ottor .cand .m{font-size:12px;color:var(--muted);white-space:nowrap}
#ottor input:focus,#ottor select:focus{outline:2px solid var(--teal);border-color:transparent}
#ottor .code{font-size:28px;letter-spacing:.4em;text-align:center;direction:ltr}

#ottor .opt{display:grid;gap:8px}
#ottor .btn-opt{text-align:right;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:var(--fg);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px 10px rgba(40,35,85,.08)}
#ottor .btn-opt:hover{border-color:var(--brand);background:#fff;color:var(--fg)}
#ottor .btn-opt.sel{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
#ottor .btn-opt .t{font-weight:700;font-size:17px}
#ottor .btn-opt .d{font-size:13px;color:var(--muted);font-weight:400;margin-inline-start:6px}
#ottor .btn-opt .chev{color:var(--muted);font-size:20px;line-height:1}

#ottor .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#ottor .chip{font-size:13px;font-weight:700;padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--fg);display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 10px rgba(40,35,85,.16)}
#ottor .chip:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .chip.sel,#ottor .chip.sel:hover{background:var(--brand);border-color:var(--brand);color:#fff}
#ottor .chip.kid.sel{background:var(--ruti);border-color:var(--ruti)}
#ottor .pd{width:9px;height:9px;border-radius:50%;display:inline-block}
#ottor .pd.pini{background:var(--pini)} #ottor .pd.ruti{background:var(--teal)}
#ottor .chip.sel .pd{outline:2px solid #fff}

#ottor .mhead{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px}
#ottor .mhead b{font-weight:700;font-size:17px}
#ottor .mnav{font-size:20px;line-height:1;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--fg);padding:0}
#ottor .mnav:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .mnav:disabled{opacity:.3}
#ottor .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
#ottor .dow{text-align:center;font-size:12px;color:var(--muted);font-weight:700;padding-bottom:2px}
#ottor .cell{aspect-ratio:1;border-radius:10px;border:1.5px solid transparent;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0}
#ottor .cell:hover{background:var(--bg);color:var(--fg);border-color:var(--brand)}
#ottor .cell .n{font-weight:700;font-size:16px;line-height:1}
#ottor .cell .pds{display:flex;gap:3px;height:6px}
#ottor .cell .pds .pd{width:6px;height:6px}
#ottor .cell:disabled,#ottor .cell:disabled:hover{color:var(--muted);background:transparent;opacity:.55;border-color:transparent}
#ottor .cell.empty{background:transparent}
#ottor .cell.sel,#ottor .cell.sel:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset;background:#fff}
#ottor .legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-top:10px;align-items:center}
#ottor .legend span{display:flex;align-items:center;gap:5px}

#ottor .grp{margin-top:10px}
#ottor .grp h3{font-weight:700;font-size:14px;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}
#ottor .grp h3::after{content:"";flex:1;height:1px;background:var(--line)}
#ottor .slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#ottor .slot{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;padding:10px 4px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--fg)}
#ottor .slot:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .slot.sel,#ottor .slot.sel:hover{background:var(--brand);border-color:var(--brand);color:#fff}

/* הכרעה 61 — אחרי בחירת יום: שעה בשורה, בודק בעמודה */
#ottor .ag2{display:grid;gap:5px;margin-top:10px}
#ottor .ag2 .hd,#ottor .ag2 .rw{display:grid;grid-template-columns:48px repeat(var(--n),1fr);gap:6px;align-items:stretch}
#ottor .ag2 .hd span{font-weight:700;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;padding-bottom:2px}
#ottor .ag2 .t{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}
#ottor .cb{font-size:12px;line-height:1.3;border-radius:10px;padding:8px 6px;border:1px solid var(--line);background:#fff;color:var(--fg);text-align:center;min-height:38px;display:flex;align-items:center;justify-content:center}
#ottor button.cb:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .cb.na{background:transparent;border-style:dashed;color:var(--muted)}
#ottor .cb.past{opacity:.4}
#ottor .cb.busy{font-weight:700}
#ottor .cb.bz-pini{background:var(--pini-l);border-color:var(--pini-l);color:var(--pini-t)}
#ottor .cb.bz-ruti{background:var(--ruti-l);border-color:var(--ruti-l);color:var(--ruti-t)}
#ottor .cb.sel-pini,#ottor .cb.sel-pini:hover{background:var(--pini);border-color:var(--pini);color:#fff;font-weight:700}
#ottor .cb.sel-ruti,#ottor .cb.sel-ruti:hover{background:var(--ruti);border-color:var(--ruti);color:#fff;font-weight:700}
#ottor .ag2 .brk{grid-column:1/-1}

#ottor .assign{margin-top:14px;background:var(--okbg);color:var(--ok);border-radius:14px;padding:12px 14px;font-weight:700}
#ottor .assign .alt{display:block;font-weight:400;font-size:13px;margin-top:4px}
#ottor .whochips{margin-top:14px}
#ottor .whochips .lbl{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:6px}

#ottor .summary{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;background:var(--bg);border-radius:14px;padding:14px;margin-bottom:12px}
#ottor .summary dt{color:var(--muted);font-size:13px}
#ottor .summary dd{font-weight:700}
#ottor .spacer{flex:1}
#ottor .actions{display:flex;gap:10px;margin-top:14px}
/* 0.2.3: בתור חדש — שורת ההמשך דבוקה לתחתית המסך, כך ש״לסיכום״ / ״קבע״ תמיד נראים */
#ot-tab-new .actions{position:sticky;bottom:0;z-index:5;background:#fff;padding:10px 0 12px;margin-bottom:-12px;box-shadow:0 -8px 14px -10px rgba(40,35,85,.25)}
#ottor .cta{font-weight:700;font-size:18px;flex:1;padding:14px;border-radius:14px;border:0;background:var(--sun);color:var(--fg)}
#ottor .cta:hover{background:#f5ae2a;color:var(--fg)}
#ottor .cta:disabled,#ottor .cta:disabled:hover{opacity:.45;background:var(--sun)}
#ottor .back,#ottor .ghost{font-weight:700;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--fg)}
#ottor .ghost{flex:1;padding:12px}
#ottor .back:hover,#ottor .ghost:hover{background:#fff;color:var(--fg);border-color:var(--brand)}

#ottor .found{background:var(--okbg);color:var(--ok);border-radius:14px;padding:12px 14px;margin-bottom:10px}
#ottor .found>b{font-weight:700}
#ottor .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px;margin-top:6px;color:var(--fg)}
#ottor .kv dt{color:var(--muted)}
#ottor .kv dd{font-weight:700}
#ottor .kv a{font-weight:700}
#ottor .nf{background:var(--pini-l);color:var(--fg);border-radius:14px;padding:10px 14px;font-weight:700;margin-bottom:10px}
#ottor .err{background:var(--badbg);color:var(--bad);border-radius:14px;padding:10px 14px;font-weight:700;margin-bottom:10px}
#ottor .wait{color:var(--muted);font-size:14px;padding:8px 0}
#ottor .check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:8px;font-weight:400;color:var(--fg)}
#ottor .check input{width:auto}
#ottor .note{font-size:13px;color:var(--muted);margin:8px 0 0}
#ottor .s2note{background:var(--warnbg);color:var(--warn);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;margin-top:10px}
#ottor .center{text-align:center}

/* שלב 2 — ״התור נקבע״ */
#ottor .done-ic{width:56px;height:56px;border-radius:50%;background:var(--okbg);color:var(--ok);font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:6px auto 10px}
#ottor .warnbox{background:var(--warnbg);color:var(--warn);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;margin-bottom:10px;display:grid;gap:4px}
#ottor .allday{display:grid;gap:4px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed var(--line)}
#ottor .fx{font-style:normal;font-size:11px;font-weight:700;color:var(--warn);margin-inline-start:4px;white-space:nowrap}
#ottor .fx.ok{color:var(--ok)}
/* הכרעה 100 — אישור בוואטסאפ מהמכשיר של החנות */
#ottor .wabox{background:var(--bg);border-radius:14px;padding:12px;margin-bottom:10px}
#ottor .wa-btn{display:block;text-align:center;font-weight:700;font-size:17px;padding:13px;border-radius:14px;background:#1f8f4e;color:#fff;text-decoration:none}
#ottor .wa-btn:hover{background:#187a42;color:#fff}
#ottor .wamsg{white-space:pre-wrap;font-family:var(--f);font-size:13px;line-height:1.5;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:6px 0 0;color:var(--fg);direction:rtl;text-align:right}

#ottor .daynav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}
#ottor .daynav b{font-weight:700;font-size:16px;text-align:center;flex:1}
#ottor .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
#ottor .stat{background:var(--bg);border-radius:12px;padding:8px 10px;text-align:center}
#ottor .stat b{display:block;font-weight:700;font-size:20px;color:var(--brand)}
#ottor .stat span{font-size:12px;color:var(--muted)}
#ottor .agenda{display:grid;gap:6px}
#ottor .ap{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}
#ottor .ap .t{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}
#ottor .ap .items{display:grid;gap:4px}
#ottor .it{text-align:right;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--fg);width:100%}
#ottor .it .who{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap;color:#fff}
#ottor .it .who.pini{background:var(--pini)} #ottor .it .who.ruti{background:var(--ruti)} #ottor .it .who.other{background:var(--other)}
#ottor .it.free{color:var(--muted)}
#ottor .it.free:hover{background:#fff;border-color:var(--brand);color:var(--brand)}
#ottor .it.free.past,#ottor .it.free.past:hover{opacity:.45;border-color:var(--line);color:var(--muted)}
#ottor .it.bz{font-weight:700}
#ottor .it.bz-pini,#ottor .it.bz-pini:hover{background:var(--pini-l);border-color:var(--pini-l);color:var(--pini-t)}
#ottor .it.bz-ruti,#ottor .it.bz-ruti:hover{background:var(--ruti-l);border-color:var(--ruti-l);color:var(--ruti-t)}
#ottor .it.bz-other,#ottor .it.bz-other:hover{background:var(--other-l);border-color:var(--other-l);color:var(--fg)}
#ottor .it.cancel{opacity:.55;text-decoration:line-through}
#ottor .it .nocard{font-size:11px;font-weight:700;color:var(--warn);margin-inline-start:6px;text-decoration:none}
#ottor .brk{text-align:center;font-size:12px;color:var(--muted);padding:6px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:4px 0}
#ottor .sheet{margin-top:12px;background:var(--bg);border-radius:14px;padding:12px 14px}
#ottor .sheet b{font-weight:700}
#ottor .acts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
#ottor .acts button,#ottor .acts a{font-weight:700;font-size:13px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--fg);text-align:center;text-decoration:none;display:block}
#ottor .acts button:disabled{opacity:.45}
#ottor .acts a:hover{border-color:var(--brand)}
#ottor .toast{background:var(--okbg);color:var(--ok);border-radius:14px;padding:12px 14px;font-weight:700;margin-top:10px}
#ottor .upd{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}

/* השעות שלי */
#ottor .wk{display:grid;grid-template-columns:52px 1fr 1fr;gap:6px;align-items:center}
#ottor .wk .h{font-size:12px;color:var(--muted);text-align:center;font-weight:700}
#ottor .wk .d{font-weight:700;font-size:14px;text-align:center}
#ottor .tg{font-size:13px;font-weight:700;padding:9px 6px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted)}
#ottor .tg:hover{background:#fff;color:var(--muted);border-color:var(--brand)}
#ottor .tg.on,#ottor .tg.on:hover{background:var(--okbg);border-color:var(--ok);color:var(--ok)}
#ottor .tg.na,#ottor .tg.na:hover{opacity:.35;border-color:var(--line)}
#ottor .times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#ottor .times .field{margin:0}
#ottor .blocks{display:grid;gap:6px;margin-top:6px}
#ottor .blk{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:10px;padding:8px 12px;font-size:13px}
#ottor .blk button{font-size:13px;font-weight:700;color:var(--bad);background:#fff;border:1px solid var(--bad);border-radius:999px;padding:8px 14px;min-height:40px;flex:0 0 auto}   /* ת6 — כפתור אמיתי, מטרת מגע 40px */
#ottor .blk button:hover{background:var(--badbg);color:var(--bad)}
#ottor .blk{gap:8px}

/* כניסה */
#ottor .login{max-width:380px;margin:20px auto 0;min-height:0}
#ottor .pins{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
#ottor .pin{font-weight:700;padding:14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--fg)}
#ottor .pin:hover{background:#fff;color:var(--fg);border-color:var(--brand)}
#ottor .pin.sel,#ottor .pin.sel:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
#ottor .foot{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}

@media (max-width:420px){
  #ottor{margin:10px 0 24px;padding:12px;border-radius:18px}
  #ottor .card{padding:14px}
}
@media (prefers-reduced-motion:reduce){#ottor *{transition:none!important}}

/* ===== שבוע — מסך רחב בלבד (0.2.2 · בקשת לריסה, 12.10.2026) · ״תור חדש״ בזהב ===== */
#ottor .tab[data-tab="new"]{background:var(--sun);border-color:var(--sun);color:var(--brand)}
#ottor .tab[data-tab="new"].on{background:var(--sun);border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);color:var(--brand)}
#ottor .tab.wk{display:none}
@media (min-width:1000px){#ottor .tab.wk{display:block}#ottor .tabs{grid-template-columns:repeat(4,1fr)}}
#ottor.wide{max-width:1240px}
#ot-wk .wkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
#ot-wk .wkbar h3{margin:0;font-size:18px}
#ot-wk .wknav,#ot-wk .whos{display:flex;gap:6px;flex-wrap:wrap}
#ot-wk .whos .chip.sel{background:var(--brand);border-color:var(--brand);color:#fff}
#ot-wk .wgrid{display:grid;grid-template-columns:52px repeat(6,1fr);border:1px solid #d9dde6;border-radius:14px;overflow:hidden;background:#fff}
/* 0.2.3: רק השעות נגללות — הרשת היא חלון גלילה, כותרות הימים דבוקות למעלה, הכפתורים מעליה נשארים במקום (הגובה נקבע ב-fitWk) */
#ot-wk .wgrid.scroll{overflow-y:auto;overscroll-behavior:contain}
#ot-wk .hd{position:sticky;top:0;z-index:3;background:#f4f5fa;border-bottom:2px solid var(--brand);border-inline-start:1px solid #e6e9f0;padding:8px 6px;text-align:center;font-size:13px;line-height:1.3}
#ot-wk .hd.ax0{border-inline-start:0}
#ot-wk .hd b{display:block;font-size:15px}
#ot-wk .hd.today{background:var(--pini-l)}   /* 0.2.4 (פיני 13.10): ״בלי הוספת צבע, רק עם קו נייבי מלמטה… על כל הימים״ — הקו ב-.hd */
#ot-wk .hd .n{font-size:12px;opacity:.8}
#ot-wk .lanes{display:flex;gap:2px;font-size:11px;margin-top:4px}
#ot-wk .lanes span{flex:1;border-radius:6px;padding:1px 0;color:#fff}
#ot-wk .lanes .pini{background:var(--pini)}
#ot-wk .lanes .ruti{background:var(--ruti)}
#ot-wk .allday{display:flex;flex-direction:column;gap:3px;padding:4px 0 0}
#ot-wk .allday .ev{position:static;width:100%;height:auto}
#ot-wk .ax{position:relative}
#ot-wk .ax span{position:absolute;inset-inline:0;text-align:center;font-size:12px;color:#5b6070;transform:translateY(-50%)}
#ot-wk .ax span.half{font-size:10px;color:#9aa0ae}
#ot-wk .ax span.brk{font-size:10px;color:#8a90a0}
#ot-wk .col{position:relative;border-inline-start:1px solid #e6e9f0}
#ot-wk .closed{position:absolute;inset-inline:0;background:repeating-linear-gradient(135deg,#e3e6ec 0 6px,#dde0e7 6px 12px)}
#ot-wk .hl{position:absolute;inset-inline:0;border-top:1px solid #e1e5ec}
#ot-wk .hl.h{border-top-color:#c9cfda}
#ot-wk .lanesep{position:absolute;top:0;bottom:0;inset-inline-start:50%;border-inline-start:1px dashed #e3e6ec}
#ot-wk button.ev{position:absolute;border:0;border-radius:7px;padding:2px 5px;font:inherit;font-size:12px;line-height:1.25;text-align:start;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.06);cursor:pointer;z-index:1}
#ot-wk .ev .tm{display:block;font-size:11px;opacity:.85}
#ot-wk .ev b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ot-wk .ev.pini{background:var(--pini-l);color:var(--pini-t);border-inline-start:3px solid var(--pini)}
#ot-wk .ev.ruti{background:var(--ruti-l);color:var(--ruti-t);border-inline-start:3px solid var(--ruti)}
#ot-wk .ev.other{background:var(--other-l,#eceef2);color:var(--fg);border-inline-start:3px solid var(--other,#8a90a0)}
#ot-wk .ev.x{text-decoration:line-through;opacity:.55}
#ot-wk .ev:focus-visible,#ot-wk .fr:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
#ot-wk button.fr{position:absolute;border-radius:7px;border:1px dashed #d6dbe4;background:#fbfcfe;font:inherit;font-size:11px;color:#a3a9b8;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#ot-wk .fr .h{display:none}
#ot-wk .fr:hover,#ot-wk .fr:focus-visible{border-color:var(--teal);color:var(--brand);background:rgba(66,187,200,.12)}
#ot-wk .fr:hover .h,#ot-wk .fr:focus-visible .h{display:inline}
#ot-wk .fr:hover .f,#ot-wk .fr:focus-visible .f{display:none}
#ot-wk .now{position:absolute;inset-inline:0;border-top:2px solid #e0457b;z-index:2;pointer-events:none}
#ot-wk .now::before{content:"";position:absolute;inset-inline-start:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:#e0457b}
#ot-wk .legend{display:flex;gap:14px;align-items:center;font-size:13px;margin-top:10px;flex-wrap:wrap}
#ot-wk .lg{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
#ot-wk .lg.pini{background:var(--pini-l);border-inline-start:3px solid var(--pini)}
#ot-wk .lg.ruti{background:var(--ruti-l);border-inline-start:3px solid var(--ruti)}
#ot-wk .lg.cl{background:#e3e6ec}
#ot-wk .lg.nw{background:#e0457b;height:3px;vertical-align:3px}
#ottor .wsheet{position:sticky;bottom:10px;z-index:4;box-shadow:0 6px 24px rgba(40,35,85,.18)}