/* =============================================================
   Easy Finance — ערכת עיצוב מאוחדת (Navy / Gold / Heebo)
   תומכת ביום (light) ובלילה (dark). טען אחרון בעמוד.
   ============================================================= */

/* ---------- מצב יום (ברירת מחדל) ---------- */
:root,
html[data-theme="light"] {
  --bg:#f6f3ec; --bg-card:#ffffff; --bg-card2:#faf8f1; --bg-hover:#f1ece1;
  --border:#e6dfd1; --border-light:#d8cfbb;
  --text:#1b2330; --text-muted:#717c8c; --text-dim:#9aa3b0;
  --primary:#001b3a; --primary-light:#0a2b52; --primary-dark:#001226;
  --accent:#d4af37; --secondary:#d4af37; --gold:#d4af37; --gold-soft:#e8cf86; --navy:#001b3a;
  --success:#2e7d5b; --danger:#c0392b; --warning:#d4af37;
  --shadow-sm:0 1px 3px rgba(0,27,58,.08); --shadow:0 4px 18px rgba(0,27,58,.10); --shadow-lg:0 10px 34px rgba(0,27,58,.16);
  --font:'Heebo','Arial',sans-serif;
  /* צבעי טקסט מותאמי-מצב */
  --title:#001b3a; --link:#3f6079; --tab-active:#001b3a; --on-card:#1b2330;
}

/* ---------- מצב לילה ---------- */
html[data-theme="dark"] {
  --bg:#07111f; --bg-card:#0e1f33; --bg-card2:#13283f; --bg-hover:#1a344d;
  --border:#1d3a52; --border-light:#2a4a66;
  --text:#eef2f7; --text-muted:#a3b3c6; --text-dim:#6f8197;
  --primary:#001b3a; --primary-light:#13355c; --primary-dark:#001226;
  --accent:#d4af37; --secondary:#d4af37; --gold:#d4af37; --gold-soft:#e8cf86; --navy:#001b3a;
  --success:#3fae82; --danger:#e2685c; --warning:#d4af37;
  --shadow-sm:0 1px 3px rgba(0,0,0,.4); --shadow:0 4px 20px rgba(0,0,0,.45); --shadow-lg:0 10px 34px rgba(0,0,0,.55);
  --font:'Heebo','Arial',sans-serif;
  --title:#f0f4f8; --link:#9fc1e6; --tab-active:#d4af37; --on-card:#eef2f7;
}

body { background:var(--bg); color:var(--text); font-family:var(--font); }

/* ---------- כותרת / ניווט: navy עם פס זהב (בשני המצבים) ---------- */
.nav, header.nav, .topbar, .app-header {
  background:linear-gradient(135deg,#001b3a,#0a2b52) !important;
  color:#fff !important; border-bottom:3px solid var(--gold) !important;
}
.nav a, .nav .nav-item, .nav button, .app-header a { color:#f3f5f8 !important; }
.nav .brand, .nav .logo h1, .nav .nav-title, .nav-brand { color:#fff !important; }
/* כפתורי הכותרת (ייצוא/שתף/פעמון) — רקע כהה-שקוף עם טקסט לבן, קריא על ה-navy בשני המצבים */
.nav button, .nav .share-btn, .nav .btn, .nav .notif-bell, header.nav button {
  background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important; border-radius:9px !important;
}
.nav button:hover, .nav .share-btn:hover, .nav .btn:hover, .nav .notif-bell:hover { background:rgba(255,255,255,.22) !important; }
.nav button i, .nav .share-btn i, .nav .notif-bell i { color:#f3f5f8 !important; }
.nav-client { color:#e8eef6 !important; }
/* תפריט הייצוא הנפתח — לוח בהיר עם טקסט כהה (קריא) */
#exportMenu, .notif-panel, .share-panel { background:var(--bg-card) !important; border:1px solid var(--border) !important; color:var(--on-card) !important; box-shadow:var(--shadow-lg) !important; }
#exportMenu button, .share-panel button { background:transparent !important; border:none !important; color:var(--on-card) !important; border-radius:0 !important; }
#exportMenu button:hover, .share-panel button:hover { background:var(--bg-hover) !important; }
.theme-btn { background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.25) !important; border-radius:10px !important; color:#fff !important; }

/* ---------- לוגו: מעבר navy→gold ---------- */
.logo-icon, .brand-icon, .agency-logo {
  background:linear-gradient(135deg,var(--navy),var(--gold)) !important;
  box-shadow:0 8px 28px rgba(0,27,58,.28) !important;
}

/* ---------- כרטיסים ---------- */
.card, .stat-card, .panel, .tab-pane .card, .box {
  background:var(--bg-card) !important; border:1px solid var(--border) !important;
  border-radius:14px !important; box-shadow:var(--shadow) !important; color:var(--on-card);
}
.card-title { color:var(--title) !important; font-weight:800 !important; }
.card-sub { color:var(--text-muted) !important; }

/* ---------- כפתורים ---------- */
.btn, button.btn { font-family:var(--font) !important; font-weight:700 !important; border-radius:10px !important; }
.btn-primary { background:var(--navy) !important; color:#fff !important; border:none !important; }
.btn-primary:hover { background:var(--primary-light) !important; box-shadow:var(--shadow) !important; }
html[data-theme="dark"] .btn-primary { background:linear-gradient(135deg,var(--gold),#c89f2e) !important; color:#06101e !important; }
.btn-gold, .btn-accent { background:linear-gradient(135deg,var(--gold),#c89f2e) !important; color:var(--navy) !important; }
.btn-secondary, .btn-ghost { background:transparent !important; color:var(--title) !important; border:1px solid var(--border-light) !important; }

/* ---------- טאבים ---------- */
.tabs { border-bottom:1px solid var(--border) !important; }
.tab { color:var(--text-muted) !important; font-weight:600 !important; background:transparent !important; border:none !important; }
.tab.active { color:var(--tab-active) !important; border-bottom:3px solid var(--gold) !important; }
.tab.active i, .card-title i { color:var(--gold) !important; }

/* ---------- טבלאות ---------- */
table th { background:var(--bg-card2) !important; color:var(--title) !important; }
table td, table th { border-color:var(--border) !important; color:var(--on-card); }
tr:hover td { background:var(--bg-hover) !important; }

/* ---------- שדות קלט ---------- */
input, select, textarea {
  background:var(--bg-card) !important; color:var(--text) !important;
  border:1px solid var(--border-light) !important; border-radius:9px !important; font-family:var(--font) !important;
}
input:focus, select:focus, textarea:focus {
  border-color:var(--gold) !important; outline:none !important; box-shadow:0 0 0 3px rgba(212,175,55,.18) !important;
}

/* ---------- תגיות / קישורים ---------- */
.badge, .pill, .chip { border-radius:99px !important; }
.badge-primary, .pill-primary { background:var(--navy) !important; color:#fff !important; }
.badge-success { background:rgba(46,125,91,.16) !important; color:var(--success) !important; }
.badge-warning { background:rgba(212,175,55,.18) !important; color:#9c7b16 !important; }
a { color:var(--link); }
a:hover { color:var(--gold); }
.text-primary, .highlight { color:var(--title) !important; }
.text-accent { color:var(--gold) !important; }

/* ---------- מסך כניסה ---------- */
.wrap .btn-primary, .login-btn { background:linear-gradient(135deg,var(--navy),var(--primary-light)) !important; color:#fff !important; }
html[data-theme="dark"] .wrap .btn-primary, html[data-theme="dark"] .login-btn { background:linear-gradient(135deg,var(--gold),#c89f2e) !important; color:#06101e !important; }

/* ---------- כרטיסיית "תכנון פיננסי" (iframe המתכנן) ---------- */
.ef-planner-frame { width:100%; min-height:82vh; border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); background:var(--bg-card); }
.ef-planner-wrap { padding:0; }