/* ═══════════════ F1 — «היום» · משימות · «+ תיעוד» ═══════════════
   סבב 5 (DESIGN-R5 §3 — קיצוץ): ירדו ונמחקו בורר הסוכן שבכותרת («‎.today-owner»),
   רשימת «לפי שלב» («‎.stage-list/.stage-row/.stage-chips») וטבלת «לפי סוכן» («‎.owner-sect/.owner-tbl»).
   במקומם נשאר קישור שקט אחד ללוח הצנרת («‎.board-cta»).
   סבב 4 (DESIGN-R4 §3 שפה חזותית, §4 צפיפות):
   · צבע = מידע — ספקטרום השלבים (--st-*) חוזר בקו-המפתח של כל שורה שמזכירה פרויקט.
   · שורה = שורת כותרת אחת + שורת מטא אחת, ≤64px בדסקטופ.
   · אייקוני מגע = קישורי רפאים קטנים בדסקטופ; בנייד אותו אייקון עם ריפוד ליעד ≥44px.
   · שני אלמנטים דומיננטיים זה לצד זה (סבב 7): «יח"ד בפוטנציאל» ו-«יח"ד שסגרנו»
     (tone accent/good), שני האריחים הקטנים מתחתיהם. בנייד (≤640px) שני ה-hero נערמים
     ברוחב מלא זה מתחת לזה.
   רק טוקנים מ-app.css — בלי צבע קשיח. */

/* ─── פריסת «היום»: 2fr משימות / 1fr צד ─── */
.today{display:flex;flex-direction:column;gap:16px}
.today-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}
.today-main,.today-side{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(min-width:901px){.today-side{position:sticky;top:16px}}
.today .empty.small{padding:18px 10px;font-size:13px}

/* ─── אריחי המדד: שני hero זה לצד זה (רוחב חצי, ספרה גדולה), שני האריחים הקטנים מתחתיהם ─── */
.today-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.today-metrics .kpi{min-height:0}
.today-metrics .k-val{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.today-metrics .k-sub b{font-weight:600}
.today-metrics .kpi-hero{grid-column:auto;padding:16px 18px 18px}
.today-metrics .kpi-hero .k-lbl{font-size:13px;color:var(--ink-2)}
.today-metrics .kpi-hero .k-val{font-size:34px;line-height:1.1}
.today-metrics .kpi-hero .k-sub{margin-top:2px}
.today-metrics .kpi-hero::after{inset-inline-start:18px;width:46px;height:4px;background:var(--accent)}
.today-metrics .kpi-sm .k-val{font-size:24px}
.today-metrics .kpi-sm .k-lbl,.today-metrics .kpi-sm .k-sub{font-size:12px}

/* ─── כרטיס המשימות: כותרת סקשן + שורות מופרדות בקו, בלי מסגרת פנימית ─── */
.t-group{margin-bottom:12px}
.t-group:last-child{margin-bottom:0}
.t-group-lbl{font-size:11.5px;letter-spacing:.06em;color:var(--muted);padding:2px 0 5px;display:flex;gap:6px;align-items:center;font-weight:500}
.t-group-lbl.clay{color:var(--danger)}
.t-group-lbl .cnt{font-size:11px;background:var(--surface-3);border-radius:20px;padding:1px 7px;color:var(--ink-2);letter-spacing:0}
.t-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule-soft);min-height:0}
.t-row.keyline{padding-inline-start:12px}
.t-group:last-child .t-row:last-child{border-bottom:0}
.t-main{min-width:0;flex:1}
/* שורת כותרת אחת — 15px/600, נחתכת ולא עוטפת (§4: ≤64px) */
.t-title{font-size:15px;font-weight:600;line-height:1.35;display:flex;align-items:center;gap:7px;min-width:0}
.t-title .t-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
/* שורת מטא אחת — 13px muted */
.t-sub{font-size:13px;color:var(--muted);margin-top:2px;display:flex;gap:6px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap}
.t-sub .t-line{display:contents}
.t-sub .t-sep{color:var(--rule)}
.t-sub .t-proj{overflow:hidden;text-overflow:ellipsis;min-width:0;text-decoration:none}
.t-sub .t-proj:hover{text-decoration:underline}
.t-sub .t-when{font-weight:500;color:var(--ink-2)}
.t-sub .t-when.clay{color:var(--danger)}
.t-act{display:flex;gap:2px;flex-shrink:0;align-items:center}
/* «בוצע» — כפתור קומפקטי; הכחול/פטרול שמור לפעולה הראשית של המסך, כאן ניטרלי עם משוב ירוק */
.t-act .btn.done-btn,.task-actions .btn.done-btn{color:var(--ink-2);padding:4px 10px;font-size:12.5px;gap:5px}
.t-act .btn.done-btn svg,.task-actions .btn.done-btn svg{width:14px;height:14px}
.t-act .btn.done-btn:hover,.task-actions .btn.done-btn:hover{background:var(--success-2);border-color:var(--success-3);color:var(--success)}
.t-row.overdue .t-title::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--danger);flex-shrink:0}
.t-foot{padding:11px 16px;border-top:1px solid var(--rule-soft)}
.t-foot a{font-size:13.5px;text-decoration:none;font-weight:500}
.t-foot a:hover{text-decoration:underline}

/* ─── «דורש טיפול»: קו-מפתח בצבע השלב + צ'יפ סיבה צבעוני ─── */
.att-list{display:flex;flex-direction:column}
.att-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid var(--rule-soft);text-decoration:none!important;color:inherit!important}
.att-row.keyline::before{inset-inline-start:0}
.att-row.keyline{padding-inline-start:16px}
.att-row:last-child{border-bottom:0}
.att-row:hover{background:var(--surface-2)}
.att-main{min-width:0;flex:1}
.att-name{font-size:15px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.att-meta{font-size:13px;color:var(--muted);margin-top:2px;display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden}
.att-meta .t-sep{color:var(--rule)}
.att-meta .att-owner{display:inline-flex;align-items:center;gap:5px}
.att-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;flex-shrink:0}
.att-chips .badge{font-size:11.5px;padding:1px 8px}

/* ─── הצנרת חיה בלוח: קישור שקט אחד במקום רשימת השלבים (DESIGN-R5 §3) ─── */
.board-cta{padding:2px 0 0}
.board-link{font-size:13.5px;font-weight:500;text-decoration:none;color:var(--link);white-space:nowrap;
  display:inline-flex;align-items:center;min-height:32px}
.board-link:hover{text-decoration:underline}

/* ─── אווטאר סוכן + שם (שורת משימה, טבלת המשימות) ─── */
/* סבב 2 (10/09): agentCell עבר ל-contacts.js ומרנדר .av-cell/.av-name — הכללים כאן חלים על שניהם */
.owner-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}
.owner-cell .owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ─── סבב 6 §5: הדגשת שמות בשורת משימה — איש קשר/פרויקט הם שם ישות ולא מטא,
   ולכן מקבלים 15px/600 בתוך שורת המטא (השאר — תאריך/סוג/סוכן — נשאר 13px muted). ─── */
.t-sub .contact-cell .cell-main,
.t-sub .t-proj{font-size:15px;font-weight:600}

/* ═══════════════ מסך המשימות ═══════════════ */
/* פריסה קבועה — אחרת עמודת «משימה» מתכווצת והשורה מטפסת (§3.5: שורת כותרת + שורת מטא) */
.tasks-tbl{table-layout:fixed}
/* «מועד» מחזיק «לפני 6 ימים · 10:30» (‏≈155px) — ב-17% התא נחתך והשעה נעלמה בכל שורה */
.tasks-tbl th:nth-child(1){width:32%}
.tasks-tbl th:nth-child(2){width:21%}
.tasks-tbl th:nth-child(3){width:17%}
.tasks-tbl th:nth-child(4){width:18%}
.tasks-tbl th:nth-child(5){width:12%}
.tasks-tbl td{overflow:hidden;text-overflow:ellipsis;padding-top:8px;padding-bottom:8px}
.tasks-tbl td.title{position:relative}
.tasks-tbl td.title.keyline{padding-inline-start:16px}
.tasks-tbl td.title.keyline::before{inset-block:8px}
.tasks-tbl td.title .cell-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:600;display:block}
.tasks-tbl td.title .cell-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center;font-size:13px}
.tasks-tbl td.title .cell-sub .t-sep{color:var(--rule)}
.tasks-tbl td.title .cell-sub .owner-cell,.tasks-tbl td.title .cell-sub .av-cell{gap:5px}
/* עמודת «פרויקט»: שם + צ'יפ שלב מתחתיו — שתי שורות טקסט, כמו עמודת «משימה» */
/* שם הפרויקט/איש הקשר מודגש (§5 — 15px/600), לא רק העמודה הראשונה */
.tasks-tbl td .contact-cell .cell-main,
.tasks-tbl td.proj .cell-main{font-size:15px;font-weight:600}
.tasks-tbl td.proj .cell-main{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tasks-tbl td.proj .cell-sub{margin-top:2px;line-height:1}
.tasks-tbl td.proj .badge.st{font-size:11.5px;padding:1px 7px}
.tasks-tbl tr.overdue td.due{color:var(--danger)}
.tasks-tbl tr.done td{color:var(--muted)}
.tasks-tbl tr.done .cell-main{text-decoration:line-through;text-decoration-color:var(--muted-2)}
.tasks-tbl td.due{white-space:nowrap}
.tasks-tbl td.due .num{font-weight:500}
.tasks-tbl td.actions{overflow:visible;width:1%;white-space:nowrap}
.tasks-tbl td:nth-child(3),.tasks-tbl td:nth-child(4){max-width:210px}
.tasks-tbl td>a,.tasks-tbl .contact-cell .cell-main{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.tasks-tbl .contact-cell{flex-wrap:nowrap}
.task-actions{gap:2px;flex-wrap:nowrap;justify-content:flex-end}
.task-actions .btn.sm{white-space:nowrap}
.mini-filter{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.mini-filter select{padding:7px 10px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface);font-size:13.5px;color:var(--ink)}

/* ─── איש קשר: שם + אייקוני מגע כקישורי רפאים (§4 — לא עיגולים ממוסגרים) ─── */
.contact-cell{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.contact-cell a{text-decoration:none}
.contact-cell a.cell-main:hover{text-decoration:underline}
.contact-links{display:inline-flex;gap:1px}
.icon-link{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;border:0;background:transparent;
  color:var(--muted);text-decoration:none!important;transition:color .12s,background .12s;flex-shrink:0}
.icon-link svg{width:15px;height:15px}
.icon-link:hover{background:var(--surface-3);color:var(--accent)}
.icon-link.wa:hover{color:var(--success)}

/* ═══════════════ «+ תיעוד» — הגיליון ═══════════════ */
.modal.ql-sheet{width:min(700px,100%)}
.ql{display:flex;flex-direction:column;gap:16px}
.ql-section{display:flex;flex-direction:column;gap:8px}
.ql-label{font-size:12px;letter-spacing:.05em;color:var(--muted);font-weight:500}
.ql-err{padding:10px 12px;border:1px solid var(--danger-3);background:var(--danger-2);color:var(--danger);border-radius:var(--r-sm);font-size:13.5px}
.ql-context{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);padding:8px 12px;background:var(--accent-2);border:1px solid var(--accent-3);border-radius:var(--r-sm)}
.ql-context svg{width:15px;height:15px;color:var(--accent)}
.ql-picker-row{display:flex;gap:6px;align-items:center}
.ql-picker-row .picker-wrap{flex:1;min-width:0}
/* צ'יפ השלב של הפרויקט שנבחר — §3.1: כל אזכור פרויקט נושא את צבע השלב */
.ql-stage{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.ql-stage:empty{display:none}
.ql-stack{display:flex;flex-direction:column;gap:8px}
.ql-contacts:empty{display:none}
.ql .chip .sub{font-size:11px;opacity:.7;margin-inline-start:5px}
.ql .chip.on .sub{opacity:.85}
.ql-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.ql-field label{font-size:12.5px;color:var(--ink-2);font-weight:500}
.ql-assignee{display:flex;align-items:center;gap:8px}
.ql-assignee select{flex:1;min-width:0}
.ql-sum-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ql-sum-head label{font-size:12.5px;color:var(--ink-2);font-weight:500}
.ql-sum-head .btn.sm.ghost.on{background:var(--accent-2);color:var(--accent)}
.ql-body{display:flex}
.ql input:not([type=checkbox]),.ql select,.ql textarea{
  width:100%;padding:9px 11px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface);
  outline:0;font-size:14.5px;transition:border-color .12s,box-shadow .12s;
}
.ql textarea{min-height:76px;resize:vertical;line-height:1.5}
.ql input:focus,.ql select:focus,.ql textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}
.ql .picker-wrap input{border:0;box-shadow:none;padding:9px 0}
.ql-next{border:1px solid var(--rule);border-radius:var(--r);padding:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:12px}
.ql-next-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ql-next-head .ql-label{color:var(--ink-2);letter-spacing:0;font-size:13px;font-weight:600}
.ql-next-head .check{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;min-height:32px}
.ql-next-head .check input{width:17px;height:17px;accent-color:var(--accent)}
.ql-next-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ql-next-fields .ql-field.full{grid-column:1/-1}
.ql-date-row{display:flex;gap:8px;margin-top:4px}
.ql-date-row input{flex:1;min-width:0}
.ql-date-row input[type=time]{flex:0 0 120px}
.ql-dates .chip{min-width:62px;justify-content:center}

/* ═══════════════ מובייל ═══════════════ */
@media(max-width:900px){
  /* עמודה אחת — המשימות ראשונות (סדר ה-DOM) */
  .today-grid{grid-template-columns:1fr}
  .page-head .actions{width:100%;gap:7px}
  .page-head .actions .seg button{min-height:44px}
  .page-head .actions .btn{min-height:44px}
  .mini-filter{flex:1 1 100%}
  .mini-filter select{flex:1;min-height:44px}
  /* יעדי מגע ≥44px (CLAUDE.md מובייל) */
  .t-act .btn,.task-actions .btn,.today .btn,.tasks-tbl .btn{min-height:44px}
  .t-act .icon-btn,.task-actions .icon-btn,.tasks-tbl .icon-btn{width:44px;height:44px}
  /* האייקון נשאר קטן — הריפוד הוא שנותן את יעד המגע.
     app.css מאפס min-width לקישורים בתוך .tasks-tbl (כדי שטקסט יתקצר); לאייקון צריך להחזיר 44px. */
  .icon-link{width:auto;height:auto;min-width:44px;min-height:44px;padding:10px;border-radius:var(--r-sm)}
  .main a.icon-link,.main .tasks-tbl a.icon-link{min-width:44px;min-height:44px;padding:10px}
  .icon-link svg{width:17px;height:17px}
  .ql .chip,.ql-dates .chip{min-height:44px}
  .ql .btn,.ql-sheet .icon-btn{min-height:44px}
  .ql-sheet .icon-btn{width:44px;height:44px}
  .ql-next-head .check{min-height:44px}
  .ql input:not([type=checkbox]),.ql select,.ql textarea{min-height:44px;font-size:16px}
  .ql-next-fields{grid-template-columns:1fr}
  .ql-next-fields .ql-field{grid-column:auto!important}
}
@media(max-width:640px){
  /* השורה נשארת אופקית — הפעולות מתכווצות לאייקונים כדי לא לגזול שורה שלמה */
  .t-row{gap:8px}
  /* «בוצע» נשאר עם תווית: ריבוע ממוסגר עם ✓ בלבד נקרא כתיבת סימון (מצב) ולא ככפתור
     שפותח את גיליון «תיעוד מהיר» — התווית היא ההבדל בין מצב לפעולה. */
  .t-act .btn.done-btn{padding:0 10px;min-width:44px;justify-content:center}
  .t-act .btn.done-btn .lbl{display:inline}
  .t-act .btn.done-btn svg{width:17px;height:17px}
  .att-row{padding:10px 12px}
  .att-row.keyline{padding-inline-start:14px}
  .att-row{flex-direction:column;align-items:stretch;gap:6px}
  .att-chips{justify-content:flex-start}
  /* כרטיס משימה בנייד: כותרת ברוחב מלא ואז רשת 2×2 (מועד/איש קשר · פרויקט/פעולות)
     במקום חמש שורות תווית-וערך — חוסך כמחצית מגובה הכרטיס (§4). */
  .tasks-tbl.cards tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center}
  .tasks-tbl.cards td{padding:3px 0;justify-content:flex-start;min-width:0}
  .tasks-tbl.cards td::before{content:none}
  .tasks-tbl.cards td.title{grid-column:1/-1}
  .tasks-tbl td.actions{width:auto}
  .tasks-tbl.cards td.actions{justify-content:flex-end;padding-top:3px}
  .tasks-tbl td.actions .task-actions{justify-content:flex-end;gap:6px}
  .ql-date-row{flex-wrap:wrap}
  .ql-date-row input[type=time]{flex:1 1 100%}
}

/* ── ליטוש מובייל: רצפת טקסט 13px, בלי חיתוך טקסט בכרטיסים ── */
@media(max-width:900px){
  .t-group-lbl,.t-group-lbl .cnt,
  .t-sub,.att-chips .badge,.att-meta,.mini-filter,.ql-label,.ql .chip .sub,.ql-field label,
  /* נמדדו מתחת ל-13px בביקורת הנייד: תוויות אריחי המדד הקטנים ותווית «בוצע» ב-#/tasks */
  .today-metrics .kpi-sm .k-lbl,.today-metrics .kpi-sm .k-sub,
  .task-actions .btn.done-btn,.t-act .btn.done-btn{font-size:13px}
  /* flex:1 על .seg (overflow:hidden) כיווץ אותו והסתיר את «המחלקה» — רוחב טבעי, בלי כיווץ */
  .page-head .actions .seg{flex:0 0 auto}
  /* בכרטיס הנייד הטקסט גולש במקום להיחתך */
  .t-title,.t-sub,.att-meta{white-space:normal}
  /* כותרת עד שתי שורות, אחר כך «…» — כדי שהשורה לא תטפס */
  .t-title .t-name{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  /* שתי רצועות מטא במקום ארבע שורות: מתי·סוג·פרויקט / איש קשר·סוכן */
  .t-sub{flex-direction:column;align-items:flex-start;gap:1px;overflow:visible}
  .t-sub .t-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%}
  .t-sub .t-proj{overflow:visible;text-overflow:clip}
  .att-name{white-space:normal;overflow:visible;text-overflow:clip}
  .contact-cell,.tasks-tbl .contact-cell{flex-wrap:wrap;min-width:0}
  .tasks-tbl .contact-cell .cell-main{flex:1 1 100%;max-width:100%;min-width:44px;white-space:normal;overflow:visible;text-overflow:clip}
  .tasks-tbl td.title .cell-main,.tasks-tbl td.title .cell-sub,.tasks-tbl td>a{white-space:normal;overflow:visible;text-overflow:clip}
  .tasks-tbl td.title .cell-sub{flex-wrap:wrap}
  /* בכרטיס הנייד עמודת «פרויקט» נערמת: שם מלא ומתחתיו צ'יפ השלב (ולא שם חתוך לצד צ'יפ) */
  .tasks-tbl.cards td.proj{flex-direction:column;align-items:flex-start;gap:2px}
  .tasks-tbl td.proj .cell-main,.tasks-tbl td.proj .cell-main a{white-space:normal;overflow:visible;text-overflow:clip;max-width:100%}
  .tasks-tbl td,.tasks-tbl td:nth-child(3),.tasks-tbl td:nth-child(4){overflow:visible;max-width:none}
  .contact-cell .cell-main{min-width:44px}
  .ql-next-head .check input{width:24px;height:24px}
  /* כל רצועת מטא = שורה אחת שנחתכת; המפריד המוביל של רצועה נעלם כשהיא עומדת בפני עצמה */
  .t-sub .t-line{flex-wrap:nowrap;width:100%;overflow:hidden;min-width:0}
  .t-sub .t-line>.t-sep:first-child{display:none}
  .t-sub .t-line .contact-cell{flex-wrap:nowrap;flex:0 1 auto;min-width:0}
  /* יעד מגע: השם מתקצר ב-«…» אבל לא יורד מ-44px רוחב — שם קצר («גיל דהן») היה 37px בלבד.
     ‎.t-line‎ הוא ‎overflow:hidden;width:100%‎, ולכן הרצפה הזו לא יכולה לדחוף מחוץ למסך. */
  .t-sub .t-line .contact-cell .cell-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:44px}
  .t-sub .t-line .contact-links,.t-sub .t-line .owner-cell,.t-sub .t-line .av-cell{flex-shrink:0}
  .t-sub .t-band-c .t-proj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  /* יעד המגע נשאר 44px; שוליים שליליים מונעים ממנו לנפח את גובה השורה */
  .icon-link{margin-block:-9px}
}

/* ═══════════════ סבב 4 · ביקורת עיצוב — «היום» ═══════════════
   מה תוקן: המסך היה חמישה מלבנים לבנים זהים על קנבס אפור. עכשיו יש בו שלוש דרגות —
   משטח עבודה אחד (המשימות), מדד דומיננטי אחד (בצנרת ₪, משטח פטרול בהיר), והשאר
   סקשנים פתוחים על הקנבס (כותרת + קו) לפי DESIGN-R4 §1. */

/* ── סבב 6 §5: קו-מפתח קצר בצבע --accent גם מתחת לכותרת «מה עושים היום» (כרטיס, לא סקשן
   פתוח — .card-h המשותף לא נושא קו; כאן קו קצר בסגנון .sect-h, ממוקד רק ל-.today) ── */
.today .t-card .card-h{position:relative;padding-bottom:14px}
.today .t-card .card-h::after{content:"";position:absolute;bottom:0;inset-inline-start:16px;width:26px;height:2px;border-radius:2px;background:var(--accent)}

/* ── כותרות סקשן על הקנבס ── */
.today .sect-h h2 .cnt{font-size:12px;color:var(--muted);margin-inline-start:2px;font-weight:400;
  background:var(--surface-3);border-radius:20px;padding:1px 7px}
.today .sect-h a.small{font-size:12.5px;text-decoration:none;color:var(--muted);white-space:nowrap}
.today .sect-h a.small:hover{color:var(--accent);text-decoration:underline}
.today .sect-b .empty.small{padding:16px 0;text-align:start}

/* «דורש טיפול»: שורות ישירות על הקנבס, בלי מסגרת — הקו-מפתח בצבע השלב הוא הגבול */
.att-sect .att-row{padding-inline:0;background:none;border-radius:var(--r-xs)}
.att-sect .att-row.keyline{padding-inline-start:13px}
.att-sect .att-row:hover{background:var(--surface)}
.att-sect .att-row:hover.keyline{padding-inline-start:13px}

/* ── המדדים: שני ה-hero צבועים זה לצד זה (accent/good — סבב 7), שני האחרים פתוחים על הקנבס ומופרדים בקו ── */
.today-metrics{gap:0 0}
.today-metrics .kpi-hero{
  grid-column:auto;box-shadow:none;
  padding:17px 18px 19px;margin-bottom:12px;
}
.today-metrics .kpi-hero .k-sub{color:var(--ink-2)}
.today-metrics .kpi-hero .k-sub b{color:var(--ink)}
.today-metrics .kpi-hero.accent{background:var(--accent-2);border-color:var(--accent-3)}
.today-metrics .kpi-hero.accent .k-lbl{color:var(--accent);font-weight:600;letter-spacing:.01em}
.today-metrics .kpi-hero.accent .k-val{color:var(--accent);font-size:34px}
.today-metrics .kpi-hero.accent::after{background:var(--accent);height:4px;width:46px;inset-inline-start:18px}
.today-metrics .kpi-hero.accent:hover{border-color:var(--accent);box-shadow:none}
.today-metrics .kpi-hero.good{background:var(--success-2);border-color:var(--success-3)}
.today-metrics .kpi-hero.good .k-lbl{color:var(--success);font-weight:600;letter-spacing:.01em}
.today-metrics .kpi-hero.good .k-val{color:var(--success);font-size:34px}
.today-metrics .kpi-hero.good::after{background:var(--success);height:4px;width:46px;inset-inline-start:18px}
.today-metrics .kpi-hero.good:hover{border-color:var(--success);box-shadow:none}
/* שני האחרים אינם כרטיסים — נתון פתוח, מופרד בקו אנכי דק */
.today-metrics .kpi-sm{background:none;border:0;box-shadow:none;border-radius:0;padding:2px 0 6px;min-height:0}
.today-metrics .kpi-sm+.kpi-sm{border-inline-start:1px solid var(--rule);padding-inline-start:16px}
.today-metrics .kpi-sm::after{display:none}
.today-metrics .kpi-sm .k-val{font-size:23px}
.today-metrics .kpi-sm.warn .k-val{color:var(--warn)}
.today-metrics .kpi-sm:hover{box-shadow:none}
.today-metrics .kpi-sm:hover .k-val{color:var(--accent)}

/* ── סבב 5 §3: שורה = שורת כותרת + שורת מטא, ≤64px בדסקטופ ──
   איש הקשר היה ‎flex-wrap:wrap‎ ונשבר לשתי שורות בעמודה הצרה (86px לשורה). בדסקטופ
   הרצועה נשארת שורה אחת והשמות מתקצרים ב-«…»; בנייד הכללים של מטה מחזירים את הגלישה. */
@media(min-width:901px){
  .t-sub{flex-wrap:nowrap}
  /* רצפה לשם איש הקשר: בלי min-width הפלקס דחס אותו ל-0px מול שם פרויקט ארוך, ונשארו
     אייקוני חיוג/וואטסאפ בלי שם למי מתקשרים. שם הפרויקט מתכווץ מהר יותר (shrink 4) —
     כך שגם השם וגם הפרויקט נראים באותה שורה ונחתכים ב-«…». */
  .t-sub .contact-cell{flex-wrap:nowrap;min-width:9em}
  .t-sub .contact-cell .cell-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .t-sub .t-proj{min-width:4em;flex-shrink:4}
  .t-sub .contact-links,.t-sub .owner-cell,.t-sub .av-cell{flex-shrink:0}
}
/* «דורש טיפול»: צ'יפ השלב קומפקטי — השורה נשארת מתחת ל-64px */
.att-meta .badge.st{font-size:11.5px;padding:1px 7px;line-height:1.5}

/* ── ריווח בין הסקשנים: אוויר אמיתי, לא עוד מסגרת ── */
.today-main>.sect,.today-side>.sect{margin-top:8px}
@media(max-width:900px){
  .today-metrics .kpi-hero{padding:14px 15px 16px;margin-bottom:10px}
  .today-metrics .kpi-hero .k-val{font-size:30px}
  .today-metrics .kpi-sm+.kpi-sm{padding-inline-start:14px}
  .att-sect .att-row{padding-block:10px}
  .board-cta{padding-top:4px}
  .board-link{min-height:44px}
}
/* סבב 7: שני אריחי ה-hero («יח"ד בפוטנציאל» / «יח"ד שסגרנו») נערמים ברוחב מלא זה
   מתחת לזה במסך צר — אותה נקודת שבירה (640px) של שאר הרכיבים בקובץ הזה. */
@media(max-width:640px){
  .today-metrics .kpi-hero{grid-column:1/-1}
}

/* ═══ ביקורת נייד (סבב 4) — רצפת טקסט 13px, חייב להישאר הבלוק האחרון בקובץ ═══
   בלוקי «ביקורת עיצוב» שלמעלה יושבים אחרי ה-@media ולכן דורסים את הרצפה
   (‏.sect-h .cnt ירד ל-12px, «צנרת ←» ל-12.5px). כל כלל חדש שמקטין טקסט
   בנייד צריך להיכנס לכאן, לא מעל. */
@media(max-width:900px){
  .today .sect-h h2 .cnt,.today .sect-h a.small,.today .sect-b .empty.small,
  /* צ'יפ השלב — 11.5px בדסקטופ, אבל בנייד רצפת ה-13px גוברת */
  .att-meta .badge.st,.tasks-tbl td.proj .badge.st{font-size:13px}
}