/* Imperium CRM Neon UX v46 - dark SaaS identity for desktop + mobile.
   Additive override: keeps every tab, route and data block, changes only presentation. */
:root{
  --icm-bg:#020711;
  --icm-bg-2:#061022;
  --icm-surface:#08162d;
  --icm-surface-2:#0c1e3c;
  --icm-card:rgba(8,22,45,.86);
  --icm-card-2:rgba(11,31,68,.82);
  --icm-line:rgba(77,163,255,.24);
  --icm-line-strong:rgba(34,211,238,.44);
  --icm-text:#f8fbff;
  --icm-text-2:#d8e7ff;
  --icm-muted:#88a6ca;
  --icm-blue:#0066ff;
  --icm-blue-2:#1894ff;
  --icm-cyan:#22d3ee;
  --icm-green:#22c55e;
  --icm-yellow:#f59e0b;
  --icm-red:#ef4444;
  --icm-radius:18px;
  --icm-radius-lg:26px;
  --icm-glow:0 0 0 1px rgba(34,211,238,.20),0 0 36px rgba(0,102,255,.18),0 24px 60px rgba(0,0,0,.32);
  --icm-soft:0 20px 55px rgba(0,0,0,.30);
  --primary:var(--icm-blue);
  --primary-2:var(--icm-cyan);
  --success:var(--icm-green);
  --danger:var(--icm-red);
  --warning:var(--icm-yellow);
}
*{box-sizing:border-box}
html{background:#020711!important;}
body:not(.auth-body){
  background:
    radial-gradient(circle at 13% 8%,rgba(0,102,255,.28),transparent 25%),
    radial-gradient(circle at 82% 8%,rgba(34,211,238,.22),transparent 24%),
    linear-gradient(135deg,#020711 0%,#071731 48%,#020711 100%)!important;
  color:var(--icm-text)!important;
}
body:not(.auth-body)::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:url('/crm/assets/img/imperium-mountain-bg.svg') center top/cover no-repeat;
  opacity:.38;
}
body:not(.auth-body)::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px);
  background-size:64px 64px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.52),transparent 72%);
}
/* reset white/light surfaces */
.crm-main,.app-main,.content,.page,.crm-content,.imperium-app-shell{background:transparent!important;color:var(--icm-text)!important;}
.crm-content{padding:96px 28px 42px!important;}
.crm-page,.dashboard-page,.crm-section,.page-content{color:var(--icm-text)!important;}
/* Desktop: sidebar + header */
.sidebar,.crm-sidebar{
  background:linear-gradient(180deg,rgba(2,7,17,.98) 0%,rgba(6,16,34,.96) 58%,rgba(2,7,17,.98) 100%)!important;
  border-right:1px solid rgba(34,211,238,.20)!important;
  box-shadow:20px 0 70px rgba(0,0,0,.42),inset -1px 0 0 rgba(0,102,255,.18)!important;
}
.sidebar::before,.crm-sidebar::before{content:"";position:absolute;inset:0 0 auto 0;height:170px;background:radial-gradient(circle at 50% 0,rgba(0,102,255,.42),transparent 68%);pointer-events:none;}
.brand,.crm-sidebar-brand{background:rgba(0,102,255,.08)!important;border-bottom:1px solid rgba(34,211,238,.16)!important;}
.brand-mark,.crm-brand-icon,.crm-logo-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;
  background:linear-gradient(145deg,#071b3a,#032b72 60%,#0066ff)!important;box-shadow:0 0 24px rgba(0,102,255,.44),inset 0 1px 0 rgba(255,255,255,.18)!important;overflow:hidden!important;
}
.brand-mark img,.crm-brand-icon img,.crm-logo-icon img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;}
.brand strong,.crm-brand-text strong,.crm-logo-text{color:#fff!important;font-weight:950!important;letter-spacing:-.03em!important;text-shadow:0 0 18px rgba(0,102,255,.34)!important;}
.brand small,.crm-brand-text small{color:#8ebaff!important;font-weight:700!important;}
.nav-title,.crm-menu h5{color:#4acbff!important;letter-spacing:.18em!important;font-size:10px!important;font-weight:900!important;margin-top:18px!important;opacity:1!important;}
.nav a,.crm-menu a{
  color:#cfe5ff!important;border-radius:15px!important;margin:4px 12px!important;padding:12px 14px!important;
  background:transparent!important;border:1px solid transparent!important;display:flex!important;align-items:center!important;gap:10px!important;
}
.nav a:hover,.crm-menu a:hover{background:rgba(0,102,255,.13)!important;border-color:rgba(34,211,238,.18)!important;color:#fff!important;box-shadow:0 0 24px rgba(0,102,255,.14)!important;}
.nav a.active,.crm-menu a.active{
  background:linear-gradient(135deg,#0066ff,#03a9ff)!important;color:#fff!important;border-color:rgba(34,211,238,.52)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 34px rgba(0,102,255,.34)!important;
}
.sidebar-foot{background:rgba(0,102,255,.08)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:18px!important;color:#fff!important;}
.topbar,.crm-header{
  background:rgba(2,7,17,.78)!important;backdrop-filter:blur(18px) saturate(1.25)!important;
  border-bottom:1px solid rgba(34,211,238,.20)!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important;color:#fff!important;
}
.topbar::after,.crm-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#22d3ee,#0066ff,transparent);opacity:.8;}
.page-title h1,.crm-page-title h1,.crm-card h1,.crm-page h1{color:#fff!important;text-shadow:0 0 18px rgba(0,102,255,.20)!important;}
.page-title p,.crm-page-title p,.crm-page p,.crm-card p{color:var(--icm-muted)!important;}
.crm-logo,.top-left,.crm-header-left,.crm-header-right,.top-actions{color:#fff!important;}
.crm-search,.crm-search input,.crm-search-input,.topbar input,.search input,input[type="search"]{
  background:rgba(6,16,34,.76)!important;border:1px solid rgba(34,211,238,.22)!important;color:#fff!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.crm-search input::placeholder,.crm-search-input::placeholder,input::placeholder{color:#7895bd!important;}
.avatar,.crm-avatar,.icon-btn,.crm-icon-button,.mobile-menu,.crm-btn,.btn,.button,button:not(.unstyled){border-radius:14px!important;}
.icon-btn,.crm-icon-button,.mobile-menu{background:rgba(8,22,45,.92)!important;border:1px solid rgba(34,211,238,.20)!important;color:#dff6ff!important;}
.crm-user-menu,.user-menu{background:rgba(8,22,45,.82)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:18px!important;color:#fff!important;}
/* Cards, panels, tables */
.crm-card,.card,.panel,.dashboard-card,.dashboard-chart-card,.table-card,.form-card,.notification-panel,.crm-section-card,.lead-card,.sale-card,.metric-card,.stat-card,.chart-card,.kpi-card{
  background:linear-gradient(180deg,rgba(9,24,50,.92),rgba(5,14,31,.88))!important;
  border:1px solid rgba(34,211,238,.18)!important;border-radius:22px!important;color:#f8fbff!important;box-shadow:var(--icm-glow)!important;
}
.crm-card-header,.card-header,.dashboard-chart-header{border-color:rgba(34,211,238,.14)!important;color:#fff!important;}
.crm-card h2,.crm-card h3,.card h2,.card h3,.stat-card strong,.stat-card h3,.crm-grid strong,.dashboard-card strong{color:#fff!important;}
.stat-card,.crm-grid > *,.imperium-app-card{
  position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(8,22,45,.95),rgba(10,36,82,.74))!important;
  border:1px solid rgba(34,211,238,.18)!important;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 18px 42px rgba(0,0,0,.27)!important;
}
.stat-card::before,.crm-grid > *::before,.imperium-app-card::before{content:"";position:absolute;right:-40px;top:-40px;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(0,102,255,.42),transparent 62%);pointer-events:none;}
.stat-card span,.stat-card small,.crm-grid small,.metric-card small{color:#8db0da!important;}
.stat-card strong,.stat-card .value,.crm-grid strong{font-size:clamp(24px,2vw,34px)!important;font-weight:950!important;letter-spacing:-.045em!important;}
.crm-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important;}
/* Buttons */
.btn-primary,.crm-btn-primary,.button-primary,.btn.btn-primary,.imperium-mini-button,.imperium-v44-open,.imperium-v44-bulkbar button,.imperium-v44-hero em,.crm-btn-success{
  background:linear-gradient(135deg,#0066ff,#00d5ff)!important;color:#fff!important;border:1px solid rgba(34,211,238,.45)!important;
  box-shadow:0 0 24px rgba(0,102,255,.28)!important;font-weight:900!important;
}
.btn-secondary,.btn-outline,.crm-btn:not(.crm-btn-primary):not(.crm-btn-success){background:rgba(8,22,45,.84)!important;color:#dff6ff!important;border:1px solid rgba(34,211,238,.22)!important;}
.btn-danger,.danger,button.danger{background:linear-gradient(135deg,#7f1d1d,#ef4444)!important;color:#fff!important;border-color:rgba(248,113,113,.4)!important;}
/* Tables */
table,.table{background:rgba(5,14,31,.62)!important;color:#dbeafe!important;border-color:rgba(34,211,238,.16)!important;border-radius:18px!important;overflow:hidden!important;}
th{background:rgba(0,102,255,.13)!important;color:#9be8ff!important;border-color:rgba(34,211,238,.16)!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px!important;}
td{border-color:rgba(34,211,238,.10)!important;color:#dceaff!important;}
tr:hover td{background:rgba(0,102,255,.08)!important;}
/* Inputs */
input,select,textarea{background:rgba(5,14,31,.84)!important;color:#fff!important;border:1px solid rgba(34,211,238,.22)!important;border-radius:14px!important;}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#22d3ee!important;box-shadow:0 0 0 4px rgba(34,211,238,.12)!important;}
label,legend{color:#c9ddf5!important;}
/* Dashboard charts/lists */
.dashboard-chart,.chart,.bar-chart,.donut-chart{background:rgba(2,7,17,.40)!important;border-radius:18px!important;}
.dashboard-list,.latest-list,.activity-list{background:transparent!important;}
.badge,.status,.chip,.tag,.pill,[class*="badge"],[class*="chip"]{border-radius:999px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.08)!important;}
/* Marketing/sales/lead pages general */
.lead-detail-shell,.sale-detail-shell,.sales-page,.pipeline-page,.marketing-page,.tracking-page,.users-page{color:#f8fbff!important;}
.lead-main-card,.lead-detail-card,.timeline-card,.whatsapp-card,.sale-panel,.pipeline-column,.kanban-column,.campaign-card,.creative-card,.project-card,.site-card{
  background:linear-gradient(180deg,rgba(8,22,45,.92),rgba(5,14,31,.88))!important;border:1px solid rgba(34,211,238,.18)!important;color:#f8fbff!important;box-shadow:var(--icm-soft)!important;
}
/* Mobile app/PWA */
.imperium-app-body{
  min-height:100vh!important;background:
    radial-gradient(circle at 20% 0,rgba(0,102,255,.35),transparent 28%),
    radial-gradient(circle at 80% 0,rgba(34,211,238,.22),transparent 25%),
    linear-gradient(180deg,#020711 0%,#061022 60%,#020711 100%)!important;
  color:#fff!important;padding-bottom:86px!important;
}
.imperium-app-body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('/crm/assets/img/imperium-mountain-bg.svg') center top/cover no-repeat;opacity:.32;}
.imperium-app-shell{max-width:540px!important;margin:0 auto!important;padding:18px 16px 112px!important;}
.imperium-app-topbar,.imperium-control-topbar{
  position:sticky!important;top:0!important;z-index:30!important;margin:-18px -16px 18px!important;padding:16px 16px 14px!important;
  background:linear-gradient(180deg,rgba(2,7,17,.96),rgba(2,7,17,.72))!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(34,211,238,.18)!important;
}
.imperium-app-topbar strong,.imperium-control-topbar strong{color:#fff!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.04em!important;}
.imperium-app-topbar small,.imperium-control-topbar small{color:#94b7de!important;}
.imperium-brand-mini{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#fff!important;font-weight:950!important;font-size:14px!important;letter-spacing:-.02em!important;}
.imperium-brand-mini img{width:28px!important;height:28px!important;filter:drop-shadow(0 0 14px rgba(0,102,255,.48));}
.imperium-mini-button{padding:10px 14px!important;border-radius:14px!important;text-decoration:none!important;}
.imperium-control-status,.imperium-app-panel,.imperium-control-panel,.imperium-mobile-section,.imperium-mobile-card{
  background:linear-gradient(180deg,rgba(8,22,45,.88),rgba(4,13,29,.86))!important;color:#fff!important;border:1px solid rgba(34,211,238,.18)!important;
  border-radius:24px!important;box-shadow:var(--icm-glow)!important;
}
.imperium-control-status{padding:18px 18px!important;margin-bottom:16px!important;}
.imperium-control-status span,.imperium-app-panel span,.imperium-list-card span{color:#9cb9df!important;}
.imperium-control-status strong{font-size:24px!important;color:#fff!important;}
.imperium-today-hero,.imperium-v44-hero{
  background:linear-gradient(135deg,#041326,#0066ff 54%,#00d5ff)!important;color:#fff!important;border:1px solid rgba(34,211,238,.34)!important;
  border-radius:24px!important;box-shadow:0 20px 60px rgba(0,102,255,.22)!important;position:relative;overflow:hidden!important;
}
.imperium-today-hero::after,.imperium-v44-hero::after{content:"";position:absolute;right:-52px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12);}
.imperium-today-hero span,.imperium-v44-hero span{text-transform:uppercase!important;letter-spacing:.14em!important;color:#a5f3fc!important;font-weight:950!important;}
.imperium-today-hero strong,.imperium-v44-hero strong{color:#fff!important;font-weight:950!important;letter-spacing:-.05em!important;}
.imperium-app-card-grid,.imperium-v44-kpis{gap:12px!important;}
.imperium-app-card,.imperium-v44-kpis article{
  background:linear-gradient(145deg,rgba(8,22,45,.96),rgba(10,36,82,.72))!important;color:#fff!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:20px!important;box-shadow:0 16px 42px rgba(0,0,0,.26)!important;
}
.imperium-app-card strong,.imperium-v44-kpis strong{color:#fff!important;font-size:30px!important;font-weight:950!important;letter-spacing:-.05em!important;}
.imperium-quick-tile,.imperium-list-card,.imperium-notification-card,.imperium-v44-lead-card,.imperium-v44-card{
  background:linear-gradient(180deg,rgba(8,22,45,.92),rgba(4,13,29,.86))!important;border:1px solid rgba(34,211,238,.16)!important;color:#fff!important;border-radius:20px!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important;text-decoration:none!important;
}
.imperium-list-card em,.imperium-list-card strong,.imperium-quick-tile strong,.imperium-v44-lead-main strong{color:#fff!important;}
.imperium-list-card em,.imperium-v44-open{color:#69d8ff!important;font-style:normal!important;font-weight:950!important;}
.imperium-v44-search input,.imperium-control-search input{background:rgba(2,7,17,.74)!important;border-color:rgba(34,211,238,.22)!important;color:#fff!important;}
.imperium-v44-search button,.imperium-control-search button{background:linear-gradient(135deg,#0066ff,#00d5ff)!important;color:#fff!important;border-color:rgba(34,211,238,.45)!important;}
.imperium-v44-pills,.imperium-chip-row{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:6px!important;}
.imperium-v44-pills a,.imperium-chip-row a,.imperium-chip-row button,.imperium-filter-chip{
  background:rgba(8,22,45,.86)!important;color:#cfe5ff!important;border:1px solid rgba(34,211,238,.16)!important;border-radius:999px!important;padding:10px 13px!important;white-space:nowrap!important;font-weight:900!important;
}
.imperium-v44-pills a.active,.imperium-chip-row .active,.imperium-filter-chip.active{background:linear-gradient(135deg,#0066ff,#00d5ff)!important;color:#fff!important;border-color:rgba(34,211,238,.42)!important;}
.imperium-v44-bulkbar{background:rgba(2,7,17,.58)!important;border:1px solid rgba(34,211,238,.16)!important;border-radius:18px!important;padding:10px!important;display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:8px!important;align-items:center!important;}
.imperium-v44-score{background:rgba(0,102,255,.14)!important;color:#69d8ff!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:16px!important;}
.imperium-bottom-nav,.imperium-mobile-nav,.imperium-tabbar{
  background:rgba(2,7,17,.94)!important;border:1px solid rgba(34,211,238,.18)!important;box-shadow:0 -18px 50px rgba(0,0,0,.42),0 0 34px rgba(0,102,255,.16)!important;backdrop-filter:blur(18px)!important;
}
.imperium-bottom-nav a,.imperium-mobile-nav a,.imperium-tabbar a{color:#93aaca!important;}
.imperium-bottom-nav a.active,.imperium-mobile-nav a.active,.imperium-tabbar a.active{background:linear-gradient(135deg,#0066ff,#00d5ff)!important;color:#fff!important;}
/* Auth / login */
.auth-body{background:linear-gradient(135deg,#020711,#061022 55%,#020711)!important;color:#fff!important;}
.auth-body::before{content:"";position:fixed;inset:0;background:url('/crm/assets/img/imperium-mountain-bg.svg') center/cover no-repeat;opacity:.42;z-index:-1;}
.auth-card,.auth-visual{background:linear-gradient(180deg,rgba(8,22,45,.88),rgba(4,13,29,.86))!important;border:1px solid rgba(34,211,238,.18)!important;box-shadow:var(--icm-glow)!important;color:#fff!important;}
.auth-card input{background:rgba(2,7,17,.72)!important;color:#fff!important;border-color:rgba(34,211,238,.24)!important;}
.auth-card h1,.auth-visual h1{color:#fff!important;}
.auth-card p,.auth-visual p{color:#a6bde0!important;}
/* important utility */
.empty-state,.imperium-empty-state{background:rgba(8,22,45,.74)!important;border:1px dashed rgba(34,211,238,.22)!important;color:#9fb9d9!important;border-radius:18px!important;}
a{color:#66d9ff;} a:hover{color:#fff;}
@media (max-width: 900px){
  .crm-content{padding:88px 16px 110px!important;}
  .crm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .crm-sidebar,.sidebar{box-shadow:30px 0 80px rgba(0,0,0,.55)!important;}
  .imperium-v44-bulkbar{grid-template-columns:1fr!important;}
}
@media (max-width:560px){
  .crm-grid{grid-template-columns:1fr!important;}
  .imperium-app-shell{padding-left:12px!important;padding-right:12px!important;}
  .imperium-v44-lead-card{grid-template-columns:auto 1fr!important;}
  .imperium-v44-score,.imperium-v44-open{grid-column:2!important;width:100%!important;text-align:center!important;}
}