/* ===================================================================
   panel.css — מערכת עיצוב לפאנל הניהול (סגנון NexLink, תמה בהירה, RTL)
   נשמרים שמות המשתנים והמחלקות הקיימים (--blue, --muted, .glass, .btn…)
   כך שכל המודולים מתעצבים מחדש ללא שינוי במבנה הפנימי שלהם.
   =================================================================== */

:root{
  --brand:#2563eb;        /* כחול מקצועי (Trust Blue) */
  --brand-2:#1d4ed8;      /* כחול כהה — מצב hover */
  --brand-soft:#e8f0fe;   /* רקע כחול עדין */
  --bg:#f4f6fa;           /* רקע הדף */
  --card:#ffffff;
  --ink:#1f2433;          /* טקסט גוף (ניגודיות ~13:1) */
  --head:#141824;         /* כותרות */
  --muted:#5f6678;        /* טקסט משני — תקין AA (~5:1 על לבן) */
  --line:#e7e9f0;         /* קווים/גבולות */
  --glass:#ffffff;        /* כרטיסים */
  /* תאימות לאחור — שמות הצבעים הישנים ממופים לפלטה המקצועית */
  --blue:#2563eb;
  --cyan:#1d6cf0;
  --emer:#15a34a;
  --red:#dc2626;
  --amber:#c2770c;
  --shadow:0 1px 3px rgba(20,24,40,.06),0 1px 2px rgba(20,24,40,.04);
  --shadow-lg:0 8px 24px rgba(20,24,40,.10);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-size:15px}
a{text-decoration:none;color:inherit}
.aurora{display:none!important}   /* מבטל את כתמי הרקע הכהים מהעיצוב הישן */

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#d6d9e6;border-radius:9px}
::-webkit-scrollbar-thumb:hover{background:#c2c6da}

/* ---------- טקסט מודגש (צבע מותג שטוח — ללא גרדיאנט) ---------- */
.grad{color:var(--brand)}

/* ---------- כרטיס ---------- */
.glass{
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
  box-shadow:var(--shadow);
  transition:box-shadow .2s,transform .2s;
}
a.glass:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;border-radius:11px;cursor:pointer;border:0;font-family:inherit;transition:.18s;padding:11px 20px;font-size:.92rem;line-height:1}
.btn-primary{color:#fff;background:var(--brand)}
.btn-primary:hover{background:var(--brand-2)}
.btn-ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-danger{color:#fff;background:var(--red)}
.btn-danger:hover{background:#b91c1c}
.btn-sm{padding:7px 13px;font-size:.82rem;border-radius:9px}

/* ---------- טפסים ---------- */
input,select,textarea{
  width:100%;padding:11px 13px;border-radius:10px;
  background:#fff;border:1px solid #e2e4ee;color:var(--ink);
  font-family:inherit;font-size:.94rem;transition:.18s
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(89,85,209,.14)}
label{font-size:.84rem;color:var(--muted);display:block;margin-bottom:6px;font-weight:600}
::placeholder{color:#b3b9c9}

/* ---------- הודעת מערכת ---------- */
.flash{padding:13px 16px;border-radius:12px;background:#e7f8ef;border:1px solid #b8ebcf;color:#0f9d58;margin-bottom:18px;font-size:.92rem;font-weight:600}

/* ---------- טבלאות ---------- */
table{width:100%;border-collapse:collapse}
thead tr{color:var(--muted);font-size:.78rem}
tbody tr{transition:background .15s}
tbody tr:hover{background:#fafbff}

/* ===================================================================
   פריסת הפאנל — סרגל צד + topbar
   =================================================================== */
.pnl{display:flex;min-height:100vh}

/* ---- סרגל צד ---- */
.sidebar{
  width:256px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;
  background:#fff;border-left:1px solid var(--line);padding:18px 14px;z-index:30
}
.sb-brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:1.18rem;color:var(--head);padding:6px 8px 18px}
.sb-brand .logo{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:1.05rem}
.sb-group-label{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#aab0c2;text-transform:uppercase;padding:14px 10px 6px}
.sb-link{
  display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;
  margin-bottom:2px;font-weight:600;font-size:.9rem;color:#5b6276;position:relative
}
.sb-link i{font-size:1.05rem;width:20px;text-align:center;color:#9aa0b4;transition:.15s}
.sb-link:hover{background:#f5f6fb;color:var(--head)}
.sb-link:hover i{color:var(--brand)}
.sb-link.active{background:var(--brand);color:#fff}
.sb-link.active i{color:#fff}
.sb-link.soon{opacity:.5;pointer-events:none}
.sb-badge{margin-right:auto;font-size:.62rem;background:#eef0f6;color:#9aa0b4;padding:2px 7px;border-radius:20px;font-weight:700}
.sb-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.sb-foot .sb-link.exit{color:var(--red)}
.sb-foot .sb-link.exit i{color:var(--red)}

/* ---- אזור התוכן ---- */
.main{margin-right:256px;flex:1;width:100%;padding:0 26px 40px}

/* ---- topbar ---- */
.topbar{
  position:sticky;top:0;z-index:20;background:rgba(244,245,250,.85);backdrop-filter:blur(8px);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;
  padding:16px 4px 14px;margin-bottom:20px;border-bottom:1px solid var(--line)
}
.tb-title h1{font-size:1.45rem;font-weight:900;color:var(--head);line-height:1.2}
.tb-title .sub{color:var(--muted);font-size:.82rem;margin-top:2px}
.tb-right{display:flex;align-items:center;gap:14px}
.tb-search{position:relative;display:flex;align-items:center}
.tb-search i{position:absolute;right:12px;color:#b3b9c9;font-size:.95rem;pointer-events:none}
.tb-search input{width:210px;padding:9px 36px 9px 14px;border-radius:10px;background:#fff;font-size:.86rem}
.tb-icon{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:#6b7286;font-size:1.05rem;position:relative;transition:.15s}
.tb-icon:hover{border-color:var(--brand);color:var(--brand)}
.tb-icon .dot{position:absolute;top:9px;right:11px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid #fff}
.tb-user{display:flex;align-items:center;gap:10px;padding-right:6px;border-right:1px solid var(--line)}
.tb-user .meta{text-align:left}
.tb-user .meta .nm{font-weight:700;font-size:.86rem;color:var(--head)}
.tb-user .meta .rl{color:var(--muted);font-size:.74rem}
.tb-user .ava{width:42px;height:42px;border-radius:50%;background:var(--brand);display:grid;place-items:center;font-weight:800;color:#fff}

/* ===================================================================
   Badges רכים (.badge-soft + וריאנטים) — לא היו מוגדרים קודם
   =================================================================== */
.badge-soft{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:7px;font-size:.74rem;font-weight:700;line-height:1.4;text-decoration:none}
.b-amber{background:rgba(245,165,36,.15);color:#c97f0a}
.b-red{background:rgba(240,71,109,.13);color:#d83a5e}
.b-blue{background:rgba(89,85,209,.13);color:#5955d1}
.b-green{background:rgba(22,179,100,.14);color:#0f9d58}
.b-gray{background:#eef0f6;color:#7a8195}

/* ===================================================================
   מודאל (חלון קופץ) — לטופסי הוספה/עריכה
   =================================================================== */
.modal-overlay{
  position:fixed;inset:0;background:rgba(20,22,45,.45);backdrop-filter:blur(3px);
  display:none;align-items:flex-start;justify-content:center;z-index:100;
  padding:40px 16px;overflow-y:auto
}
.modal-overlay.open{display:flex}
.modal-box{
  background:#fff;border-radius:18px;width:min(540px,96vw);
  box-shadow:0 30px 70px rgba(20,22,45,.3);animation:modalIn .2s ease;margin:auto 0
}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.modal-head h3{font-size:1.05rem;font-weight:800;margin:0}
.modal-close{cursor:pointer;background:#f4f5fa;border:0;width:32px;height:32px;border-radius:9px;color:#6b7286;font-size:1.3rem;line-height:1;display:grid;place-items:center;transition:.15s}
.modal-close:hover{background:#fde8ee;color:var(--red)}
.modal-body{padding:22px}
@keyframes modalIn{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}

/* --- פריסת שדות דו-טורית רספונסיבית בתוך טפסי המודאל --- */
@supports selector(:has(*)){
  .modal-body > form{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    column-gap:18px;
    align-items:start;
  }
  .modal-body > form > div{margin-bottom:12px}                 /* שדה בודד = תא */
  .modal-body > form > *:not(div){grid-column:1 / -1}          /* כפתורים, תוויות, טבלאות, קישורים = רוחב מלא */
  .modal-body > form > div:has(textarea),                       /* טקסט ארוך = רוחב מלא */
  .modal-body > form > div:has(input[type="file"]),
  .modal-body > form > div:has(input[type="checkbox"]),
  .modal-body > form > div:has(> div){grid-column:1 / -1}       /* div שמכיל גריד/מקטע פנימי = רוחב מלא */
}

/* ---------- כותרות פנימיות ---------- */
h1,h2,h3{color:var(--head)}

/* ---------- רספונסיב ---------- */
@media(max-width:820px){
  .sidebar{transform:translateX(100%);transition:transform .25s}
  .sidebar.open{transform:none}
  .main{margin-right:0;padding:0 14px 30px}
  .tb-search{display:none}
}

/* ===================================================================
   נגישות (לפי ה-checklist של מערכת העיצוב)
   =================================================================== */
/* מצב פוקוס נראה לניווט במקלדת */
a:focus-visible,button:focus-visible,.btn:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,
.sb-link:focus-visible,.tb-icon:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;border-radius:8px
}
/* שורות לחיצות — סמן יד */
tr[onclick],[onclick]{cursor:pointer}
/* כבד את העדפת המשתמש לצמצום אנימציות */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  a.glass:hover{transform:none}
}