/* VozonTech - pele "Modelo 1 v2" para admin e agente */
html[data-tema="grafite"]{--bg:#0f1012!important;--bg2:#15171a!important;--bg3:#191b1f!important;--bg4:#24272d!important;--bg5:#2c3037!important;--border:#272a30!important;--border2:#272a30!important;--text:#f3f4f6!important;--text2:#a7aeb9!important;--text3:#878e99!important;--cyan:#22d3ee!important;--vz-side:#131416;--vz-top:rgba(15,16,18,.92);--vz-card:#191b1f;--vz-sh:none;--vz-acTx:#06191d;--vz-acSoft:rgba(34,211,238,.13)}
html[data-tema="claro"]{--bg:#f4f6f9!important;--bg2:#f7f8fa!important;--bg3:#ffffff!important;--bg4:#eef1f5!important;--bg5:#e3e7ed!important;--border:#e3e7ed!important;--border2:#e3e7ed!important;--text:#0f172a!important;--text2:#374151!important;--text3:#5b6472!important;--cyan:#0e7490!important;--vz-side:#ffffff;--vz-top:rgba(255,255,255,.92);--vz-card:#ffffff;--vz-sh:0 1px 2px rgba(15,23,42,.05),0 6px 18px rgba(15,23,42,.05);--vz-acTx:#ffffff;--vz-acSoft:#e3f2f6}
html[data-tema],html[data-tema] body{background:var(--bg)!important}
/* fonte */
html[data-tema] body,html[data-tema] button,html[data-tema] input,html[data-tema] select,html[data-tema] textarea{font-family:'Geist',system-ui,sans-serif!important}
html[data-tema] .mv,html[data-tema] .metric-val{font-family:'Geist Mono',ui-monospace,monospace!important;font-weight:700!important;letter-spacing:-1px!important;color:var(--text)!important}
/* topo */
html[data-tema] .topnav,html[data-tema] .topbar{background:var(--vz-top)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(8px)!important}
/* menu lateral */
html[data-tema] .sidebar{background:var(--vz-side)!important;border-right:1px solid var(--border)!important}
html[data-tema] .sidebar .nav-item{border-radius:10px!important;margin:1px 8px!important;padding:9px 10px!important;font-size:14px!important;font-weight:500!important;color:var(--text2)!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}
html[data-tema] .sidebar .nav-item:hover{background:var(--bg2)!important;color:var(--text)!important}
html[data-tema] .sidebar .nav-item.active,html[data-tema] .sidebar .nav-item.ativo,html[data-tema] .sidebar .nav-item[aria-current]{background:var(--vz-card)!important;color:var(--text)!important;font-weight:700!important;border-color:var(--border)!important;box-shadow:var(--vz-sh)!important}
html[data-tema] .sidebar .nav-item.active svg,html[data-tema] .sidebar .nav-item.ativo svg{color:var(--cyan)!important;stroke:var(--cyan)!important}
html[data-tema] .sidebar [class*="section"],html[data-tema] .sidebar [class*="group-title"],html[data-tema] .sidebar [class*="group-head"],html[data-tema] .sidebar [class*="nav-label"]{font-size:10.5px!important;font-weight:800!important;letter-spacing:1.4px!important;color:var(--text3)!important}
/* cards */
html[data-tema] .card,html[data-tema] [class*="stat-card"],html[data-tema] [class*="metric-card"],html[data-tema] [class*="kpi"]{background:var(--vz-card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:var(--vz-sh)!important;backdrop-filter:none!important}
html[data-tema] .card::before,html[data-tema] .card::after,html[data-tema] [class*="stat-card"]::before,html[data-tema] [class*="metric-card"]::before{opacity:0!important}
/* titulos */
html[data-tema] .page-title,html[data-tema] .content h1,html[data-tema] .content h2.page-title{font-weight:800!important;letter-spacing:-.6px!important;color:var(--text)!important}
/* botoes */
html[data-tema] .btn,html[data-tema] button.btn{border-radius:10px!important;font-weight:700!important}
html[data-tema] .btn-primary,html[data-tema] .btn.primary{background:var(--cyan)!important;color:var(--vz-acTx)!important;border-color:transparent!important;box-shadow:none!important}
/* campos */
html[data-tema] .content input:not([type=checkbox]):not([type=radio]),html[data-tema] .content select,html[data-tema] .content textarea{border-radius:10px!important;background:var(--bg2)!important;border:1px solid var(--border)!important;color:var(--text)!important}
/* tabelas */
html[data-tema] .content table th{font-size:12px!important;font-weight:600!important;letter-spacing:.4px!important;text-transform:uppercase;color:var(--text3)!important;background:transparent!important;border-bottom:1px solid var(--border)!important}
html[data-tema] .content table td{border-color:var(--border)!important}
html[data-tema] .content table tbody tr:hover{background:var(--bg2)!important}
/* v2: sem rolagem lateral (menu e logo cortados) */
html[data-tema],html[data-tema] body{overflow-x:hidden!important}
html[data-tema] .sidebar{overflow-x:hidden!important;box-sizing:border-box!important}
html[data-tema] .sidebar .nav-item{width:auto!important;max-width:calc(100% - 16px)!important;box-sizing:border-box!important}
/* v2: botoes neutros, sem degrade nem brilho */
html[data-tema] .content button,html[data-tema] .content .btn{background-image:none!important;box-shadow:none!important;text-shadow:none!important}
html[data-tema] .content table button,html[data-tema] .content table .btn{background:var(--bg2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:8px!important;font-size:12.5px!important;font-weight:600!important;padding:6px 12px!important}
html[data-tema] .content table button:hover,html[data-tema] .content table .btn:hover{border-color:var(--text3)!important}
html[data-tema] .content table [class*="red"],html[data-tema] .content table [class*="danger"],html[data-tema] .content table [class*="del"],html[data-tema] .content table [class*="bloq"],html[data-tema] .content table [class*="exclu"]{color:#ef4444!important;background:transparent!important}
html[data-tema="claro"] .content table [class*="red"],html[data-tema="claro"] .content table [class*="danger"],html[data-tema="claro"] .content table [class*="del"],html[data-tema="claro"] .content table [class*="bloq"],html[data-tema="claro"] .content table [class*="exclu"]{color:#b91c1c!important}
html[data-tema] .content [class*="btn-primary"],html[data-tema] .content .btn.primary,html[data-tema] .content [class*="btn-cyan"],html[data-tema] .content [class*="btn-grad"]{background:var(--cyan)!important;color:var(--vz-acTx)!important;border:0!important}
/* v2: etiquetas neutras */
html[data-tema] .content table [class*="badge"],html[data-tema] .content table [class*="tag"],html[data-tema] .content table [class*="pill"],html[data-tema] .content table [class*="chip"]{background:var(--bg4)!important;color:var(--text2)!important;border:1px solid var(--border)!important;box-shadow:none!important}
/* v3: menu do AGENTE igual ao do cliente (item ativo sem borda nem sombra, so o fundo) */
html[data-tema] #app .sidebar .nav-item,html[data-tema] #app .sidebar .nav-item.active,html[data-tema] #app .sidebar .nav-item.ativo{border:0!important;box-shadow:none!important;border-radius:8px!important}
html[data-tema="grafite"] #app .sidebar .nav-item.active,html[data-tema="grafite"] #app .sidebar .nav-item.ativo{background:rgba(255,255,255,.07)!important;color:#f3f4f6!important}
html[data-tema="grafite"] #app .sidebar .nav-item:hover{background:rgba(255,255,255,.045)!important}
html[data-tema="claro"] #app .sidebar .nav-item.active,html[data-tema="claro"] #app .sidebar .nav-item.ativo{background:#eef1f5!important;color:#0f172a!important}
html[data-tema="claro"] #app .sidebar .nav-item:hover{background:#f4f6f9!important}
html[data-tema] #app .sidebar .nav-item::before,html[data-tema] #app .sidebar .nav-item::after{display:none!important}
/* v4: menu do AGENTE no formato do menu do cliente */
html[data-tema] #app .sidebar{padding:10px 8px!important}
html[data-tema] #app .sidebar .sidebar-group{margin:0 0 6px!important}
/* titulo do grupo vira barrinha */
html[data-tema] #app .sidebar .sidebar-group > :first-child:not(.sidebar-group-items){display:flex!important;align-items:center!important;justify-content:space-between!important;margin:6px 0 4px!important;padding:7px 10px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:1.6px!important;cursor:pointer}
html[data-tema="grafite"] #app .sidebar .sidebar-group > :first-child:not(.sidebar-group-items){background:#1c1f24!important;border:1px solid #2c3037!important;color:#c9ced6!important}
html[data-tema="claro"] #app .sidebar .sidebar-group > :first-child:not(.sidebar-group-items){background:#f1f3f6!important;border:1px solid #e2e6ec!important;color:#374151!important}
/* itens compactos, alinhados com a barrinha */
html[data-tema] #app .sidebar .nav-item{margin:1px 0!important;max-width:none!important;width:100%!important;padding:7px 10px!important;font-size:13.5px!important;gap:10px!important}
html[data-tema="grafite"] #app .sidebar .nav-item{color:#dfe3e8!important}
html[data-tema="claro"] #app .sidebar .nav-item{color:#1f2937!important}
html[data-tema] #app .sidebar .nav-item svg{width:15px!important;height:15px!important;flex-shrink:0}