:root{
    --ink-900:#0A1120;
    --ink-800:#121B2E;
    --ink-700:#1B2740;
    --amber-500:#F59E0B;
    --amber-600:#D97706;
    --paper-50:#F7F8FA;
    --paper-100:#EEF1F5;
    --slate-500:#64748B;
    --slate-300:#CBD5E1;
    --white:#FFFFFF;
    --line:#E4E7EC;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Inter',sans-serif;color:var(--ink-900);background:var(--white);line-height:1.5;}
  h1,h2,h3{font-family:'Space Grotesk',sans-serif;}
  .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-600);font-weight:500;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}

  /* NAV */
  .nav{position:sticky;top:0;z-index:100;background:var(--ink-900);border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:10px;color:var(--white);font-weight:700;font-size:19px;}
  .brand .mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#FBBF24,#D97706);display:flex;align-items:center;justify-content:center;}
  .brand .mark svg{width:16px;height:16px;fill:#fff;}
  .brand .suit{color:var(--amber-500);}
  .nav-links{display:flex;align-items:center;gap:28px;}
  .nav-links > li{position:relative;}
  .nav-links a.top{color:var(--slate-300);font-size:14.5px;font-weight:500;display:flex;align-items:center;gap:4px;}
  .nav-links a.top:hover{color:var(--white);}
  .nav-cta{background:var(--amber-500);color:var(--ink-900);font-weight:600;font-size:14px;padding:9px 18px;border-radius:8px;white-space:nowrap;}
  .nav-cta:hover{background:var(--amber-600);color:var(--white);}
  .nav-right{display:flex;align-items:center;gap:18px;}

  /* mega menu */
  .mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--white);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.18);padding:20px;padding-top:34px;display:none;width:520px;grid-template-columns:1fr 1fr 1fr;gap:6px;border:1px solid var(--line);}
  .nav-links > li:hover .mega{display:grid;}
  .mega-item{padding:12px;border-radius:8px;}
  .mega-item:hover{background:var(--paper-50);}
  .mega-item .name{font-weight:600;font-size:14px;color:var(--ink-900);display:flex;align-items:center;gap:6px;}
  .mega-item .desc{font-size:12.5px;color:var(--slate-500);margin-top:4px;}
  .badge{font-family:'IBM Plex Mono',monospace;font-size:9.5px;padding:2px 7px;border-radius:20px;font-weight:500;letter-spacing:.02em;}
  .badge.live{background:#DCFCE7;color:#166534;}
  .badge.soon{background:var(--paper-100);color:var(--slate-500);}

  /* HERO — compact */
  .hero{background:linear-gradient(160deg,var(--ink-900) 0%,var(--ink-800) 100%);padding:56px 0 48px;color:var(--white);}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
  .hero h1{font-size:34px;line-height:1.18;font-weight:700;margin:12px 0 10px;}
  .hero h1 .accent{color:var(--amber-500);}
  .hero p.sub{font-size:15.5px;color:var(--slate-300);max-width:440px;line-height:1.6;}
  .hero-trust{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap;}
  .hero-trust span{font-size:12px;color:var(--slate-300);display:flex;align-items:center;gap:6px;}
  .hero-trust svg{width:13px;height:13px;fill:var(--amber-500);}

  .lead-form{background:var(--white);border-radius:14px;padding:22px;box-shadow:0 24px 48px rgba(0,0,0,.28);}
  .lead-form h3{color:var(--ink-900);font-size:16px;margin-bottom:3px;}
  .lead-form p{color:var(--slate-500);font-size:12.5px;margin-bottom:14px;}
  .lead-form input,.lead-form select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-family:'Inter',sans-serif;margin-bottom:10px;color:var(--ink-900);}
  .lead-form input:focus,.lead-form select:focus{outline:none;border-color:var(--amber-500);}
  .lead-form button{width:100%;background:var(--amber-500);color:var(--ink-900);font-weight:700;font-size:14px;padding:11px;border:none;border-radius:8px;cursor:pointer;margin-top:2px;}
  .lead-form button:hover{background:var(--amber-600);color:#fff;}
  .lead-form .fine{font-size:10.5px;color:var(--slate-500);text-align:center;margin-top:8px;}

  /* SECTION generic */
  .section{padding:52px 0;}
  .section.tint{background:var(--paper-50);}
  .section-head{max-width:600px;margin-bottom:30px;}
  .section-head h2{font-size:25px;margin-top:8px;}
  .section-head p{color:var(--slate-500);font-size:14.5px;margin-top:8px;}

  /* ABOUT */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
  .about-grid p{color:var(--slate-500);font-size:14.5px;line-height:1.7;margin-top:10px;}
  .stat-row{display:flex;gap:32px;margin-top:22px;}
  .stat-row div p:first-child{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;color:var(--ink-900);}
  .stat-row div p:last-child{font-size:12px;color:var(--slate-500);margin-top:2px;}
  .about-card{background:var(--ink-900);border-radius:14px;padding:28px;color:#fff;}
  .about-card .eyebrow{color:var(--amber-500);}
  .about-card ul{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
  .about-card li{font-size:13.5px;color:var(--slate-300);display:flex;gap:8px;align-items:flex-start;}
  .about-card li svg{width:14px;height:14px;fill:var(--amber-500);flex-shrink:0;margin-top:2px;}

  /* CLIENT LOGOS */
  .logo-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0;opacity:.7;}
  .logo-strip .lg{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:var(--slate-500);}

  /* SUITES */
  .suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .suite-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--white);position:relative;}
  .suite-card.featured{border:2px solid var(--amber-500);}
  .suite-icon{width:42px;height:42px;border-radius:10px;background:var(--paper-100);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .suite-card.featured .suite-icon{background:linear-gradient(135deg,#FBBF24,#D97706);}
  .suite-icon svg{width:20px;height:20px;fill:var(--ink-900);}
  .suite-card.featured .suite-icon svg{fill:#fff;}
  .suite-card h3{font-size:17px;margin:2px 0 6px;}
  .suite-card p.desc{font-size:13px;color:var(--slate-500);line-height:1.55;margin-bottom:14px;}
  .suite-card a.cta{font-size:13px;font-weight:600;color:var(--amber-600);display:flex;align-items:center;gap:5px;}
  .suite-card .badge{position:absolute;top:20px;right:20px;}

  /* FEATURES */
  .feat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
  .feat{text-align:center;padding:18px 10px;}
  .feat .ic{width:38px;height:38px;border-radius:10px;background:var(--paper-100);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;}
  .feat .ic svg{width:18px;height:18px;fill:var(--amber-600);}
  .feat p{font-size:12.5px;font-weight:500;color:var(--ink-900);}

  /* TESTIMONIALS */
  .test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .test-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;}
  .test-card p.quote{font-size:13.5px;color:var(--ink-900);line-height:1.6;margin-bottom:16px;}
  .test-who{display:flex;align-items:center;gap:10px;}
  .test-who .av{width:34px;height:34px;border-radius:50%;background:var(--paper-100);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12px;color:var(--slate-500);}
  .test-who p:first-child{font-size:13px;font-weight:600;}
  .test-who p:last-child{font-size:11.5px;color:var(--slate-500);}

  /* PRICING TEASER */
  .pricing-band{background:var(--ink-900);border-radius:18px;padding:40px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:24px;flex-wrap:wrap;}
  .pricing-band h2{font-size:22px;margin-bottom:6px;}
  .pricing-band p{color:var(--slate-300);font-size:13.5px;max-width:420px;}
  .btn-amber{background:var(--amber-500);color:var(--ink-900);font-weight:700;font-size:14px;padding:12px 22px;border-radius:9px;white-space:nowrap;}
  .btn-amber:hover{background:var(--amber-600);color:#fff;}

  /* BLOG */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .blog-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;}
  .blog-thumb{height:110px;background:linear-gradient(135deg,var(--paper-100),var(--paper-50));}
  .blog-body{padding:16px;}
  .blog-body .eyebrow{font-size:10.5px;}
  .blog-body h3{font-size:14.5px;margin:8px 0 6px;line-height:1.4;}
  .blog-body p{font-size:12px;color:var(--slate-500);}

  /* FOOTER */
  footer{background:var(--ink-900);color:var(--slate-300);padding:48px 0 24px;}
  .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;}
  .foot-brand .brand{margin-bottom:12px;}
  .foot-grid p.small{font-size:12.5px;line-height:1.7;color:var(--slate-500);}
  .foot-grid h4{font-size:13px;color:#fff;margin-bottom:12px;}
  .foot-grid ul li{font-size:12.5px;margin-bottom:9px;color:var(--slate-500);}
  .foot-grid ul li a:hover{color:#fff;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--slate-500);flex-wrap:wrap;gap:10px;}

  /* FLOATING ENQUIRY */
  .fab-wrap{position:fixed;bottom:24px;right:24px;z-index:200;}
  .fab-btn{width:56px;height:56px;border-radius:50%;background:var(--amber-500);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(217,119,6,.4);cursor:pointer;border:none;}
  .fab-btn svg{width:24px;height:24px;fill:var(--ink-900);}
  .fab-panel{position:absolute;bottom:68px;right:0;width:230px;background:#fff;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.2);padding:14px;display:none;}
  .fab-panel.open{display:block;}
  .fab-panel .title{font-size:13px;font-weight:600;color:var(--ink-900);margin-bottom:10px;}
  .fab-opt{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;font-size:13px;color:var(--ink-900);}
  .fab-opt:hover{background:var(--paper-50);}
  .fab-opt .ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .fab-opt .ic svg{width:15px;height:15px;fill:#fff;}
  .fab-opt.wa .ic{background:#25D366;}
  .fab-opt.call .ic{background:var(--amber-600);}
  .fab-opt.mail .ic{background:var(--ink-700);}

  @media(max-width:900px){
    .hero-grid,.about-grid{grid-template-columns:1fr;}
    .suite-grid,.feat-grid,.test-grid,.blog-grid{grid-template-columns:repeat(2,1fr);}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .nav-links{display:none;}
  }

/* INNER PAGE / SHARED EXTRAS */
.page-hero{background:linear-gradient(160deg,var(--ink-900) 0%,var(--ink-800) 100%);padding:44px 0;color:#fff;}
.page-hero .eyebrow{color:var(--amber-500);}
.page-hero h1{font-size:30px;margin-top:8px;}
.page-hero p{color:var(--slate-300);font-size:14.5px;margin-top:8px;max-width:560px;}
.breadcrumb{font-size:12.5px;color:var(--slate-300);margin-bottom:10px;}
.breadcrumb a{color:var(--slate-300);}
.breadcrumb a:hover{color:#fff;}

.form-page{max-width:560px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;}
.form-page label{display:block;font-size:13px;font-weight:500;margin:0 0 6px;color:var(--ink-900);}
.form-page input,.form-page select,.form-page textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-family:'Inter',sans-serif;margin-bottom:16px;color:var(--ink-900);}
.form-page textarea{min-height:100px;resize:vertical;}
.form-page input:focus,.form-page select:focus,.form-page textarea:focus{outline:none;border-color:var(--amber-500);}
.form-page button{background:var(--amber-500);color:var(--ink-900);font-weight:700;font-size:14px;padding:12px 22px;border:none;border-radius:8px;cursor:pointer;}
.form-page button:hover{background:var(--amber-600);color:#fff;}

.alert{padding:12px 16px;border-radius:8px;font-size:13.5px;margin-bottom:18px;}
.alert.success{background:#DCFCE7;color:#166534;border:1px solid #86EFAC;}
.alert.error{background:#FEE2E2;color:#991B1B;border:1px solid #FCA5A5;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.contact-info-card{background:var(--paper-50);border-radius:14px;padding:26px;}
.contact-info-card .row{display:flex;gap:12px;margin-bottom:18px;}
.contact-info-card .row svg{width:18px;height:18px;fill:var(--amber-600);flex-shrink:0;margin-top:2px;}
.contact-info-card .row p.label{font-size:12px;color:var(--slate-500);}
.contact-info-card .row p.value{font-size:14px;font-weight:500;color:var(--ink-900);}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.plan-card{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;position:relative;}
.plan-card.popular{border:2px solid var(--amber-500);}
.plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--amber-500);color:var(--ink-900);font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;}
.plan-card h3{font-size:17px;margin-bottom:4px;}
.plan-card .price{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;margin:12px 0 2px;}
.plan-card .price span{font-size:13px;color:var(--slate-500);font-weight:500;}
.plan-card ul{margin:18px 0;display:flex;flex-direction:column;gap:10px;}
.plan-card li{font-size:13px;color:var(--slate-500);display:flex;gap:8px;align-items:flex-start;}
.plan-card li svg{width:14px;height:14px;fill:var(--amber-600);flex-shrink:0;margin-top:2px;}
.plan-card button,.plan-card a.plan-cta{display:block;text-align:center;width:100%;background:var(--paper-100);color:var(--ink-900);font-weight:600;font-size:13.5px;padding:10px;border:none;border-radius:8px;cursor:pointer;}
.plan-card.popular a.plan-cta{background:var(--amber-500);}
.plan-card.popular a.plan-cta:hover{background:var(--amber-600);color:#fff;}

.empty-state{text-align:center;padding:60px 20px;color:var(--slate-500);}
.empty-state h3{color:var(--ink-900);font-size:17px;margin-bottom:6px;}

.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;}
.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink-900);}
.pagination .current{background:var(--ink-900);color:#fff;border-color:var(--ink-900);}

/* ADMIN */
.admin-body{background:var(--paper-50);min-height:100vh;}
.admin-nav{background:var(--ink-900);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;}
.admin-nav a{color:var(--slate-300);font-size:13.5px;margin-left:18px;}
.admin-nav a:hover{color:#fff;}
.admin-wrap{max-width:1000px;margin:32px auto;padding:0 24px;}
.admin-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px;}
.admin-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.admin-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);padding:10px 8px;border-bottom:1px solid var(--line);}
.admin-table td{padding:12px 8px;border-bottom:1px solid var(--line);color:var(--ink-900);}
.admin-table tr:hover td{background:var(--paper-50);}
.btn-sm{display:inline-block;padding:6px 12px;font-size:12.5px;border-radius:6px;border:1px solid var(--line);color:var(--ink-900);}
.btn-sm:hover{background:var(--paper-50);}
.btn-sm.danger{color:#991B1B;border-color:#FCA5A5;}
.btn-primary{background:var(--amber-500);color:var(--ink-900);font-weight:600;font-size:13.5px;padding:9px 18px;border:none;border-radius:8px;cursor:pointer;}
.btn-primary:hover{background:var(--amber-600);color:#fff;}
.admin-login-wrap{max-width:380px;margin:80px auto;}

@media(max-width:900px){
  .contact-grid,.pricing-grid{grid-template-columns:1fr;}
}

/* ===== Admin panel dark theme ===== */
body.admin-body {
  background: #0f1115;
  color: #f2f2f2;
  font-family: 'Inter', sans-serif;
}
.admin-nav {
  background: #14161b !important;
  border-bottom: 1px solid #2a2e37;
  padding: 14px 28px;
}
.admin-nav a {
  color: #9aa0ab !important;
  font-weight: 500;
  transition: color .15s ease;
}
.admin-nav a:hover { color: #f2f2f2 !important; }
.admin-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 24px; }
.admin-wrap h2 { color: #f2f2f2; }
.admin-card {
  background: #1a1d23;
  border: 1px solid #2a2e37;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  margin-bottom: 24px;
}
.admin-card h3, .admin-card label { color: #f2f2f2; }
.admin-card label { font-size: 13px; font-weight: 600; color: #9aa0ab; display:block; margin-bottom:6px; }
.admin-card input[type=text], .admin-card input[type=email], .admin-card input[type=number],
.admin-card textarea, .admin-card select {
  background: #0f1115;
  border: 1px solid #2a2e37;
  color: #f2f2f2;
  border-radius: 8px;
  padding: 10px 12px;
  width: 100%;
  font-family: inherit;
  margin-bottom: 16px;
}
.admin-card input:focus, .admin-card textarea:focus, .admin-card select:focus {
  outline: none;
  border-color: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245,158,11,.2);
}
.admin-card button[type=submit], .admin-card .btn-primary {
  background: #f59e0b;
  color: #14161b;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background .15s ease;
}
.admin-card button[type=submit]:hover { background: #fbbf24; }
table { width: 100%; border-collapse: collapse; }
table th {
  text-align: left;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #9aa0ab;
  padding: 10px 12px;
  border-bottom: 1px solid #2a2e37;
}
table td {
  padding: 14px 12px;
  border-bottom: 1px solid #22252b;
  color: #f2f2f2;
  font-size: 14px;
}
table tr:hover td { background: #20232a; }
table a { color: #f59e0b; }
.status-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; }
.status-new { background:#38bdf8; }
.status-contacted { background:#a78bfa; }
.status-converted { background:#22c55e; }
.status-closed { background:#6b7280; }

/* ===== Admin sidebar layout (converts top bar to fixed left sidebar) ===== */
.admin-nav {
  position: fixed !important;
  top: 0; left: 0; bottom: 0;
  width: 220px;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 28px 18px !important;
  overflow-y: auto;
  z-index: 500;
}
.admin-nav > span { margin-bottom: 28px; font-size: 17px; }
.admin-nav > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  width: 100%;
}
.admin-nav a {
  display: block;
  width: 100%;
  padding: 10px 12px !important;
  border-radius: 8px;
}
.admin-nav a:hover { background: #1f232b; }
.admin-nav [style*="position:relative;display:inline-block"] { width: 100%; }
.admin-nav #adminBellPanel {
  left: calc(100% + 10px) !important;
  right: auto !important;
  top: 0 !important;
}
.admin-wrap { margin-left: 220px !important; }

/* ===== Contrast fixes for buttons/checkbox inside admin panel ===== */
.admin-wrap .btn-sm { color: #e5e7eb !important; border-color: #3a3f4a !important; }
.admin-wrap .btn-sm:hover { background: #242832 !important; }
.admin-wrap .btn-sm.danger { color: #f87171 !important; border-color: #7f1d1d !important; }
.admin-card input[type=checkbox] { accent-color: #f59e0b; width: 16px; height: 16px; }

/* ===== Status pill (matches reference's colored "Active" badge) ===== */
.status-pill {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  text-transform: capitalize;
}
.status-pill.status-live, .status-pill.status-active { background: rgba(34,197,94,.15); color: #4ade80; }
.status-pill.status-coming_soon, .status-pill.status-hidden { background: rgba(107,114,128,.2); color: #9ca3af; }

/* ===== Bulletproof contrast fix + brand polish for admin panel ===== */
.admin-wrap, .admin-wrap * { color: #f2f2f2; }
.admin-wrap table th { color: #9aa0ab !important; }
.admin-wrap table td { color: #f2f2f2 !important; }
.admin-wrap a { color: #f59e0b !important; }
.admin-wrap .btn-primary, .admin-wrap .btn-primary * { color: #14161b !important; }
.admin-wrap input, .admin-wrap select, .admin-wrap textarea { color: #f2f2f2 !important; }
.admin-wrap label { color: #9aa0ab !important; }

/* Sidebar logo mark using the existing favicon */
.admin-nav > span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f2f2f2 !important;
  font-weight: 700;
}
.admin-nav > span::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url('/assets/favicon/favicon-32x32.png') center/cover no-repeat;
  border-radius: 8px;
}

/* Icons for nav links, added via CSS so no HTML changes are needed */
.admin-nav a[href="/admin/index.php"]::before { content: "🏠  "; }
.admin-nav a[href="/admin/products.php"]::before { content: "📦  "; }
.admin-nav a[href="/admin/blog.php"]::before { content: "📝  "; }
.admin-nav a[href="/admin/leads.php"]::before { content: "👥  "; }
.admin-nav a[href="/admin/settings.php"]::before { content: "⚙️  "; }
.admin-nav a[href="/admin/logout.php"]::before { content: "🚪  "; }

/* Visual grouping: divider before Settings to separate account actions */
.admin-nav a[href="/admin/settings.php"] { margin-top: 16px; border-top: 1px solid #2a2e37; padding-top: 14px !important; }

/* ===== Leads nav item: inline badge + hover-to-reveal dropdown ===== */
.lead-nav-item:hover .lead-hover-panel { display: block !important; }
.leads-main-link { color: #9aa0ab !important; }
.leads-main-link:hover { color: #f2f2f2 !important; }
.lead-hover-panel, .lead-hover-panel * { color: #111 !important; }
.lead-hover-panel a { color: #f59e0b !important; }

/* ===== Fix leads dropdown hover-gap flicker + sidebar scrollbar shake ===== */
.lead-hover-panel {
  left: 100% !important;
  margin-left: 0 !important;
  padding-left: 10px !important;
  box-sizing: content-box;
  background-clip: padding-box;
}
.admin-nav { overflow-y: visible !important; }