/* NexoFoco 2026 — tema aprovado para as telas legadas.
   Não modifica layout funcional, IDs, fluxos da API ou motor de coleta. */
:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0c1721;
  --surface:#13222e;
  --surface-2:#172833;
  --surface-3:#20343f;
  --line:#29404d;
  --line-soft:#213541;
  --text:#ecf5f7;
  --muted:#a3b3c0;
  --muted-2:#8499a9;
  --brand:#32c7d4;
  --brand-hover:#58dce2;
  --brand-wash:#13414e;
  --on-brand:#081a22;
  --produtivo:#54dd9a;
  --neutro:#32c7d4;
  --naoprod:#f9c369;
  --semclass:#8b8fa6;
  --good:#54dd9a;
  --good-wash:#13382f;
  --warn:#f9c369;
  --warn-wash:#382e1c;
  --bad:#e86c83;
  --bad-wash:#38212b;
  --info:#32c7d4;
  --info-wash:#173943;
  --field:#111f2b;
  --card:#13222e;
  --track:#273845;
  --radius:10px;
  --radius-sm:8px;
  --radius-lg:12px;
  --ring:#32c7d43a;
}
:root:not([data-theme="light"]) body{
  background:#0c1721;
  color:#ecf5f7;
}
:root:not([data-theme="light"]) .workspace{
  background:linear-gradient(180deg,#101f2a 0,#0c1721 285px);
}
:root:not([data-theme="light"]) .sidebar{
  background:linear-gradient(145deg,#142432 0%,#101a25 78%)!important;
  border-right:1px solid #27404d;
  box-shadow:inset -1px 0 0 #ffffff04;
}
:root:not([data-theme="light"]) .sidebar .tenant-context,
:root:not([data-theme="light"]) .sidebar .account-trigger{
  border:1px solid #2a4450;
  background:#162936;
  border-radius:9px;
}
:root:not([data-theme="light"]) .brand-mark{
  background:linear-gradient(140deg,#24d9bf,#188fac)!important;
  box-shadow:0 2px 14px #2bcbcd20;
  color:#05242a;
}
:root:not([data-theme="light"]) .nav-item{
  color:#a9bdc8;
  border-radius:7px;
}
:root:not([data-theme="light"]) .nav-item.active{
  color:#63e5eb!important;
  background:linear-gradient(90deg,#134451,#153340)!important;
  box-shadow:inset 3px 0 0 #32c7d4;
}
:root:not([data-theme="light"]) .nav-item:hover,
:root:not([data-theme="light"]) .nav-children a:hover{
  color:#eff7fb;
  background:#203642;
}
:root:not([data-theme="light"]) .nav-children a.active{
  background:#173842;
  color:#80eced;
}
:root:not([data-theme="light"]) .sidebar .account-area{
  border-color:#2a4552;
}
:root:not([data-theme="light"]) .metric-card,
:root:not([data-theme="light"]) .panel,
:root:not([data-theme="light"]) .live-card,
:root:not([data-theme="light"]) .manager-team,
:root:not([data-theme="light"]) .manager-directory,
:root:not([data-theme="light"]) .manager-evidence,
:root:not([data-theme="light"]) .report-controls,
:root:not([data-theme="light"]) .admin-list,
:root:not([data-theme="light"]) .table-wrap{
  background:linear-gradient(150deg,#142530,#111e29);
  border-color:#29404d;
  box-shadow:0 8px 24px #00000016;
  border-radius:10px;
}
:root:not([data-theme="light"]) .metric-card::after{background:#32c7d4;}
:root:not([data-theme="light"]) table th,
:root:not([data-theme="light"]) .listing-toolbar{
  background:#1b303b;
  border-color:#29404d;
  color:#b9cbd6;
}
:root:not([data-theme="light"]) table td{
  border-color:#203540;
}
:root:not([data-theme="light"]) .directory-row:hover,
:root:not([data-theme="light"]) .admin-row:hover{
  background:#213744;
}
:root:not([data-theme="light"]) .primary-button,
:root:not([data-theme="light"]) button.primary{
  background:linear-gradient(125deg,#22bec7,#24aab4);
  color:#09222a;
  border-radius:8px;
}
:root:not([data-theme="light"]) .secondary-button{
  color:#78e7ea;
  border-color:#275465;
  background:#163945;
  border-radius:7px;
}
:root:not([data-theme="light"]) .secondary-button:hover{
  border-color:#36c8d2;
  background:#1b4b59;
}
:root:not([data-theme="light"]) .login-view{
  background:#0c1721;
}
:root:not([data-theme="light"]) .login-view::before{
  background:radial-gradient(52% 44% at 50% 0%,#167d8760,transparent 73%);
}
:root:not([data-theme="light"]) .login-card form{
  background:linear-gradient(155deg,#172b36,#101e29);
  border-color:#31505d;
}
:root:not([data-theme="light"]) input,
:root:not([data-theme="light"]) select,
:root:not([data-theme="light"]) textarea{
  accent-color:#32c7d4;
}
:root:not([data-theme="light"]) input:focus,
:root:not([data-theme="light"]) select:focus,
:root:not([data-theme="light"]) textarea:focus{
  border-color:#32c7d4;
}
:root:not([data-theme="light"]) .admin-platform-body{
  background:#0c1721;
}
@media(min-width:1100px){
  :root:not([data-theme="light"]) .app-shell{
    grid-template-columns:200px minmax(0,1fr);
  }
  :root:not([data-theme="light"]) .sidebar{
    width:200px;
  }
}
@media (prefers-reduced-motion:reduce){
  :root:not([data-theme="light"]) *{
    scroll-behavior:auto!important;
  }
}