/* Nexor 360 CRM v246 — identidade visual aprovada */
:root{
  --red:#E10613;
  --primary:#E10613;
  --brand-red:#E10613;
  --brand-red-dark:#B90412;
  --brand-blue:#6B7280;
  --brand-blue-dark:#33363A;
  --nav:#1F1F23;
  --bg:#F8F9FA;
  --panel:#FFFFFF;
  --text:#1F2937;
  --muted:#6B7280;
  --line:#E5E7EB;
  --brand-bg:#F8F9FA;
  --brand-panel:#FFFFFF;
  --brand-line:#E5E7EB;
  --brand-text:#1F2937;
  --brand-muted:#6B7280;
  --brand-nav:#1F1F23;
  --brand-nav-text:#E5E7EB;
  --brand-nav-active:#32191C;
  --brand-shadow:0 10px 30px rgba(31,31,35,.07);
  --brand-gradient:linear-gradient(135deg,#E10613 0%,#B90412 100%);
  --brand-gradient-soft:linear-gradient(135deg,rgba(225,6,19,.08),rgba(31,31,35,.035));
}
body[data-theme="dark"]{
  --nav:#111317;
  --bg:#0F1115;
  --panel:#171A1F;
  --text:#F3F4F6;
  --muted:#A2A8B3;
  --line:#2A2F37;
  --brand-bg:#0F1115;
  --brand-panel:#171A1F;
  --brand-line:#2A2F37;
  --brand-text:#F3F4F6;
  --brand-muted:#A2A8B3;
  --brand-nav:#111317;
  --brand-nav-text:#E5E7EB;
  --brand-nav-active:#361316;
  --brand-shadow:0 14px 34px rgba(0,0,0,.24);
  --brand-gradient-soft:linear-gradient(135deg,rgba(225,6,19,.12),rgba(255,255,255,.025));
}

html,body{background:var(--brand-bg)!important;color:var(--brand-text)!important}
.app{background:var(--brand-bg)!important}
main{background:var(--brand-bg)!important}

/* Sidebar: grafite em ambos os temas, conforme estudo aprovado */
aside{
  background:linear-gradient(180deg,#1F2228 0%,#181A1F 100%)!important;
  color:#F3F4F6!important;
  border-right:1px solid #30343C!important;
  box-shadow:4px 0 20px rgba(0,0,0,.08)!important;
}
.brand.brand-logo-only{
  min-height:88px!important;height:88px!important;padding:8px 10px!important;margin:0 0 14px!important;
  border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;
}
.brand.brand-logo-only img{width:210px!important;max-width:100%!important;height:72px!important;object-fit:contain!important}
nav button{color:#D7DAE0!important;border-radius:10px!important;font-weight:700!important}
nav button:hover{background:#292D34!important;color:#FFF!important;border-color:#343942!important}
nav button.active{background:linear-gradient(90deg,rgba(225,6,19,.88),rgba(185,4,18,.62))!important;color:#FFF!important;border-color:#E10613!important;box-shadow:inset 3px 0 0 #FF5962!important}
body[data-theme="dark"] nav button.active,body[data-theme="dark"] nav button:hover{color:#fff!important}
.group{color:#8F96A3!important}

/* Superfícies */
.top,.card,.panel,.box,.tablewrap,.user-profile-chip,.login-card,
.meeting-kpi-v150,.meeting-panel-v150,.meeting-person-card-v150,.raiox-control-v150,.raiox-product-v150,.raiox-history-card-v150,.meeting-tabs-v150{
  background:var(--brand-panel)!important;border-color:var(--brand-line)!important;box-shadow:var(--brand-shadow)!important;
}
.top{border-radius:16px!important}
.card,.panel{border-radius:16px!important}
th{background:color-mix(in srgb,var(--brand-panel) 92%,#6B7280 8%)!important;color:var(--brand-muted)!important}
tr:hover td{background:color-mix(in srgb,var(--brand-panel) 94%,#E10613 6%)!important}
input,select,textarea{background:var(--brand-panel)!important;color:var(--brand-text)!important;border-color:var(--brand-line)!important}
.primary,.btn.primary{background:linear-gradient(135deg,#E10613,#C60714)!important;color:#fff!important;box-shadow:0 8px 18px rgba(225,6,19,.18)!important}
.primary:hover,.btn.primary:hover{background:linear-gradient(135deg,#C60714,#A9030F)!important}
.secondary,.btn.secondary{background:var(--brand-panel)!important;color:var(--brand-text)!important;border:1px solid var(--brand-line)!important}
.tabs button.active,.module-tab.active{background:#E10613!important;border-color:#E10613!important;color:#fff!important}
.remote-chip{background:rgba(225,6,19,.07)!important;color:#B90412!important;border-color:rgba(225,6,19,.14)!important}
body[data-theme="dark"] .remote-chip{background:rgba(225,6,19,.13)!important;color:#FF858B!important;border-color:rgba(225,6,19,.3)!important}
.avatar{background:linear-gradient(135deg,#E10613,#B90412)!important}

/* Login — cartão central do estudo aprovado */
.login-screen{
  min-height:100vh!important;padding:34px 18px!important;
  background-color:#F8F9FA!important;
  background-image:url('nexor-network-v246.svg?v=245'),radial-gradient(circle at 50% 45%,#fff 0%,#F8F9FA 58%,#EEF0F3 100%)!important;
  background-position:center!important;background-size:cover!important;
}
body[data-theme="dark"] .login-screen{
  background-color:#111317!important;
  background-image:linear-gradient(rgba(17,19,23,.86),rgba(17,19,23,.86)),url('nexor-network-v246.svg?v=245'),radial-gradient(circle at 50% 40%,#1A1D22,#0D0F12 72%)!important;
}
.login-shell{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 68px)!important}
.login-hero{display:none!important}
.login-card{
  width:min(520px,94vw)!important;padding:34px 42px 30px!important;border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(15px)!important;
  border:1px solid #E5E7EB!important;box-shadow:0 26px 70px rgba(31,31,35,.14)!important;
}
body[data-theme="dark"] .login-card{background:rgba(23,26,31,.96)!important;border-color:#30343C!important;box-shadow:0 28px 80px rgba(0,0,0,.44)!important}
.login-card h2{display:none!important}
.login-card>p{font-size:0!important;text-align:center!important;margin:4px 0 22px!important}
.login-card>p::before{content:'Visão completa. ';font-size:17px;font-weight:800;color:var(--brand-text)}
.login-card>p::after{content:'Gestão inteligente.';font-size:17px;font-weight:800;color:#E10613}
.login-brand-wrap.login-logo-only{min-height:150px!important;height:150px!important;margin:0 auto 4px!important;background:transparent!important}
.login-brand-wrap.login-logo-only img{width:min(100%,350px)!important;max-width:350px!important;height:142px!important;object-fit:contain!important;background:transparent!important}
.login-topline{position:absolute;right:20px;top:18px;z-index:3}
.theme-toggle-btn{width:38px;height:38px;padding:0!important;justify-content:center!important;border-radius:50%!important;font-size:0!important;background:var(--brand-panel)!important}
.theme-toggle-btn::before{font-size:17px!important}
.login-card label{color:var(--brand-text)!important;font-weight:650!important}
.login-card input{min-height:48px!important;border-radius:9px!important}
.login-card #loginButton{width:100%!important;min-height:50px!important;margin-top:6px!important;border-radius:9px!important;font-size:16px!important}
.login-secondary{justify-content:flex-end!important;margin-top:10px!important}
.login-secondary .link-button{color:#E10613!important;font-weight:700!important}

/* Reuniões — filtro de público */
.meeting-audience-v246{display:flex;align-items:center;gap:7px;padding:4px;border:1px solid var(--brand-line);border-radius:11px;background:var(--brand-panel)}
.meeting-audience-v246 span{font-size:10px;font-weight:850;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 4px}
.meeting-audience-v246 button{border:0;background:transparent;color:var(--brand-muted);padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800}
.meeting-audience-v246 button.active{background:#E10613;color:#fff;box-shadow:0 5px 12px rgba(225,6,19,.18)}
.meeting-toolbar-controls-v246{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}

/* Dark: remover azuis legados visíveis */
body[data-theme="dark"] th{background:#1D2127!important}
body[data-theme="dark"] tr:hover td{background:#21191C!important}
body[data-theme="dark"] .meeting-projection-row-v150.heading,
body[data-theme="dark"] .meeting-person-results-v150>div,
body[data-theme="dark"] .raiox-call-kpis-v150>div{background:#20242A!important}
body[data-theme="dark"] .meeting-cantada-inputs-v150 input,
body[data-theme="dark"] .raiox-control-v150 select,
body[data-theme="dark"] .raiox-form-grid-v150 input,
body[data-theme="dark"] .raiox-form-grid-v150 textarea{background:#1A1D22!important;border-color:#343941!important}

@media(max-width:720px){
 .login-card{padding:28px 20px 24px!important}
 .login-brand-wrap.login-logo-only{min-height:125px!important;height:125px!important}
 .login-brand-wrap.login-logo-only img{height:120px!important}
 .meeting-toolbar-controls-v246{justify-content:flex-start}
 .meeting-audience-v246{width:100%;overflow:auto}
}
@media(min-width:1121px){
 body.sidebar-collapsed-v164 .app>aside:not(:hover) .brand.brand-logo-only{height:48px!important;min-height:48px!important;padding:5px!important;margin:0 0 16px!important}
 body.sidebar-collapsed-v164 .app>aside:not(:hover) .brand.brand-logo-only img{display:none!important}
 body.sidebar-collapsed-v164 .app>aside:not(:hover) .brand.brand-logo-only::after{content:''!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#F8F9FA url('nexor-icon-v247.png?v=247') center/contain no-repeat!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}
}