/* =========================================================
   ZIVA ERP 5.0 - Base visual global estável
   Compatível com a base atual: Claro, Escuro e Roxo Premium.
   Objetivo: padronizar fontes, cards, tabelas, botões, inputs e ajuda
   sem forçar temas quebrados em páginas internas.
   ========================================================= */
:root{
  --z5-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --z5-bg:#eef4ff;
  --z5-bg-2:#f8fbff;
  --z5-surface:#ffffff;
  --z5-surface-2:#f8fafc;
  --z5-card:#ffffff;
  --z5-text:#0f172a;
  --z5-title:#0b1220;
  --z5-muted:#64748b;
  --z5-border:#dbe5f2;
  --z5-primary:#2563eb;
  --z5-primary-2:#1d4ed8;
  --z5-accent:#06b6d4;
  --z5-success:#16a34a;
  --z5-warning:#f97316;
  --z5-danger:#dc2626;
  --z5-shadow:0 18px 45px rgba(15,23,42,.10);
  --z5-radius:20px;
  --z5-sidebar:#0b172a;
  --z5-sidebar-2:#12233d;
  --z5-topbar:rgba(255,255,255,.92);
}
html.theme-dark, body.theme-dark{
  --z5-bg:#050b16;
  --z5-bg-2:#091527;
  --z5-surface:#0f1b2d;
  --z5-surface-2:#101f35;
  --z5-card:#101f35;
  --z5-text:#e5edf8;
  --z5-title:#f8fafc;
  --z5-muted:#a8b5c7;
  --z5-border:#28405f;
  --z5-primary:#38bdf8;
  --z5-primary-2:#2563eb;
  --z5-accent:#22d3ee;
  --z5-shadow:0 18px 55px rgba(0,0,0,.34);
  --z5-sidebar:#030712;
  --z5-sidebar-2:#0b1220;
  --z5-topbar:rgba(8,16,30,.94);
}
html.theme-purple, body.theme-purple,
html[data-theme="purple"], body[data-theme="purple"]{
  --z5-bg:#090615;
  --z5-bg-2:#120a25;
  --z5-surface:#160d2f;
  --z5-surface-2:#1f123f;
  --z5-card:#1a1035;
  --z5-text:#efe7ff;
  --z5-title:#ffffff;
  --z5-muted:#cab8ef;
  --z5-border:#4b2f7d;
  --z5-primary:#8b5cf6;
  --z5-primary-2:#6d28d9;
  --z5-accent:#d946ef;
  --z5-shadow:0 20px 60px rgba(20,5,40,.46);
  --z5-sidebar:#090615;
  --z5-sidebar-2:#190a35;
  --z5-topbar:rgba(17,10,35,.95);
}

html,body{font-family:var(--z5-font)!important;}
body:not(.login-body){background:linear-gradient(135deg,var(--z5-bg),var(--z5-bg-2))!important;color:var(--z5-text)!important;}
.app{background:linear-gradient(135deg,var(--z5-bg),var(--z5-bg-2))!important;}
.sidebar,aside.sidebar{background:linear-gradient(180deg,var(--z5-sidebar),var(--z5-sidebar-2))!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.08)!important;}
.sidebar .brand,aside.sidebar .brand{color:#fff!important;}
.sidebar a,.sidebar .nav-link,aside.sidebar a,aside.sidebar .nav-link{color:rgba(255,255,255,.86)!important;border:1px solid transparent!important;}
.sidebar a:hover,.sidebar .nav-link:hover,aside.sidebar a:hover,aside.sidebar .nav-link:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.10)!important;transform:translateX(2px);}
.sidebar .nav-icon{background:rgba(255,255,255,.10)!important;color:#fff!important;}
.main,.content,.page-content,.main-content,.admin-content{color:var(--z5-text)!important;}
.topbar,header.topbar{background:var(--z5-topbar)!important;color:var(--z5-title)!important;border-bottom:1px solid var(--z5-border)!important;backdrop-filter:blur(14px)!important;}
.topbar a,header.topbar a{color:var(--z5-primary)!important;}
.page-title strong,h1,h2,h3,h4,h5,h6{color:var(--z5-title)!important;letter-spacing:-.02em;}
p,.muted,small,.help-text,.form-text{color:var(--z5-muted)!important;}

.card,.dash-card,.dashboard-card,.kpi-card,.module-card,.panel,.box,.widget,.details-grid>div,.modal-card,.login-card,
.table-wrap,.form-card,.stat-card,.info-card,.ziva-card{
  background:linear-gradient(180deg,var(--z5-card),var(--z5-surface))!important;
  color:var(--z5-text)!important;
  border:1px solid var(--z5-border)!important;
  border-radius:var(--z5-radius)!important;
  box-shadow:var(--z5-shadow)!important;
}
.card:before,.dash-card:before,.dashboard-card:before,.kpi-card:before,.module-card:before{background:linear-gradient(180deg,var(--z5-primary),var(--z5-accent))!important;}
.metric,.kpi-value,.stat-value{color:var(--z5-primary)!important;}

.table,table{background:var(--z5-card)!important;color:var(--z5-text)!important;}
.table th,table th{background:var(--z5-surface-2)!important;color:var(--z5-title)!important;border-color:var(--z5-border)!important;font-weight:800!important;}
.table td,table td{color:var(--z5-text)!important;border-color:var(--z5-border)!important;}
.table tr:hover td{background:rgba(148,163,184,.08)!important;}

.form-control,input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea{
  background:var(--z5-surface)!important;
  color:var(--z5-text)!important;
  border:1px solid var(--z5-border)!important;
  border-radius:14px!important;
  outline:none!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--z5-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--z5-primary) 18%, transparent)!important;}
label,.form-group label{color:var(--z5-title)!important;font-weight:800!important;}
input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--z5-muted) 70%, transparent)!important;}

.btn,button.btn,a.btn,.login-submit,input[type="submit"],button[type="submit"]{
  border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--z5-primary),var(--z5-primary-2))!important;color:white!important;font-weight:850!important;box-shadow:0 10px 24px color-mix(in srgb, var(--z5-primary) 25%, transparent)!important;text-decoration:none!important;
}
.btn.secondary,.btn.btn-secondary{background:linear-gradient(135deg,#64748b,#334155)!important;}
.btn.danger,.btn.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;}
.btn.ok,.btn.success,.btn.btn-success{background:linear-gradient(135deg,#22c55e,#15803d)!important;}
.btn:hover,button.btn:hover,a.btn:hover{filter:brightness(1.05)!important;transform:translateY(-1px);}
.alert.ok,.alert-success{background:color-mix(in srgb, var(--z5-success) 18%, var(--z5-card))!important;color:var(--z5-title)!important;border:1px solid color-mix(in srgb, var(--z5-success) 35%, var(--z5-border))!important;}
.alert.err,.alert-danger{background:color-mix(in srgb, var(--z5-danger) 18%, var(--z5-card))!important;color:var(--z5-title)!important;border:1px solid color-mix(in srgb, var(--z5-danger) 35%, var(--z5-border))!important;}
.pill,.badge{background:color-mix(in srgb, var(--z5-primary) 18%, var(--z5-card))!important;color:var(--z5-title)!important;border:1px solid color-mix(in srgb, var(--z5-primary) 30%, var(--z5-border))!important;}

/* Seletor de tema estável - somente temas aprovados */
.ziva5-theme-trigger{border:1px solid var(--z5-border)!important;background:var(--z5-surface)!important;color:var(--z5-title)!important;border-radius:999px!important;padding:9px 14px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:8px!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important;}
.ziva5-theme-panel{position:fixed;right:18px;top:72px;width:min(340px,calc(100vw - 28px));z-index:999999;background:var(--z5-card);color:var(--z5-text);border:1px solid var(--z5-border);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.35);padding:16px;display:none;}
.ziva5-theme-panel.open{display:block;}
.ziva5-theme-panel h3{margin:0 0 10px!important;font-size:16px!important;color:var(--z5-title)!important;}
.ziva5-theme-option{width:100%;display:flex!important;align-items:center;gap:10px;border:1px solid var(--z5-border)!important;background:var(--z5-surface)!important;color:var(--z5-title)!important;border-radius:16px!important;padding:11px 12px!important;margin:8px 0!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;}
.ziva5-theme-option.active{outline:3px solid color-mix(in srgb, var(--z5-primary) 30%, transparent)!important;border-color:var(--z5-primary)!important;}
.ziva5-dot{width:18px;height:18px;border-radius:999px;display:inline-block;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ziva5-dot.light{background:#f8fafc}.ziva5-dot.dark{background:#0f172a}.ziva5-dot.purple{background:#8b5cf6}
.ziva5-theme-backdrop{position:fixed;inset:0;z-index:999998;background:rgba(2,6,23,.22);display:none}.ziva5-theme-backdrop.open{display:block;}

/* Ajuda lateral alinhada ao tema */
.admin-help-tab,.admin-help-fab{background:linear-gradient(135deg,var(--z5-primary),var(--z5-primary-2))!important;color:#fff!important;border-color:color-mix(in srgb, var(--z5-primary) 45%, transparent)!important;}
.admin-help-modal,.admin-help-panel{background:var(--z5-card)!important;color:var(--z5-text)!important;border-color:var(--z5-border)!important;}
.admin-help-input,.admin-help-result,.admin-help-empty,.admin-help-chip{background:var(--z5-surface)!important;color:var(--z5-text)!important;border-color:var(--z5-border)!important;}
.admin-help-header p,.admin-help-footer-note{color:var(--z5-muted)!important;}

@media(max-width:900px){
  .ziva5-theme-panel{top:64px;right:10px;left:10px;width:auto;}
  .card,.dash-card,.dashboard-card,.kpi-card,.module-card,.panel,.box,.widget{border-radius:18px!important;}
  .topbar{min-height:64px!important;}
}
@media print{.ziva5-theme-trigger,.ziva5-theme-panel,.ziva5-theme-backdrop{display:none!important}}

/* =========================================================
   ZIVA ERP 5.0 - FASE 2: logins Cliente/Funcionário
   Ajuste visual do painel lateral no modo claro, seguindo o padrão aprovado no login administrativo.
   ========================================================= */
html.theme-light .portal-art,
body.theme-light .portal-art,
html.theme-light .ziva-portal-login .portal-art,
body.theme-light .ziva-portal-login .portal-art,
html.theme-light .intcom-portal-login .portal-art,
body.theme-light .intcom-portal-login .portal-art{
  background:linear-gradient(135deg,#eef6ff 0%,#f8fbff 48%,#eef5ff 100%)!important;
}
html.theme-light .portal-art:before,
body.theme-light .portal-art:before,
html.theme-light .ziva-portal-login .portal-art:before,
body.theme-light .ziva-portal-login .portal-art:before,
html.theme-light .intcom-portal-login .portal-art:before,
body.theme-light .intcom-portal-login .portal-art:before{
  background:
    radial-gradient(circle at 62% 42%,rgba(37,99,235,.14),transparent 30%),
    repeating-linear-gradient(10deg,transparent 0 24px,rgba(37,99,235,.10) 25px 26px)!important;
  opacity:1!important;
}
html.theme-light .portal-art .art-card,
body.theme-light .portal-art .art-card{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.86))!important;
  border-color:#bfdbfe!important;
  box-shadow:0 18px 55px rgba(15,23,42,.13)!important;
}
html.theme-light .portal-art .art-card h2,
body.theme-light .portal-art .art-card h2{
  color:#0f172a!important;
}
html.theme-light .portal-art .art-card p,
body.theme-light .portal-art .art-card p{
  color:#475569!important;
}
html.theme-light .portal-art .art-kpi,
body.theme-light .portal-art .art-kpi{
  background:rgba(255,255,255,.82)!important;
  border-color:#dbeafe!important;
}
html.theme-light .portal-art .art-kpi strong,
body.theme-light .portal-art .art-kpi strong{
  color:#0f172a!important;
}
html.theme-light .portal-art .art-kpi span,
body.theme-light .portal-art .art-kpi span{
  color:#64748b!important;
}

/* =========================================================
   ZIVA ERP 5.0 - FASE 3: Layout global administrativo
   Padronização segura de topo, menu, cards, tabelas e formulários.
   Mantém apenas temas estáveis: claro, escuro e roxo premium.
   ========================================================= */
:root{
  --z5-content-max: 1420px;
  --z5-gap: 18px;
}
.app{min-height:100vh!important;}
.main{min-width:0!important;}
.content{
  width:100%!important;
  max-width:var(--z5-content-max)!important;
  margin:0 auto!important;
  padding:24px!important;
  box-sizing:border-box!important;
}
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:14px 24px!important;
}
.topbar .menu{
  min-width:54px!important;
  min-height:54px!important;
  border-radius:16px!important;
  background:color-mix(in srgb, var(--z5-primary) 14%, var(--z5-surface))!important;
  color:var(--z5-title)!important;
  border:1px solid var(--z5-border)!important;
  box-shadow:none!important;
}
.page-title{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
.page-title strong{font-size:clamp(19px,2.3vw,28px)!important;line-height:1.08!important;white-space:normal!important;}
.page-title-icon{width:38px;height:38px;border-radius:14px;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--z5-primary),var(--z5-accent))!important;color:#fff!important;box-shadow:0 10px 22px color-mix(in srgb, var(--z5-primary) 26%, transparent)!important;}
.top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.top-actions span{color:var(--z5-title)!important;font-weight:750!important;}
.top-actions a{font-weight:850!important;text-decoration:none!important;}
.sidebar{width:286px!important;padding:18px 14px!important;}
.sidebar .brand{padding:10px 10px 18px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
.sidebar-nav{display:flex!important;flex-direction:column!important;gap:7px!important;}
.sidebar .nav-link{
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:12px 13px!important;border-radius:15px!important;
  font-weight:760!important;line-height:1.2!important;text-decoration:none!important;
}
.sidebar .nav-icon{width:34px!important;height:34px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;}
.sidebar .nav-logout{margin-top:8px!important;color:#fecaca!important;}
.card,.dash-card,.dashboard-card,.kpi-card,.module-card,.panel,.box,.widget,.form-card,.table-wrap,.stat-card,.info-card,.ziva-card{
  padding:20px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.card:hover,.dash-card:hover,.dashboard-card:hover,.kpi-card:hover,.module-card:hover,.stat-card:hover{border-color:color-mix(in srgb, var(--z5-primary) 28%, var(--z5-border))!important;}
.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3,.box h1,.box h2,.box h3{margin-top:0!important;margin-bottom:10px!important;}
.grid,.cards,.dashboard-grid,.kpi-grid,.modules-grid,.form-grid,.details-grid{
  gap:var(--z5-gap)!important;
}
.form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;}
.form-group{margin-bottom:15px!important;}
.form-group label,label{margin-bottom:7px!important;font-size:14px!important;line-height:1.25!important;}
.form-control,input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea{
  min-height:48px!important;
  padding:12px 14px!important;
  font-size:15.5px!important;
}
textarea{min-height:112px!important;resize:vertical!important;}
.btn,button.btn,a.btn,input[type="submit"],button[type="submit"]{
  min-height:44px!important;
  padding:11px 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1.1!important;
}
.table-wrap{overflow:auto!important;padding:0!important;}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border-radius:18px!important;}
table th,table td{padding:13px 14px!important;vertical-align:middle!important;}
table th:first-child{border-top-left-radius:18px!important;} table th:last-child{border-top-right-radius:18px!important;}
.alert{border-radius:16px!important;padding:14px 16px!important;margin:12px 0!important;font-weight:700!important;}
.badge,.pill{border-radius:999px!important;padding:7px 11px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;gap:6px!important;}
hr{border:0!important;border-top:1px solid var(--z5-border)!important;margin:18px 0!important;}
pre,code{border-radius:14px!important;}
pre{background:color-mix(in srgb, var(--z5-title) 8%, var(--z5-card))!important;color:var(--z5-text)!important;border:1px solid var(--z5-border)!important;padding:14px!important;overflow:auto!important;}

/* Dashboards e cards numéricos */
.kpi-value,.stat-value,.metric,.dash-number,.card-number{font-size:clamp(30px,5vw,50px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.04em!important;}
.kpi-label,.stat-label,.dash-label{color:var(--z5-muted)!important;font-weight:800!important;}

/* Mobile */
@media(max-width:900px){
  .content{padding:18px 14px 92px!important;}
  .topbar{padding:10px 14px!important;min-height:68px!important;gap:10px!important;}
  .topbar .menu{min-width:50px!important;min-height:50px!important;border-radius:15px!important;font-size:22px!important;}
  .page-title{gap:9px!important;}
  .page-title-icon{display:none!important;}
  .top-actions{gap:8px!important;}
  .top-actions span{font-size:13px!important;max-width:185px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .ziva5-theme-trigger{padding:8px 11px!important;font-size:13px!important;}
  .card,.dash-card,.dashboard-card,.kpi-card,.module-card,.panel,.box,.widget,.form-card,.stat-card,.info-card,.ziva-card{padding:17px!important;}
  .form-grid,.details-grid{grid-template-columns:1fr!important;}
  table.mobile-card-table, table.responsive-table{border-radius:0!important;background:transparent!important;}
}
@media(max-width:520px){
  .content{padding:14px 10px 88px!important;}
  .topbar{padding:9px 10px!important;}
  .page-title strong{font-size:18px!important;}
  .top-actions span{display:none!important;}
  .card,.dash-card,.dashboard-card,.kpi-card,.module-card,.panel,.box,.widget,.form-card,.stat-card,.info-card,.ziva-card{border-radius:18px!important;padding:15px!important;}
  .btn,button.btn,a.btn,input[type="submit"],button[type="submit"]{width:100%;margin-bottom:7px;}
  .btn + .btn,a.btn + a.btn,button + .btn{margin-left:0!important;}
}

/* =========================================================
   ZIVA ERP 5.0 - FASE 4: Módulos internos principais
   Dashboard, Clientes, Radius, Monitoramento, Transmissores OLT e Chat Ziva.
   ========================================================= */
.ziva-dashboard,.olt-page,.chatv3,.ml-wrap{
  color:var(--z5-text)!important;
}
.ziva-hero,.ml-hero,.olt-hero,.chatv3-head{
  background:
    radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--z5-accent) 16%, transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb, var(--z5-primary) 13%, var(--z5-card)), var(--z5-card))!important;
  color:var(--z5-text)!important;
  border:1px solid var(--z5-border)!important;
  border-radius:24px!important;
  box-shadow:var(--z5-shadow)!important;
  padding:24px!important;
}
.hero-title h1,.chatv3-title h1,.olt-hero h1,.ml-hero h1{color:var(--z5-title)!important;font-weight:950!important;letter-spacing:-.04em!important;}
.hero-title p,.chatv3-title p,.olt-hero p,.ml-hero p{color:var(--z5-muted)!important;font-weight:650!important;}
.hero-icon,.chatv3-ico,.card-icon,.radius-home-status-ico,.date-icon{
  background:linear-gradient(135deg,var(--z5-primary),var(--z5-accent))!important;
  color:#fff!important;
  border-radius:18px!important;
  box-shadow:0 14px 28px color-mix(in srgb, var(--z5-primary) 25%, transparent)!important;
}
.ziva-hero-logo-word,.ziva-hero-brand img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.10))!important;}
.date-card-ziva,.radius-home-status-card,.stat-box,.fake-chart,.donut-wrap,.legend,.ml-card,.olt-kpi,.olt-mini,.chatv3-card,.chatv3-stat,.chatv3-form,.chatv3-table-wrap{
  background:linear-gradient(180deg,var(--z5-card),var(--z5-surface))!important;
  color:var(--z5-text)!important;
  border:1px solid var(--z5-border)!important;
  border-radius:22px!important;
  box-shadow:var(--z5-shadow)!important;
}
.hero-badges .badge-soft,.badge-soft,.ml-pill,.chatv3-pill,.pill-info,.pill-ok,.pill-warn{
  background:color-mix(in srgb, var(--z5-primary) 16%, var(--z5-card))!important;
  color:var(--z5-title)!important;
  border:1px solid color-mix(in srgb, var(--z5-primary) 32%, var(--z5-border))!important;
  border-radius:999px!important;
  font-weight:900!important;
}
.ml-pill.red,.pill-warn{background:color-mix(in srgb, var(--z5-warning) 18%, var(--z5-card))!important;border-color:color-mix(in srgb, var(--z5-warning) 38%, var(--z5-border))!important;}
.pill-ok{background:color-mix(in srgb, var(--z5-success) 18%, var(--z5-card))!important;border-color:color-mix(in srgb, var(--z5-success) 38%, var(--z5-border))!important;}
.radius-note,.metric-card,.radius-tools-card{
  min-height:128px!important;
}
.metric-card,.radius-tools-card{
  display:flex!important;align-items:center!important;gap:16px!important;
}
.metric-card .card-icon,.radius-tools-card .card-icon{width:52px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;}
.metric-info .muted,.radius-tools-title,.ml-sub,.olt-mini .muted,.chatv3-muted{color:var(--z5-muted)!important;}
.metric-info .metric,.ml-num,.olt-kpi strong,.chatv3-stat strong{
  color:var(--z5-title)!important;font-weight:950!important;letter-spacing:-.04em!important;
}
.radius-home-status-grid,.kpi-grid,.dashboard-row,.ml-grid,.olt-kpis,.olt-status-grid,.chatv3-grid{
  gap:18px!important;
}
.olt-menu a,.olt-menu .btn,.chatv3-btn,.ml-btn{
  background:linear-gradient(135deg,var(--z5-primary),var(--z5-primary-2))!important;
  color:#fff!important;
  border:0!important;
  border-radius:16px!important;
  font-weight:900!important;
  box-shadow:0 12px 25px color-mix(in srgb, var(--z5-primary) 23%, transparent)!important;
  text-decoration:none!important;
}
.chatv3-btn.ghost,.ml-btn.secondary,.btn.secondary,.olt-menu a.secondary{
  background:color-mix(in srgb, var(--z5-primary) 12%, var(--z5-surface))!important;
  color:var(--z5-title)!important;
  border:1px solid var(--z5-border)!important;
  box-shadow:none!important;
}
.chatv3-table,.chatv3-table table,.responsive,.table{
  background:var(--z5-card)!important;
}
.chatv3-table th,.responsive th,.table th{background:var(--z5-surface-2)!important;color:var(--z5-title)!important;}
.chatv3-table td,.responsive td,.table td{color:var(--z5-text)!important;}
.chatv3-config-nav,.tabs,.tab-nav{
  background:var(--z5-surface)!important;border:1px solid var(--z5-border)!important;border-radius:18px!important;padding:8px!important;gap:8px!important;
}
.chatv3-config-tab,.tab-btn,.nav-tab{
  background:transparent!important;color:var(--z5-muted)!important;border-radius:14px!important;border:0!important;font-weight:900!important;
}
.chatv3-config-tab.active,.tab-btn.active,.nav-tab.active{
  background:linear-gradient(135deg,var(--z5-primary),var(--z5-primary-2))!important;color:#fff!important;
}
.chatv3-field label,.ml-field label{color:var(--z5-title)!important;font-weight:900!important;}
.chatv3-field input,.chatv3-field select,.chatv3-field textarea,.ml-field input,.ml-field select,.ml-field textarea{
  background:var(--z5-surface)!important;color:var(--z5-text)!important;border:1px solid var(--z5-border)!important;border-radius:14px!important;
}
.cliente-location-modal{background:rgba(2,6,23,.58)!important;backdrop-filter:blur(8px)!important;}
.cliente-location-box{background:var(--z5-card)!important;color:var(--z5-text)!important;border:1px solid var(--z5-border)!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;}
.cliente-location-address,.cliente-location-map{background:var(--z5-surface)!important;color:var(--z5-text)!important;border:1px solid var(--z5-border)!important;border-radius:16px!important;}
.actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.actions .btn{width:auto!important;margin-bottom:0!important;}
@media(max-width:900px){
  .ziva-hero,.ml-hero,.olt-hero,.chatv3-head{padding:20px!important;border-radius:21px!important;}
  .metric-card,.radius-tools-card{min-height:112px!important;}
  .radius-home-status-grid,.kpi-grid,.dashboard-row,.ml-grid,.olt-kpis,.olt-status-grid,.chatv3-grid{grid-template-columns:1fr!important;}
  .actions .btn,.chatv3-actions .chatv3-btn,.ml-actions .ml-btn{width:100%!important;}
}