/* יומן התורים ו"הפגישות שלי" (04/10/2026). צבע התור = הטיפול (--c), פס צהוב = ממתין לאישור.
 * הכל על המשתנים של המערכת, ולכן עובד בכהה ובבהיר בלי כפילות. */
.ap-wrap{display:grid;gap:12px;min-width:0}
.ap-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ap-bar h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em}
.ap-bar .sp{flex:1}
.ap-nav{display:flex;align-items:center;gap:6px}
.ap-range{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:14px;min-width:9ch;text-align:center}
.ap-me{color:var(--ink3);font-size:13px;margin-inline-start:auto}

/* ממתין לאישור: מעל היומן, לא בתוך המשבצות */
.ap-strip,.ap-notime{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r);
  background:color-mix(in srgb,var(--prog-vivid) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--prog-vivid) 45%,transparent)}
.ap-strip b{color:var(--prog)}
.ap-notime{background:var(--surface2);border:1px dashed var(--line2)}
.ap-pchip{border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;
  transition:border-color .15s,transform .15s}
.ap-pchip:hover{border-color:var(--accent);transform:translateY(-1px)}
.ap-pchip:focus-visible,.ap-chip:focus-visible,.ap-ev:focus-visible,.ap-item:focus-visible,.ap-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ap-note{font-size:13px;color:var(--ink3)}

.ap-filters{display:flex;flex-wrap:wrap;gap:6px}
.ap-chip{border:1px solid var(--line2);background:var(--surface);color:var(--ink2);border-radius:999px;padding:5px 13px;font:inherit;font-size:13px;cursor:pointer}
.ap-chip.on{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--on-accent);font-weight:700}
.ap-chip.add{background:var(--accent-t2);border-color:transparent;color:var(--ink);font-weight:700}
.ap-chip.add:hover{background:var(--accent-t3)}

/* השבוע: עמודה לכל יום קבלה. גלילה אופקית בתוך המסגרת בלבד, לא בדף */
.ap-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh1)}
.ap-grid{display:grid;grid-template-columns:56px repeat(var(--n),minmax(150px,1fr));min-width:calc(56px + var(--n) * 150px)}
.ap-h{padding:10px;font-weight:700;font-size:14px;background:var(--surface2);border-bottom:1px solid var(--line);position:sticky;top:0}
.ap-h small{display:block;color:var(--ink3);font-weight:500;font-family:var(--font-num)}
.ap-h.today{color:var(--accent-ink)}
.ap-hr{font-family:var(--font-num);font-size:12px;color:var(--ink3);padding:6px;border-bottom:1px dashed var(--line);min-height:58px}
.ap-cell{border-bottom:1px dashed var(--line);border-inline-start:1px solid var(--line);min-height:58px;padding:4px;display:grid;gap:4px;align-content:start}
.ap-ev{--c:#888;display:grid;gap:1px;text-align:start;border:0;border-inline-start:4px solid var(--c);border-radius:9px;padding:5px 8px;
  background:color-mix(in srgb,var(--c) 15%,var(--surface));color:var(--ink);font:inherit;font-size:13px;line-height:1.35;cursor:pointer;
  transition:transform .15s,box-shadow .15s}
.ap-ev:hover{transform:translateY(-1px);box-shadow:var(--sh1)}
.ap-ev b{font-size:13px}
.ap-ev span{color:var(--ink2)}
.ap-ev.done,.ap-ev.missed{opacity:.62}
.ap-ok,.ap-no{font-style:normal;font-size:11px;font-weight:700}
.ap-ok{color:var(--won)}.ap-no{color:var(--lost)}
.ap-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink3)}
.ap-legend span{display:inline-flex;align-items:center;gap:6px}
.ap-sw{width:12px;height:12px;border-radius:3px;display:inline-block}

/* הפגישות שלי */
.ap-mine{max-width:760px}
.ap-day{padding:12px 4px 2px;font-size:13px;color:var(--ink3);font-weight:700}
.ap-item{--c:var(--accent);display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:start;
  padding:11px 14px;border:1px solid var(--line);border-inline-start:4px solid var(--c);border-radius:12px;background:var(--surface);color:var(--ink);
  font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.ap-item:hover{transform:translateY(-1px);border-color:var(--line2)}
.ap-tm{font-family:var(--font-num);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.ap-it{display:grid;min-width:0}
.ap-it b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-it small{font-size:13px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-pill{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap}
.ap-pill.ok{background:color-mix(in srgb,var(--won-vivid) 16%,transparent);color:var(--won)}
.ap-pill.wait{background:color-mix(in srgb,var(--prog-vivid) 18%,transparent);color:var(--prog)}
.ap-pill.bad{background:var(--lost-t2);color:var(--lost)}
.ap-pill.call{background:var(--accent-t2);color:var(--accent-deep)}
.ap-empty{padding:28px 16px;text-align:center;color:var(--ink3);border:1px dashed var(--line2);border-radius:var(--r)}

/* החלון */
.ap-dlg{display:grid;gap:12px;min-width:min(440px,100%)}
.ap-dlg h3{margin:0}
.ap-sub,.ap-when{margin:0;color:var(--ink2)}
.ap-when b{color:var(--ink)}
.ap-pend{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--prog-vivid) 14%,var(--surface));font-size:14px}
.ap-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ap-f{display:grid;gap:4px}
.ap-f>span{font-size:13px;color:var(--ink2);font-weight:700}
.ap-f input,.ap-f select{background:var(--surface);border:1px solid var(--line2);color:var(--ink);border-radius:10px;padding:9px 12px;font:inherit;font-size:16px;min-width:0}
.ap-dayname{color:var(--ink3);font-size:12px}
.ap-slots{display:flex;flex-wrap:wrap;gap:6px}
.ap-slot{border:1px solid var(--line2);border-radius:8px;padding:6px 11px;font-family:var(--font-num);font-size:14px;background:var(--surface);color:var(--ink);cursor:pointer}
.ap-slot.busy{text-decoration:line-through;color:var(--ink3);background:var(--surface3);cursor:not-allowed}
.ap-slot.pick{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.ap-slot.other{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui)}
.ap-slot.other input{border:0;background:transparent;color:inherit;font:inherit;font-size:16px;width:7.5em;padding:0}
.ap-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface3);justify-self:start}
.ap-seg button{border:0;background:transparent;color:var(--ink2);font:inherit;font-weight:700;padding:7px 13px;border-radius:9px;cursor:pointer}
.ap-seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh1)}
.ap-who{display:grid;gap:8px}
.ap-res{display:grid;gap:4px;max-height:220px;overflow:auto}
.ap-lead{display:grid;text-align:start;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.ap-lead span{font-size:13px;color:var(--ink3)}
.ap-lead:hover{border-color:var(--accent)}
.ap-acts{flex-wrap:wrap;justify-content:flex-start}
.ap-movebox{display:grid;gap:8px}

@media (max-width:640px){
  .ap-row2{grid-template-columns:1fr}
  .ap-dlg{min-width:0}
  .ap-item{grid-template-columns:48px minmax(0,1fr);}
  .ap-item .ap-pill{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.ap-ev,.ap-item,.ap-pchip{transition:none}}
/* החלון הפשוט מ"הפגישות שלי" (04/10/2026) */
.ap-simple .ap-kindtop{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr}
.ap-simple .ap-existing{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:-4px}
.ap-simple .ap-chosen{font-size:14px;color:var(--ink2)}
.ap-simple .ap-click{cursor:pointer}
.ap-simple .ap-click input{cursor:pointer;width:100%}
.ap-simple input[readonly]{background:var(--surface2);color:var(--ink2)}

/* ── שער הסטטוס (04/10/2026): סיכום חובה, וסיבת אי סגירה ───────────── */
.ap-req { color: var(--lost, #d64550); font-weight: 900; }
.ap-sum {
  width: 100%; box-sizing: border-box; resize: vertical; min-height: 68px;
  font: inherit; line-height: 1.55; padding: 9px 11px;
  border: 1px solid var(--line, #e3e5ec); border-radius: 10px;
  background: var(--surface, #fff); color: inherit;
}
.ap-sum:focus { outline: none; border-color: var(--accent, #7c5cff); }
.ap-err { display: block; margin-top: 5px; color: var(--lost, #d64550); font-weight: 700; }
.sg-dlg h3 { margin: 0 0 14px; font-size: 1.1rem; font-weight: 900; }
/* עסקה בלי סכום: אזהרה בתוך החלון, לא החלון האפור של הדפדפן (דולב, 10/10/2026) */
.sg-warn { margin-top: 12px; padding: 11px 13px; border-radius: 10px; line-height: 1.55;
  background: color-mix(in srgb, var(--warn, #B45309) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--warn, #B45309) 34%, transparent); }
.sg-warn p { margin: 0 0 10px; font-weight: 600; }
.sg-warn[hidden], #sgDealActs[hidden] { display: none; }
.sg-reasons { display: flex; flex-wrap: wrap; gap: 7px; }
.sg-chip {
  border: 1.5px solid var(--line, #e3e5ec); background: var(--surface, #fff);
  color: inherit; border-radius: 10px; padding: 7px 13px;
  font: inherit; font-size: .89rem; font-weight: 700; cursor: pointer;
}
.sg-chip:hover { border-color: var(--accent, #7c5cff); }
.sg-chip.on { background: var(--accent, #7c5cff); border-color: var(--accent, #7c5cff); color: #fff; }
.sg-in {
  width: 100%; box-sizing: border-box; margin-top: 9px; font: inherit;
  padding: 9px 11px; border: 1px solid var(--line, #e3e5ec); border-radius: 10px;
  background: var(--surface, #fff); color: inherit;
}
/* פגישה אישית (06/10/2026): "פגישה שלי" מול "לעסק…" */
.ap-seg{display:flex;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.ap-seg label{flex:1;min-width:130px;display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;border:1px solid var(--line2);border-radius:var(--r-ctl);cursor:pointer;font-weight:600}
.ap-seg label.on{border-color:var(--accent);background:var(--accent-t1);color:var(--accent-deep)}
.ap-seg input{accent-color:var(--accent)}
.ap-pill:not(.ok):not(.wait):not(.bad):not(.call){background:var(--surface3);color:var(--ink2)}
.pm-res{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}

/* "היומן שלי" / "כל היומנים" (06/10/2026): שבב לכל אדם עם השם והצבע שלו/ה, וזה גם המקרא.
 * הצבע תמיד ליד שם, לא לבד (עיוורון צבעים). הפלטה בבהירות בינונית: נקראת בכהה ובבהיר. */
.ap-whobar{display:grid;gap:8px;min-width:0}
.ap-seg.ap-who2seg{display:inline-flex;flex-wrap:nowrap;margin:0;padding:4px;gap:4px;border-radius:12px;background:var(--surface3);justify-self:start}
.ap-who2seg button{min-height:40px}
.ap-people{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ap-person{--pc:#8A94A6;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);
  border-radius:999px;padding:5px 12px 5px 14px;font:inherit;font-size:13px;cursor:pointer;min-height:36px;transition:border-color .15s,background .15s,transform .15s}
.ap-person .ap-sw{background:var(--pc);width:11px;height:11px;border-radius:50%}
.ap-person:hover{border-color:var(--pc);transform:translateY(-1px)}
.ap-person.on{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 18%,var(--surface));font-weight:700;box-shadow:inset 0 0 0 1px var(--pc)}
.ap-person:focus-visible,.ap-palc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ap-chip.ghost{background:transparent;border-style:dashed}
.ap-ev.limited{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,var(--surface)) 0 6px,var(--surface) 6px 12px);color:var(--ink2)}
.ap-ev.limited b{font-weight:600}
.ap-ev.personal{border-inline-start-style:dashed}
.ap-pal{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px}
.ap-palc{--pc:#888;width:40px;height:40px;border-radius:50%;border:3px solid var(--surface);background:var(--pc);box-shadow:0 0 0 1px var(--line2);cursor:pointer}
.ap-palc.on{box-shadow:0 0 0 3px var(--ink)}
.u2-row.limited{opacity:.85}
@media (max-width:640px){
  .ap-people{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .ap-person{flex:0 0 auto;min-height:44px}
  .ap-who2seg button{min-height:44px}
}
@media (prefers-reduced-motion:reduce){.ap-person{transition:none}}

/* כרטיס פגישה: גלילה אחת בגוף הכרטיס, פעולות זמינות גם במסך נמוך. */
#modal:has(.ap-editor){width:min(680px,94vw);padding:0;overflow:hidden;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.ap-editor{display:flex;flex-direction:column;max-height:inherit;min-height:0;color:var(--ink);background:var(--surface);border-radius:inherit}
.ap-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);flex-shrink:0}
.ap-editor-kicker{display:block;color:var(--ink2);font-size:13px;margin-bottom:4px}
.ap-editor-head h3{margin:0;font-size:22px;line-height:1.3}
.ap-editor-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink);font:inherit;cursor:pointer}
.aef.ap-editor-body{display:flex;flex-direction:column;gap:16px;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:16px;padding:20px 24px;margin:0}
.ap-editor-field{display:grid;gap:7px;min-width:0}
.ap-editor-field>label{font-size:14px;font-weight:700;color:var(--ink)}
.ap-editor small{font-size:12px;font-weight:400;color:var(--ink2)}
.ap-editor-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ap-editor input:not([type=checkbox]),.ap-editor select,.ap-editor textarea{width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid var(--line2);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;line-height:1.5}
.ap-editor textarea{resize:vertical;overflow-wrap:anywhere;field-sizing:content}
.ap-editor input[type=date],.ap-editor input[type=time]{direction:ltr;text-align:start;font-family:var(--font-num)}
.ap-editor-links{border-top:1px solid var(--line);padding-top:12px}
.ap-editor-links summary{padding-block:8px;min-height:44px;cursor:pointer;font-weight:600}
.ap-editor-link-fields{display:grid;gap:12px;padding-block:10px}
.ap-editor .ae-r{grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}
.ap-editor .ae-r label{font-size:14px;color:var(--ink);font-weight:700}
.ap-editor .ae-cb{font-size:14px;min-height:44px;line-height:1.5}
.ap-editor .ae-cb input{width:20px;height:20px;flex-shrink:0}
.ap-editor-hint{font-size:13px;line-height:1.6;color:var(--ink2);margin:0}
.ap-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}
.ap-editor-actions>div{display:flex;gap:8px;margin-inline-start:auto}
.ap-editor-actions .btn{min-height:44px;min-width:72px}
.ap-editor :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:760px){
  #modal:has(.ap-editor){width:100%;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
  .ap-editor-head{padding:16px}
  .ap-editor-head h3{font-size:20px}
  .aef.ap-editor-body{padding:16px;gap:14px}
  .ap-editor-actions{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media (max-width:360px){.ap-editor-pair{grid-template-columns:minmax(0,1fr)}}