/* ============================================================
   DIVUSH DASHBOARD — Teal Orange Palette
   #1a3a5c תכלת כהה | #e8692a כתום | #f4f6f8 אפור-כחלחל
   ============================================================ */
:root {
  --to-dark:   #1a3a5c;
  --to-dark2:  #142d4a;
  --to-dark3:  #0e2038;
  --to-orange: #e8692a;
  --to-org2:   #c44d15;
  --to-bg:     #f4f6f8;
  --to-bg2:    #eaecef;
  --to-bg3:    #e0e3e8;
  --to-white:  #ffffff;
  --to-text:   #1a1c1e;
  --to-muted:  #5a6572;
  --to-muted2: #8a95a0;
  --to-border: rgba(0,0,0,0.08);
  --to-border2:rgba(0,0,0,0.13);
  --to-glow:   rgba(26,58,92,0.10);
  --to-oglow:  rgba(232,105,42,0.10);
  --to-green:  #2ecc71;
}

body {
  background: var(--to-bg) !important;
  color: var(--to-text) !important;
  font-size: 15px !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* ── SIDEBAR ─── */
.sidebar {
  background: var(--to-dark) !important;
  border-left: none !important;
  box-shadow: 2px 0 16px rgba(0,0,0,0.18) !important;
}
.logo { color: #fff !important; font-size: 17px !important; border-bottom-color: rgba(255,255,255,0.1) !important; }
.logo span { color: rgba(255,255,255,0.45) !important; }
.nav-links a { color: rgba(255,255,255,0.6) !important; font-size: 14px !important; padding: 11px 20px !important; }
.nav-links a:hover, .nav-links a.active {
  color: #fff !important;
  background: rgba(255,255,255,0.1) !important;
  border-right-color: var(--to-orange) !important;
}
.nav-bottom a { color: rgba(255,255,255,0.35) !important; }
.pending-dot { background: #f0c040 !important; color: #3a2a00 !important; }
.riding-dot  { background: var(--to-green) !important; color: #0a2a14 !important; }

/* ── MAIN ─── */
.main { background: var(--to-bg) !important; }
.page-title { font-size: 22px !important; color: var(--to-text) !important; font-weight: 700 !important; }
.page-sub   { color: var(--to-muted) !important; font-size: 12px !important; }
.top-bar { border-bottom: 1px solid var(--to-border2) !important; padding-bottom: 16px !important; margin-bottom: 20px !important; }

/* ── STAT CARDS ─── */
.sc, .stat {
  background: var(--to-white) !important;
  border: 1px solid var(--to-border2) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
.sc-n, .stat-n { color: var(--to-text) !important; }
.sc.highlight { background: #fff8f4 !important; border-color: rgba(232,105,42,0.3) !important; }
.ver-badge { background: var(--to-glow) !important; border-color: rgba(26,58,92,0.25) !important; color: var(--to-dark) !important; }

/* ── STATS GRID — force 4-col on desktop, 2x2 on mobile ─── */
.stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; gap: 12px !important; }

/* ── LIVE BAR ─── */
.live-bar { background: #f0f5ff !important; border-color: rgba(26,58,92,0.2) !important; }
.live-map-btn { background: var(--to-glow) !important; color: var(--to-dark) !important; border-color: rgba(26,58,92,0.25) !important; }

/* ── TABLES ─── */
.tbl-box, .tbl-wrap {
  background: var(--to-white) !important;
  border: 1px solid var(--to-border2) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}
table { font-size: 14px !important; }
thead th {
  background: var(--to-dark) !important;
  color: rgba(255,255,255,0.85) !important;
  border-bottom: none !important;
  font-size: 12px !important;
  padding: 12px 16px !important;
}
tbody td {
  color: var(--to-text) !important;
  border-bottom: 1px solid var(--to-border) !important;
  padding: 13px 16px !important;
  font-size: 14px !important;
}
tbody tr:hover td { background: #f0f4f8 !important; }
.sec-title { color: var(--to-muted) !important; }

/* ── MEMBER CELLS ─── */
.mem-name  { color: var(--to-text) !important; font-size: 14px !important; }
.mem-email { color: var(--to-muted) !important; font-size: 12px !important; }

/* ── ALL BUTTONS — comprehensive fix ─── */
/* Primary */
.btn-primary, .pa-btn, .nav-cta, button[type="submit"],
input[type="submit"] {
  background: var(--to-dark) !important;
  color: #fff !important;
  border-color: var(--to-dark) !important;
}
.btn-primary:hover { background: var(--to-dark2) !important; }

/* Outline */
.btn-outline {
  border-color: var(--to-border2) !important;
  color: var(--to-text) !important;
  background: var(--to-white) !important;
}
.btn-outline:hover { border-color: var(--to-dark) !important; color: var(--to-dark) !important; }

/* Filter buttons */
.filter-btn {
  background: var(--to-white) !important;
  border: 1px solid var(--to-border2) !important;
  color: var(--to-muted) !important;
}
.filter-btn:hover, .filter-btn.active {
  color: var(--to-dark) !important;
  border-color: var(--to-dark) !important;
  background: var(--to-glow) !important;
}

/* Action buttons in table rows — THE KEY FIX */
a.btn, button.btn,
td a[href*="edit"], td button[onclick*="edit"],
td a[onclick*="edit"], td a[href*="ערוך"],
.act-edit, [class*="edit-btn"], [class*="btn-edit"] {
  background: var(--to-glow) !important;
  color: var(--to-dark) !important;
  border: 1px solid rgba(26,58,92,0.2) !important;
}
td a[href*="block"], td button[onclick*="block"],
td a[onclick*="block"], td button[onclick*="חסום"],
.act-block, [class*="block-btn"], [class*="btn-block"] {
  background: rgba(176,50,50,0.07) !important;
  color: #8b2020 !important;
  border: 1px solid rgba(176,50,50,0.18) !important;
}
/* Nuclear override — any button/link with black or near-black background inside td */
td button, td a.btn, td a[class*="btn"] {
  background: var(--to-glow) !important;
  color: var(--to-dark) !important;
  border: 1px solid rgba(26,58,92,0.2) !important;
}
/* Orange accent buttons (approve etc) */
td button[onclick*="approve"], td a[onclick*="approve"],
td button[onclick*="אשר"], .btn-approve {
  background: var(--to-oglow) !important;
  color: var(--to-org2) !important;
  border: 1px solid rgba(232,105,42,0.25) !important;
}

/* ── INPUTS ─── */
input, textarea, select {
  background: var(--to-white) !important;
  border: 1px solid var(--to-border2) !important;
  color: var(--to-text) !important;
  font-size: 14px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--to-dark) !important;
  box-shadow: 0 0 0 3px rgba(26,58,92,0.12) !important;
  outline: none !important;
}
.search-box { background: var(--to-white) !important; }

/* ── BADGES ─── */
.b-approved  { background: rgba(26,122,64,0.08)  !important; color: #155f32 !important; border-color: rgba(26,122,64,0.2) !important; }
.b-pending   { background: rgba(180,122,0,0.08)  !important; color: #7a5200 !important; border-color: rgba(180,122,0,0.2) !important; }
.b-blocked   { background: rgba(176,50,50,0.07)  !important; color: #8b2020 !important; border-color: rgba(176,50,50,0.18) !important; }
.b-admin     { background: rgba(232,105,42,0.08) !important; color: #8b3a0a !important; border-color: rgba(232,105,42,0.2) !important; }
.b-beta      { background: rgba(26,58,92,0.08)   !important; color: #1a3a5c !important; border-color: rgba(26,58,92,0.2) !important; }
.b-vip       { background: rgba(120,40,180,0.07) !important; color: #5a1a8b !important; border-color: rgba(120,40,180,0.18) !important; }
.b-tester    { background: var(--to-bg2) !important; color: var(--to-muted) !important; border-color: var(--to-border2) !important; }
.b-app       { background: var(--to-dark) !important; color: #fff !important; border-color: var(--to-dark2) !important; }
.b-no-app    { background: var(--to-bg2) !important; color: var(--to-muted2) !important; border-color: var(--to-border2) !important; }
.badge-green { background: rgba(26,122,64,0.1) !important; color: #155f32 !important; }
.section-label { color: var(--to-dark) !important; }

/* ── FLASH / TOAST ─── */
.flash-success { background: rgba(26,122,64,0.07) !important; color: #1a5c32 !important; }
.flash-error   { background: rgba(176,50,50,0.07) !important; color: #8b2020 !important; }
.toast { background: rgba(26,58,92,0.08) !important; border-color: rgba(26,58,92,0.25) !important; color: var(--to-dark) !important; }
.pending-alert { background: rgba(180,122,0,0.06) !important; border-color: rgba(180,122,0,0.2) !important; }
.pa-txt { color: #7a5200 !important; }

/* ── CARDS ─── */
.card { background: var(--to-white) !important; border: 1px solid var(--to-border2) !important; }

/* ── FOOTER ─── */
footer, .main-footer {
  background: var(--to-dark) !important;
  border-top-color: rgba(255,255,255,0.1) !important;
}
.footer-logo { color: var(--to-orange) !important; }
.footer-copy { color: rgba(255,255,255,0.45) !important; }
.bot-admin   { color: rgba(255,255,255,0.5) !important; border-color: rgba(255,255,255,0.15) !important; }

/* ── MODALS ─── */
.modal-box, .modal-inner, [id*="modal"], [class*="modal-box"] {
  background: var(--to-white) !important;
  border: 1px solid var(--to-border2) !important;
  color: var(--to-text) !important;
}

/* ── SCROLLBAR ─── */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: var(--to-bg2); }
::-webkit-scrollbar-thumb { background: #b8bfc8; border-radius: 4px; }

/* ══ MOBILE ══════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .main { padding: 12px 12px 70px !important; }
  .top-bar { padding-bottom: 10px !important; margin-bottom: 12px !important; }
  .page-title { font-size: 18px !important; padding-top: 6px; }

  /* 2x2 stats grid */
  .stats { grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-bottom: 14px !important; }
  .sc, .stat { padding: 12px 14px !important; }
  .sc-n, .stat-n { font-size: 26px !important; }

  /* Tables */
  .tbl-wrap, .tbl-box { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  table { min-width: 540px !important; font-size: 13px !important; }

  /* Bottom nav */
  .fp-bottom-nav {
    display: flex !important;
    position: fixed !important; bottom: 0 !important; right: 0 !important; left: 0 !important;
    z-index: 400 !important;
    background: var(--to-dark) !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    height: 60px !important; align-items: stretch !important;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.15) !important;
  }
  .fp-bnav-item {
    flex: 1 !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 3px !important; font-size: 9px !important;
    color: rgba(255,255,255,0.5) !important; text-decoration: none !important;
    transition: color .15s !important;
  }
  .fp-bnav-item.active, .fp-bnav-item:hover { color: var(--to-orange) !important; }
  .fp-bnav-icon { font-size: 18px !important; line-height: 1 !important; }

  /* Hamburger */
  .mob-toggle {
    background: rgba(26,58,92,0.9) !important;
    border-color: rgba(255,255,255,0.2) !important;
    top: 10px !important; right: 10px !important;
  }
  .mob-toggle span { background: #fff !important; }

  /* Layout */
  .two-col, .three-col { grid-template-columns: 1fr !important; }
  .search-box { width: 100% !important; font-size: 14px !important; }
  .filter-btn { font-size: 12px !important; padding: 7px 12px !important; }
  .mem-av { width: 36px !important; height: 36px !important; font-size: 13px !important; }
  .modal-box, .modal-inner { width: 96vw !important; max-width: 96vw !important; padding: 18px 14px !important; }
}
@media (max-width: 400px) {
  .sc-n, .stat-n { font-size: 22px !important; }
}