/* ---------- המראה החדש — דגל newLook (v453, הדמיה שאושרה ע"י גיא 06.09) ----------
   ⚠ כל הכללים כאן חיים תחת `body.new-look` בלבד. בלי הדגל הקובץ נטען ואינו
   משפיע על שום מסך — כך הרכזות בשאר המוסדות לא רואות שינוי. המבנה (סרגל צד ·
   כרטיסים · מאגר) ומחלקות ה-DOM לא השתנו: זו שכבת CSS מעל המסכים הקיימים.
   העיקרון: אלמנט בולט אחד (כותרת התאריך ושמות החלקות בכתב סריף עברי), והשאר
   שקט — רקע ירקרק-אפור, קווים דקים במקום צללים, כתום-חיטה לאזהרה ואדום למחיקה. */
body.new-look {
  --green: #3B6E3F; --green-dark: #2A5230; --green-light: #E3EDE1;
  --accent: #B8860B; --brown: #3B6E3F; --brown-light: #E3EDE1;
  --bg: #EEF0EA; --card: #FFFFFF; --border: #D3D9CF; --text: #1E2A1B; --muted: #66705F;
  --danger: #B4321E; --radius: 12px; --shadow: none;
  --nl-serif: "Frank Ruhl Libre", "Frank Ruehl CLM", "David", serif;
  font-family: "Heebo", "Segoe UI", Arial, sans-serif;
}
body.new-look button, body.new-look input, body.new-look select, body.new-look textarea { font-family: inherit; }

/* סרגל צד */
body.new-look .sidebar { padding: 18px 14px; }
body.new-look .brand { border-bottom: 0; padding-bottom: 10px; }
body.new-look .brand-logo { border-radius: 10px; }
body.new-look .brand-txt { font-size: 16px; }
body.new-look .nav-sec { font-size: 12px; font-weight: 500; letter-spacing: 0; padding-top: 14px; }
body.new-look .tabs button { font-size: 15px; padding: 8px 10px; border-radius: 8px; }
body.new-look .tabs button.active { border-right: 3px solid var(--green); border-radius: 8px 4px 4px 8px; padding-right: 7px; }

/* סרגל עליון */
body.new-look .topbar { background: transparent; border-bottom: 0; padding: 12px 18px 0; }
body.new-look .avatar { background: var(--card); border: 1px solid var(--border); }

/* כותרות */
body.new-look main { padding: 12px 28px 28px; }
body.new-look .page-head h2, body.new-look h2 { font-family: var(--nl-serif); font-weight: 500; font-size: 30px; color: var(--text); letter-spacing: 0; }
body.new-look .modal-head h3 { font-family: var(--nl-serif); font-weight: 600; font-size: 21px; color: var(--text); }
body.new-look .range-chip { font-family: var(--nl-serif); font-size: 22px; font-weight: 500; background: transparent; border: 0; color: var(--text); padding: 0 6px; }
body.new-look .range-chip .rc-ic { display: none; }

/* כפתורים וטאבים */
body.new-look .btn { border-radius: 8px; padding: 8px 14px; font-size: 14px; }
body.new-look .btn.secondary { color: var(--text); }
body.new-look .btn.accent { background: var(--card); color: var(--text); border: 1px solid var(--border); }
body.new-look .subtabs { gap: 0; background: var(--card); border: 1px solid var(--border); border-radius: 999px; padding: 3px; width: max-content; max-width: 100%; }
body.new-look .subtabs button { border: 0; background: transparent; padding: 6px 14px; }
body.new-look .subtabs button.active { background: var(--green); color: #fff; }

/* כרטיסים, טבלאות, שדות — קו דק במקום צל */
body.new-look .card, body.new-look table.grid, body.new-look .pool, body.new-look .kpi { box-shadow: none; border: 1px solid var(--border); }
body.new-look table.grid th { background: transparent; color: var(--text); font-weight: 600; border-bottom: 2px solid var(--border); }
body.new-look table.grid th.sortable:hover, body.new-look table.grid th.sorted-col { background: var(--green-light); }
body.new-look input, body.new-look select, body.new-look textarea { border-radius: 8px; border-color: var(--border); }
body.new-look .modal { border-radius: 14px; box-shadow: 0 16px 48px rgba(30,42,27,.22); }

/* קוביות הסיכום — שורה אחת שקטה במקום קוביות */
body.new-look .totbar { gap: 22px; margin: 4px 0 14px; }
body.new-look .totbar .t { background: transparent; box-shadow: none; padding: 0; border-radius: 0; display: flex; align-items: baseline; gap: 6px; font-size: 14px; color: var(--muted); }
body.new-look .totbar .t b { font-size: 20px; color: var(--text); display: inline; font-family: var(--nl-serif); font-weight: 600; }
body.new-look .totbar .t.tw-tot { border: 0; }
body.new-look .totbar .t.under b { color: var(--danger); }

/* כרטיס החלקה */
body.new-look .site-card { border: 1px solid var(--border); border-top-width: 5px; box-shadow: none; }
body.new-look .site-card .sc-head { padding: 10px 12px 8px; border-bottom: 0; }
body.new-look .site-card .sc-head select { font-family: var(--nl-serif); font-size: 17px; font-weight: 700; border: 0; background: transparent; padding: 2px 0; color: var(--text); }
body.new-look .sc-num { color: var(--muted); font-weight: 400; font-size: 13px; }
body.new-look .site-card .sc-meta { font-size: 13px; }
body.new-look .day-total { background: transparent; border: 0; border-right: 3px solid var(--green); border-radius: 0; text-align: right; padding: 2px 8px; font-weight: 600; color: var(--text); font-size: 13px; }
body.new-look .day-total.over { border-right-color: var(--accent); color: var(--accent); }
body.new-look .day-total.under { border-right-color: var(--accent); color: var(--accent); }
body.new-look .sc-sec { border-top-color: #E6E9E2; }
body.new-look .site-card .sc-students li { font-size: 14.5px; border-radius: 0; border-bottom: 1px dashed #E6E9E2; padding: 5px 6px; }
body.new-look .site-card .sc-students li:last-child { border-bottom: 0; }
body.new-look .site-card .sc-students li:hover { background: var(--green-light); }
body.new-look .site-card .sc-students li.leader { background: transparent; }
body.new-look .site-card .sc-foot { background: transparent; }
body.new-look .sc-team-head { border-radius: 6px; }

/* תג הכיתה — ריבוע צבע ושם הכיתה לצדו (כמו במקרא של תמונת הסידור) */
body.new-look .grade-badge { min-width: 0; width: 10px; height: 10px; padding: 0; border-radius: 2px; font-size: 0; overflow: visible; position: relative; margin-inline-end: 22px; }
body.new-look .grade-badge::after { content: attr(data-cls); position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 12px; font-weight: 500; color: var(--muted); white-space: nowrap; line-height: 1; }

/* המאגר — מגירה */
body.new-look .pool { border-radius: 14px 14px 0 0; box-shadow: 0 -6px 24px rgba(30,42,27,.08); border-bottom: 0; }
body.new-look .pool-group { border: 0; background: transparent; padding: 0 4px; }
body.new-look .chip { border-radius: 8px; font-size: 14px; padding: 4px 8px; }
body.new-look .chip.assigned { opacity: 1; color: var(--muted); background: #F5F6F2; border-color: transparent; }
body.new-look .pool-filter .gf { background: transparent; border: 0; font-weight: 500; color: var(--text); padding: 0 4px; }
body.new-look .pool-search { border-color: var(--border); border-radius: 8px; }
body.new-look .tag { border-radius: 999px; }

/* מונה המשובצים ואזהרות הכרטיס — שורה שקטה עם פס צד, במקום פיל צבעוני; חיטה
   לאזהרה ("צריך תשומת לב") ואדום רק לחריגת קיבולת. */
body.new-look .tw-counter { background: transparent; border: 0; border-right: 3px solid var(--green); border-radius: 0; text-align: right; padding: 2px 8px; font-weight: 600; color: var(--text); font-size: 13px; }
body.new-look .tw-counter.under, body.new-look .tw-counter.over { border-right-color: var(--accent); color: var(--accent); background: transparent; }
body.new-look .tw-counter.ok { border-right-color: var(--green); color: var(--text); background: transparent; }
body.new-look .tw-counter .tw-edit { border-radius: 6px; }
body.new-look .sc-warn { background: #FBF3DE; color: var(--accent); font-weight: 500; }
body.new-look .sc-warn.cap-over { background: #F9E6E2; color: var(--danger); border: 0; }