/* Equacom Inside v3.11.16 — Identity Visual layer
   Logo palette: navy #1a2332, blue #2196F3, white. Red reserved for destructive CTAs.
   Goals:
   - Sidebar dark navy with blue accents
   - CRM button at top, highlighted in brand blue
   - KPIs / cards / buttons / forms tinted with brand palette
   - No layout regressions (sidebar fixed, dashboard full-width, mobile safe)
*/

:root{
  --eqi-navy:#1a2332;
  --eqi-navy-2:#0f1b3d;
  --eqi-blue:#2196F3;
  --eqi-blue-2:#1976D2;
  --eqi-blue-soft:rgba(33,150,243,.10);
  --eqi-white:#ffffff;
  --eqi-text:#e8edf3;
  --eqi-muted:#a0aec0;
}

/* Sidebar */
.eqi-side{
  background:linear-gradient(180deg,var(--eqi-navy) 0%,var(--eqi-navy-2) 100%) !important;
  color:var(--eqi-text) !important;
  border-right:1px solid rgba(33,150,243,.18);
}
.eqi-side .eqi-nav-group{
  color:var(--eqi-blue) !important;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:.72rem;
  margin-top:.9rem;
  opacity:.85;
}
.eqi-side .eqi-nav-btn{
  color:var(--eqi-text) !important;
  background:transparent !important;
  border-radius:10px;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.eqi-side .eqi-nav-btn:hover{
  background:var(--eqi-blue-soft) !important;
  color:var(--eqi-white) !important;
}
.eqi-side .eqi-nav-btn.active{
  background:linear-gradient(90deg,var(--eqi-blue),var(--eqi-blue-2)) !important;
  color:#fff !important;
  box-shadow:0 6px 18px -8px rgba(33,150,243,.6);
}

/* CRM button at top: visually distinct */
.eqi-side .eqi-nav-crm-top{
  margin:.4rem 0 .8rem 0;
  background:linear-gradient(135deg,var(--eqi-blue),var(--eqi-blue-2)) !important;
  color:#fff !important;
  font-weight:800;
  letter-spacing:.04em;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 22px -10px rgba(33,150,243,.7);
}
.eqi-side .eqi-nav-crm-top:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}
.eqi-side .eqi-nav-crm-top.active{
  outline:2px solid rgba(255,255,255,.25);
}

/* Topbar */
.eqi-topbar{
  background:#fff;
  border-bottom:2px solid var(--eqi-blue) !important;
}
.eqi-topbar h1{ color:var(--eqi-navy) !important; }
.eqi-crumbs{ color:var(--eqi-blue-2) !important; }

/* Main */
.eqi-main{ background:#f5f7fb; }
.eqi-view{ width:100%; }

/* Cards / KPIs */
.eqi-card,.eqi-kpi,.eqi-panel{
  border:1px solid rgba(26,35,50,.08) !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px -16px rgba(15,27,61,.25);
}
.eqi-kpi .eqi-kpi-value,.eqi-kpi strong{ color:var(--eqi-navy) !important; }
.eqi-kpi .eqi-kpi-label,.eqi-kpi small{ color:var(--eqi-blue-2) !important; }

/* Buttons */
.eqi-btn,.eqi-btn-primary{
  background:linear-gradient(135deg,var(--eqi-blue),var(--eqi-blue-2)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  font-weight:700;
  letter-spacing:.02em;
}
.eqi-btn:hover,.eqi-btn-primary:hover{ filter:brightness(1.05); }
.eqi-btn-ghost{
  background:transparent !important;
  color:var(--eqi-navy) !important;
  border:1px solid rgba(26,35,50,.18) !important;
  border-radius:10px !important;
}
.eqi-btn-danger{ background:#e53935 !important; color:#fff !important; }

/* Forms */
.eqi-app input,.eqi-app select,.eqi-app textarea{
  border:1px solid rgba(26,35,50,.18) !important;
  border-radius:10px !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.eqi-app input:focus,.eqi-app select:focus,.eqi-app textarea:focus{
  border-color:var(--eqi-blue) !important;
  box-shadow:0 0 0 3px var(--eqi-blue-soft) !important;
  outline:none !important;
}

/* Responsive: full width, no horizontal scroll */
html,body{ overflow-x:hidden; }
.eqi-app{ width:100%; max-width:100%; }
.eqi-main{ min-width:0; }

@media (min-width:992px){
  .eqi-side{ position:sticky; top:0; height:100vh; }
}
@media (max-width:768px){
  .eqi-side .eqi-nav-crm-top{ margin:.6rem .5rem .8rem .5rem; }
  .eqi-app *{ max-width:100%; }
  table{ display:block; overflow-x:auto; }
}