/* ============================================================================
   CASBA — שכבת "Clay" לדפים הפנימיים (14/09/2026, רמי: "תתאים את הדפים הפנימיים לעיצוב החדש")
   מוזרקת ע"י השרת לכל תשובת HTML (server.js → withClay) אחרי ה-<style> של העמוד, ולכן גוברת עליו.
   אותה שפה כמו דף הבית (העתק של autoleads.co.il): לבן / אפור בהיר / שחור, מבטא צהוב, Heebo.
   הדפים הפנימיים בנויים על אותם משתני CSS (--navy --surface --surface2 --field --fg --muted --line --blue --yellow --green)
   ועל body.light — כאן מוגדרים הערכים הבהירים אחת ולתמיד, והכפתורים/הכרטיסים/השדות מקבלים את צורת אוטוליד.
   ============================================================================ */

/* הפונטים של אוטוליד (Heebo + Inter, קובצי next/font שהועתקו ל-/fonts/) — נוצר מ-css/_fontfaces.css */
@import url("/css/_fontfaces.css");

body, body.light, body.dark {
  --navy: #ffffff;
  --surface: #ffffff;
  --surface2: #f4f5f7;
  --field: #f4f5f7;
  --fg: #0b0f14;
  --muted: #6b7280;
  --line: #e6e8ec;
  --line-strong: #cfd3da;
  --blue: #6db7d6;
  --blue-dark: #4a9cc0;
  --yellow: #f0cb5d;
  --yellow-dark: #e0b83f;
  --green: #16a34a;
  --glow: rgba(11, 15, 20, 0);
  background: #ffffff !important;
  color: #0b0f14;
  color-scheme: light;
}

/* פונט אחיד — Heebo (לטינית/מספרים נופלים ל-Inter). קוד/הטמעה נשארים במונוספייס. */
html, body, body *, button, input, select, textarea {
  font-family: "Heebo", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
code, pre, kbd, samp, .mono, textarea.code, [style*="monospace"] {
  font-family: Consolas, "Courier New", ui-monospace, monospace !important;
}

/* לוגו: CASBA שחור + AI כחול + משולש צהוב, בלי אייקון — כמו בכותרת דף הבית */
.logo, .brand { font-family: "Inter", "Heebo", sans-serif !important; font-weight: 800 !important; letter-spacing: -0.02em; color: var(--fg) !important;
  direction: ltr; unicode-bidi: isolate; }   /* המשולש אחרי ה-AI, כמו בכותרת דף הבית */
.logo svg, .brand svg { display: none !important; }
.logo b, .brand b, .logo .ai { color: var(--blue) !important; }
.logo::after, .brand::after { content: "▲"; color: var(--yellow); margin-inline-start: 2px; font-size: 0.8em; }

/* שדה הדבש (honeypot) של טופס ההרשמה היה ממוקם ב-left:-9999px — ב-RTL זה פותח גלילה אופקית של 10,000px. מסתירים בלי לזוז. */
#company_url, .honeypot { position: absolute !important; left: auto !important; right: 0 !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; }

/* כותרות — משקל 800 ורווח אותיות צמוד כמו באוטוליד */
h1, h2, h3, .hi { font-weight: 800; letter-spacing: -0.02em; color: var(--fg); }

/* כפתורים: ראשי = גלולה שחורה; משני = לבן עם מסגרת שחורה; צהוב = מבטא */
.btn, .btn-y, .cta, .nav .cta, .primary, button.primary, .btn2.primary, .addmod {
  background: #0b0f14 !important; color: #ffffff !important; border: 1.5px solid #0b0f14 !important;
  border-radius: 999px !important; font-weight: 700 !important; box-shadow: none !important; text-decoration: none !important;
  transition: transform .15s, background .15s;
}
.btn:hover, .btn-y:hover, .cta:hover, .primary:hover { background: #1f2632 !important; transform: translateY(-1px); }
.btn.ghost, .btn-ghost, .btnGhost, .btn2, .secondary, .btn.secondary, .theme, .theme-btn {
  background: #ffffff !important; color: #0b0f14 !important; border: 1.5px solid #0b0f14 !important;
  border-radius: 999px !important; font-weight: 700 !important; box-shadow: none !important;
}
.btn.ghost:hover, .btn-ghost:hover, .btnGhost:hover, .btn2:hover { background: #f4f5f7 !important; }
.btn.yellow, .btn-accent, .badge-yellow { background: var(--yellow) !important; color: #0b0f14 !important; border-color: var(--yellow) !important; }
.btn.yellow:hover, .btn-accent:hover { background: var(--yellow-dark) !important; }
.btn[disabled], .btn:disabled { opacity: .5; transform: none; }

/* כרטיסים ומשטחים */
.card, .panel, .box, .step, .navsec, .side, .sidebar {
  background: #ffffff !important; border: 1px solid #e6e8ec !important; border-radius: 1.25rem !important;
  box-shadow: 0 1px 2px rgba(11, 15, 20, .04), 0 12px 32px rgba(11, 15, 20, .06) !important; color: var(--fg);
}
.card.center { text-align: center; }

/* שדות טופס */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea {
  background: #ffffff !important; color: #0b0f14 !important; border: 1px solid #cfd3da !important; border-radius: .75rem !important;
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--blue) !important; outline-offset: 1px; border-color: var(--blue) !important; }
::placeholder { color: #9aa3b2 !important; }
label { color: var(--fg); }

/* תגיות, באדג'ים, פסי סטטוס */
.badge, .pill, .tag, .modBadge, #modBadge { background: #ffffff !important; color: var(--fg) !important; border: 1px solid #cfd3da !important; border-radius: 999px !important; }
.badge.ok, .tag.ok, .ok { color: var(--green) !important; }

/* קישורי ניווט וטקסט משני */
.nav a, .navRow a, .sub, .muted, small { color: var(--muted); }
.nav a:hover { color: var(--fg); }
hr, .sep { border-color: var(--line) !important; }

/* ניקוי הילות/רקעים כהים שנשארו מהעיצוב הקודם */
body::before, body::after { display: none !important; }
.glow, .hero-glow { display: none !important; }

/* מתג הכהה/בהיר של העמודים הישנים — הוסר: העיצוב תמיד בהיר */
#themeBtn, .theme-toggle, button.theme, .themeBtn { display: none !important; }

/* פאנל הסבר על המודול (js/modules.js → casbaModulePanel) — בעמוד ההרשמה ובדשבורד */
.modpanel { background: #ffffff; border: 1px solid #e6e8ec; border-radius: 1.25rem; padding: 1.5rem 1.5rem 1.25rem; margin: 1rem 0 1.5rem;
  box-shadow: 0 1px 2px rgba(11,15,20,.04), 0 12px 32px rgba(11,15,20,.06); color: var(--fg); text-align: right; }
.modpanel-head { display: flex; align-items: center; gap: .875rem; }
.modpanel-ic { font-size: 1.75rem; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background: #f4f5f7; border: 1px solid #e6e8ec; border-radius: .875rem; flex-shrink: 0; }
.modpanel-name { font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em; }
.modpanel-tag { font-size: .95rem; color: var(--muted); margin-top: .125rem; }
.modpanel-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.modpanel-meta span { font-size: .8125rem; font-weight: 700; padding: .3rem .75rem; border-radius: 999px; background: #f4f5f7; border: 1px solid #e6e8ec; }
.modpanel-meta span:first-child { background: var(--yellow); border-color: var(--yellow); }
.modpanel h4 { font-size: .75rem; font-weight: 700; letter-spacing: .18em; color: var(--muted); margin: 1.25rem 0 .5rem; }
.modpanel ul, .modpanel ol { margin: 0; padding-inline-start: 1.25rem; font-size: 1rem; line-height: 1.7; color: #0b0f14; } /* 16px בשחור (רמי 18/09) */
.modpanel li { margin-bottom: .25rem; }
.modpanel-inc { display: flex; flex-wrap: wrap; gap: .5rem; }
.modpanel-inc span { font-size: .8125rem; padding: .3rem .7rem; border-radius: 999px; background: #f4f5f7; border: 1px solid #e6e8ec; color: #3b4350; }
.modpanel-cta { display: inline-block; margin-top: 1.25rem; padding: .75rem 1.5rem; }