/* Matriz Singular: adaptação do design system AGENTES DE IA. Exclusivo da cópia CRM. */
:root,body,.dark,.dark .main,body.dark-mode{
 --bg:#191b1e!important;--card:#22262a!important;--card2:#262a2e!important;
 --soft:#202327!important;--line:rgba(255,255,255,.07)!important;
 --text:#e5e7e9!important;--muted:#a0a5ac!important;
 --accent:#ff4214!important;--accent-soft:rgba(255,66,20,.13)!important;
 --purple:#ff4214!important;--company-primary:#ff4214!important;
 --company-primary-soft:rgba(255,66,20,.14)!important;
 --company-sidebar:#23272b!important;
 --shadow:8px 8px 20px #11131585,-5px -5px 16px #34383c35!important;
 --shadow-sm:4px 4px 12px #11131588,-3px -3px 8px #34383c30!important;
 color-scheme:dark;
}
html,body,#app{background:#191b1e!important;color:#e5e7e9!important;min-height:100%}
body,button,input,textarea,select{font-family:"Avenir Next",Avenir,"Segoe UI",Inter,sans-serif!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff9d76;outline-offset:3px}
.app-shell,.dark .app-shell{background:radial-gradient(ellipse at 16% 2%,#2b2f3350,transparent 58%),#191b1e!important}
.sidebar,.dark .sidebar{background:linear-gradient(115deg,#262a2e,#202428)!important;border-right:1px solid #ffffff0b!important;box-shadow:8px 8px 22px #0e101449,-4px -4px 14px #3a3e4133!important}
.brand-logo,.dark .brand-logo{filter:none!important}
.nav button,.dark .nav button{color:#a0a5ac!important;border-radius:10px!important}
.nav button:hover,.dark .nav button:hover{background:#ffffff08!important;color:#fff!important}
.nav button.active,.dark .nav button.active{background:linear-gradient(145deg,#24282c,#1c2023)!important;color:#ff754f!important;box-shadow:inset 4px 4px 9px #11131580,inset -3px -3px 8px #353a3e35!important;border:1px solid #ffffff08!important}
.nav button.active .nav-icon,.dark .nav button.active .nav-icon{color:#ff5126!important}
.main,.dark .main{background:#191b1e!important;color:#e5e7e9!important}
.page-head h1,.main h1,.main h2,.main h3{color:#e5e7e9}
.card,.panel,.stat-card,.metric-card,.dashboard-card,.calendar-panel,.contacts-panel,.integration-card,.connection-card,.flow-card,.user-card,.settings-card,.table-wrap,.modal,.dialog,.dark .card,.dark .panel{
 background:linear-gradient(140deg,#25292d,#1e2226)!important;
 color:#e5e7e9!important;
 border:1px solid #ffffff09!important;
 border-radius:16px!important;
 box-shadow:7px 7px 17px #11131585,-3px -3px 10px #34383c30!important;
}
.btn,.icon-btn,button{transition:background-color .16s,box-shadow .2s,color .16s,transform .16s}
.btn.primary,.btn-primary,.login-submit,.auth-create-account,.dark .btn.primary{
 background:linear-gradient(145deg,#ff3010,#ff5d00)!important;
 border:1px solid #ff6a3245!important;color:#fff!important;
 box-shadow:3px 3px 9px #10121495,inset 1px 1px #ffb29140!important;
 border-radius:9px!important;
}
.btn.primary:hover,.btn-primary:hover,.login-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn:not(.primary):not(.danger),.icon-btn,.dark .btn:not(.primary):not(.danger){
 background:linear-gradient(145deg,#292d31,#202428)!important;
 color:#ccd0d4!important;border:1px solid #ffffff0a!important;
 box-shadow:4px 4px 10px #11131570,-2px -2px 7px #34383c30!important;
 border-radius:9px!important;
}
input:not([type=checkbox]):not([type=radio]),select,textarea,.dark input,.dark select,.dark textarea{
 background:#1b1f22!important;border:1px solid #ffffff12!important;
 color:#e7e9eb!important;border-radius:9px!important;
 box-shadow:inset 3px 3px 8px #1113156e,inset -2px -2px 6px #353a3e24!important;
}
input::placeholder,textarea::placeholder{color:#8a929b!important}
input:focus,select:focus,textarea:focus{border-color:#ff693d85!important;outline:none;box-shadow:0 0 0 3px #ff42141c!important}
table,th,td{border-color:#ffffff10!important;color:#d1d5da!important}
thead,th{background:#202428!important;color:#afb5bc!important}
tbody tr:hover{background:#ffffff06!important}
.pill,.badge,.tag,.chip{border-color:#ffffff12!important}
a:hover,.text-button,.link{color:#ff875e}
.tabs button.selected,.tabs button.active{color:#ff875e!important;border-color:#ff4214!important}
.toast{border-radius:10px!important}
.auth-screen,.login-panel,.auth-loading{background:#191b1e!important;color:#e5e7e9!important}
.login-showcase{background:linear-gradient(145deg,#202429,#2c3034)!important}
.login-panel{background:radial-gradient(circle at 50% 30%,#282d3199,#191b1e 65%)!important}
.login-card{background:linear-gradient(145deg,#272b2f,#202428)!important;color:#e5e7e9!important;border:1px solid #ffffff10!important;box-shadow:9px 9px 24px #11131590,-4px -4px 14px #353a3e40!important}
.login-card h2,.login-card label{color:#e5e7e9!important}
.login-input,.user-password-input{background:#1b1f22!important;border:1px solid #ffffff12!important}
.login-input input,.user-password-input input{background:transparent!important;color:#fff!important;box-shadow:none!important}
.login-kicker{color:#ff875e!important}
.auth-brand-mark{background:linear-gradient(145deg,#ff3010,#ff5d00)!important}
@media(max-width:760px){
 .sidebar,.dark .sidebar{box-shadow:0 6px 18px #111315aa!important}
 .main,.dark .main{padding-left:16px!important;padding-right:16px!important}
 .card,.panel,.calendar-panel,.contacts-panel{border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){.btn,.nav button,.card,.panel{transition:none!important}}

/* CRM Matriz Singular | Contatos: viewport da tabela independente do documento */
html,body,#app{max-width:100%}
.app-shell{min-width:0;max-width:100%;grid-template-columns:256px minmax(0,1fr)}
.app-shell.collapsed{grid-template-columns:72px minmax(0,1fr)}
.main,.dark .main{min-width:0;max-width:100%;overflow-x:clip}
.contacts-panel{min-width:0;max-width:100%;overflow:hidden!important}
.contacts-panel .toolbar,.contacts-panel .contact-tabs,.contacts-panel .contact-filter-panel{min-width:0;max-width:100%;box-sizing:border-box}
.contacts-panel .table-wrap,.dark .contacts-panel .table-wrap{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
 scrollbar-width:thin;scrollbar-color:#555e65 #1b1f22;
 border-radius:0 0 14px 14px;
}
.contacts-panel .table-wrap::-webkit-scrollbar{height:11px}
.contacts-panel .table-wrap::-webkit-scrollbar-track{background:#1b1f22;border-radius:8px}
.contacts-panel .table-wrap::-webkit-scrollbar-thumb{background:#555e65;border:2px solid #1b1f22;border-radius:8px}
.contacts-panel .contact-table,.contacts-panel .selectable-contacts{
 width:max-content!important;min-width:1120px!important;max-width:none!important;
 table-layout:auto!important;
}
.contacts-panel .contact-table th,.contacts-panel .contact-table td{
 white-space:nowrap;overflow-wrap:normal;word-break:normal;vertical-align:middle;
}
.contacts-panel .contact-table th{line-height:1.35}
.contacts-panel .contact-table td{height:auto;min-height:62px}
.contacts-panel .contact-table td .contact-name{min-width:max-content}
.contacts-panel .contact-table td .contact-tags{max-width:240px}
.contacts-panel .contact-table td .contact-tags span{white-space:nowrap}
.contacts-panel .contact-table .contact-action-menu{z-index:50}
@media(max-width:900px){
 .app-shell:not(.collapsed){grid-template-columns:256px minmax(0,1fr)}
 .app-shell.collapsed{grid-template-columns:72px minmax(0,1fr)}
 .main,.dark .main{overflow-x:clip}
 .contacts-panel .table-wrap{touch-action:pan-x pan-y}
}
@media(max-width:760px){
 .app-shell,.app-shell.collapsed{display:block;min-width:0}
 .main,.dark .main{width:100%;max-width:100%;overflow-x:clip}
 .contacts-panel .table-wrap{width:100%;max-width:100%}
}

/* NEXO unified shell v3: visual tokens and contained, independent page scrolling. */
:root{--nexo-bg:#191b1e;--nexo-panel:#22262a;--nexo-raised:#262a2e;--nexo-accent:#ff4214;--nexo-text:#e5e7e9;--nexo-muted:#a0a5ac;--nexo-stroke:rgba(255,255,255,.07);--nexo-inset:inset 4px 4px 9px #11131575,inset -3px -3px 8px #353a3e38}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-size:14px;line-height:1.5}
@media(min-width:761px){
 html,body,#app{height:100%;min-height:0!important;overflow:hidden}
 .app-shell,.app-shell.collapsed{height:100dvh!important;min-height:0!important;max-height:100dvh;overflow:hidden!important;align-items:stretch}
 .app-shell>.main,.app-shell.collapsed>.main,.main,.dark .main{height:100%;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable}
 .sidebar,.dark .sidebar{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
}
.main>*{min-width:0;max-width:100%}
.main :is(.page-head,.toolbar,.filters,.toolbar-actions,.card-header,.section-header){min-width:0;flex-wrap:wrap}
.main :is(h1,h2,h3,p,strong,span,label){overflow-wrap:break-word}
.main :is(.card,.panel,.stat-card,.metric-card,.dashboard-card,.calendar-panel,.contacts-panel,.integration-card,.connection-card,.flow-card,.user-card,.settings-card){min-width:0}
.main :is(.table-wrap,.table-container,.data-table-wrap){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.main :is(button,input,select,textarea){max-width:100%}
.main :is(.grid,.dashboard-grid,.stats-grid,.cards-grid)>*{min-width:0}
.main::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:9px}
.main::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#1b1f22}
.main::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#4c5359;border:2px solid #1b1f22;border-radius:8px}
@media(max-width:760px){html,body,#app{height:auto;min-height:100%;overflow-x:hidden}.app-shell,.app-shell.collapsed{height:auto;min-height:100dvh!important;overflow:visible}.main,.dark .main{height:auto;overflow-y:visible!important}.main :is(.toolbar,.page-head){gap:12px}}

/* NEXO EXPERIENCE: architectural frame, tactile surfaces, restrained light & motion */
:root{--nexo-ease:cubic-bezier(.16,1,.3,1);--nexo-elevation:8px 8px 20px #11131595,-5px -5px 16px #34383c40}
@media(min-width:761px){
.app-shell,.app-shell.collapsed{display:grid!important;padding:22px 22px 22px 0!important;gap:0!important;background:radial-gradient(ellipse at 20% 0,#30343a3b,transparent 56%),#191b1e!important;grid-template-columns:118px minmax(0,1fr)!important}
.app-shell:not(.collapsed){grid-template-columns:278px minmax(0,1fr)!important}
.sidebar,.dark .sidebar{position:relative!important;inset:auto!important;width:256px!important;margin-left:22px!important;height:calc(100dvh - 44px)!important;padding:22px 14px!important;border-radius:19px 0 0 19px!important;background:linear-gradient(110deg,#262a2e,#22262a)!important;border:1px solid #ffffff06!important;border-right:0!important;box-shadow:-12px 0 36px #0f101550!important;transition:width .3s var(--nexo-ease)!important}
.app-shell.collapsed .sidebar{width:96px!important;padding:22px 12px!important}
.main,.dark .main{grid-column:2!important;margin:0!important;width:100%!important;border:1px solid #ffffff07!important;border-left:0!important;border-radius:0 19px 19px 0!important;background:linear-gradient(115deg,#23272b,#202428)!important;box-shadow:18px 16px 45px #0c0d1050!important;padding:30px clamp(18px,3vw,42px)!important}
.brand{min-height:68px!important;max-height:90px!important}.nav{gap:9px!important}.nav button{min-height:42px!important;box-shadow:3px 3px 7px #10121460,-2px -2px 5px #353a3e40!important;background:linear-gradient(145deg,#262a2e,#202327)!important}
.nav button.active{box-shadow:var(--nexo-inset)!important}
.nav button.active::before{content:'';position:absolute;left:-11px;top:10px;width:2px;height:22px;background:#ff4214!important;box-shadow:0 0 10px #ff421470}
}
.sidebar .nav button{position:relative;color:#9299a1!important;font-size:12px!important;transition:transform .22s var(--nexo-ease),color .22s,box-shadow .22s!important}
.sidebar .nav button:hover{color:#fff!important;transform:translateX(2px)}
.sidebar .nav button.active{color:#ff7b54!important}
:is(.panel,.stat-card,.card,.metric-card,.dashboard-card,.integration-card,.connection-card,.flow-card,.lead-card,.login-card){position:relative;isolation:isolate;transition:transform .35s var(--nexo-ease),box-shadow .35s var(--nexo-ease),border-color .35s!important}
:is(.panel,.stat-card,.card,.metric-card,.dashboard-card,.integration-card,.connection-card,.flow-card,.lead-card,.login-card)::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.075),transparent 75%)}
:is(.panel,.stat-card,.card,.metric-card,.dashboard-card,.integration-card,.connection-card,.flow-card,.lead-card,.login-card):hover::before{opacity:1}
:is(.stat-card,.metric-card,.dashboard-card,.integration-card,.connection-card,.flow-card,.lead-card):hover{transform:translateY(-2px);border-color:#ffffff18!important}
.stat-card strong,.big-number{color:#f0f1f2!important;font-weight:650;letter-spacing:-1px}
.stat-icon,.empty-icon{background:linear-gradient(145deg,#30353b,#22262a)!important;color:#ff7048!important;box-shadow:var(--nexo-elevation)!important}
.kanban-col,.chat,.conversation-layout,.conversation-list,.conversation-item,.chat-head,.composer,.toolbar,.table-wrap{background:#22262a!important;color:#e5e7e9!important}
.kanban-col{background:linear-gradient(145deg,#252a2f,#1d2125)!important;border:1px solid #ffffff0d}
.lead-card,.conversation-item.active,.bubble,.bubble.mine{background:linear-gradient(145deg,#2a3035,#20252a)!important;color:#edf0f2!important;border:1px solid #ffffff0c!important}
.conversation-item.active{border-left:2px solid #ff4214!important}
.chat{background:#1d2125!important}.messages{background:radial-gradient(ellipse at 15% 8%,#2b303840,transparent 62%)}
.tabs,.chip,.count,.pill,.tag{background:#272c31!important;color:#adb4bc!important;border:1px solid #ffffff0b!important}
.tabs button.active,.chip.active{background:linear-gradient(140deg,#34383c,#202428)!important;box-shadow:var(--nexo-inset)!important;color:#ff926f!important}
.meter{background:#171b1e!important;box-shadow:var(--nexo-inset)}.meter span{background:linear-gradient(90deg,#ff3010,#ff5d00)!important}
.page-head h1{font-size:29px!important;font-weight:600!important;letter-spacing:-.9px!important;line-height:1.2!important}
.btn:active:not(:disabled),.nav button:active{transform:translateY(2px)!important;box-shadow:var(--nexo-inset)!important}
.modal-backdrop{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:#0c0e12b8!important}
.modal{animation:nexo-dialog .35s var(--nexo-ease) both}
.main .page-head,.main>.panel,.main>.grid-4,.main>.metrics{animation:nexo-reveal .6s var(--nexo-ease) both}
.main>.grid-4{animation-delay:.07s}.main>.metrics{animation-delay:.12s}
@keyframes nexo-reveal{from{opacity:0;transform:translateY(13px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes nexo-dialog{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Visual parity pass from screenshots: remove legacy purple/white surfaces. */
:root,body,.dark{--wine:#191b1e!important;--wine2:#22262a!important;--purple:#ff4214!important;--purple2:#ff5d32!important;--blue:#ff7048!important;--green:#98b6a2!important;--border:#ffffff10!important;--company-primary:#ff4214!important;--company-primary-soft:#ff421420!important}
.main :is(.lp-leads-kpis article,.lp-leads-table,.lp-leads-toolbar .search,.broadcast-composer,.broadcast-history,.broadcast-stats,.broadcast-layout>section,.broadcast-folder-filter,.broadcast-channel-tabs,.broadcast-contact-list>label,.flow-stats>div,.flow-card,.flow-card header,.flow-card footer,.flow-step,.flow-node,.flow-component,.flow-trigger,.flow-steps,.flow-stats,.broadcast-format-options>button,.broadcast-type-options>button,.broadcast-contact-list,.broadcast-formats>button,.broadcast-media-option,.broadcast-message-type,.contacts-panel,.templates-panel){background:linear-gradient(135deg,#25292d,#1d2125)!important;color:#e5e7e9!important;border-color:#ffffff0c!important;box-shadow:6px 6px 16px #11131565,-3px -3px 10px #34383c30!important}
.main :is(.lp-leads-kpis article,.flow-card,.broadcast-composer,.broadcast-history){border-radius:16px!important}
.main .lp-leads-kpis :is(span,small){color:#a0a5ac!important}.main .lp-leads-kpis strong{color:#e5e7e9!important;font-size:32px!important}
.main .lp-leads-table :is(th,td){border-color:#ffffff0b!important;color:#d1d5da!important}.main .lp-leads-table th{background:#191d21!important;color:#9299a3!important}
.main .lp-leads-table tbody tr{background:#202428!important}.main .lp-leads-table tbody tr:hover{background:#2b3035!important}
.main .lp-leads-toolbar,.main .lp-leads-tabs{background:transparent!important;border-color:#ffffff0b!important}
.main :is(.lp-leads-tabs button,.contact-tabs button,.broadcast-channel-tabs button,.broadcast-format-options>button,.broadcast-type-options>button,.broadcast-formats>button,.flow-step,.flow-component,.flow-card .tag,.flow-card .chip,.broadcast-folder-filter button){background:linear-gradient(145deg,#292d31,#202428)!important;color:#bfc6cd!important;border:1px solid #ffffff0e!important;box-shadow:3px 3px 8px #10121470,-2px -2px 6px #353a3e35!important;border-radius:9px!important}
.main :is(.lp-leads-tabs button.active,.contact-tabs button.active,.broadcast-channel-tabs button.active,.broadcast-format-options>button.active,.broadcast-type-options>button.active,.broadcast-formats>button.active){background:#25292d!important;color:#ff875e!important;box-shadow:var(--nexo-inset)!important;border-color:#ff421444!important}
.main :is(.flow-step .step-number,.flow-card .step-number,.flow-node .node-number,.flow-card .flow-count,.lp-leads-tabs .count,.lp-leads-tabs .badge,.lp-leads-page .badge,.broadcast-composer .badge){background:#ff421421!important;color:#ff875e!important;border-color:#ff42143a!important}
.main :is(.flow-card svg,.flow-step svg,.flow-component svg,.broadcast-composer svg,.broadcast-format-options svg,.broadcast-type-options svg,.lp-leads-page svg){color:inherit}
.main :is(.flow-card .step-number,.broadcast-composer .icon,.flow-card .flow-icon,.broadcast-composer .broadcast-icon,.flow-card .flow-symbol){color:#ff7048!important}
.main :is(.broadcast-layout,.broadcast-composer,.flow-card,.flow-board,.flow-list){border-color:#ffffff0c!important}
.main :is(.broadcast-composer,.broadcast-layout>section,.flow-card) :is(header,footer){border-color:#ffffff0e!important}
.main :is(.broadcast-contact-list,.broadcast-composer,.flow-card) :is(input,textarea,select){background:#1b1f22!important;color:#e5e7e9!important;border-color:#ffffff18!important}
.main :is(.broadcast-contact-list,.broadcast-composer,.flow-card) :is(label,small,p){color:#a5abb2}
.main :is(.broadcast-composer,.broadcast-layout,.flow-card,.lp-leads-page) :is(.btn.primary,.send,.primary){background:linear-gradient(145deg,#ff3010,#ff5d00)!important;color:white!important}
.main :is(.broadcast-composer,.broadcast-layout,.flow-card,.lp-leads-page) :is(.pill,.tag,.chip,.badge){background:#262b30!important;color:#c1c8cf!important;border-color:#ffffff12!important}
.main :is(.broadcast-composer,.broadcast-layout,.flow-card,.lp-leads-page) :is(hr){border:0!important;border-top:1px solid #ffffff0c!important}
@media(max-width:760px){.main .lp-leads-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.main .broadcast-layout{min-width:0}}

/* NEXO typography & contrast parity: remove inherited heavy display weights. */
body,.main{font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif!important;font-weight:400!important;letter-spacing:normal}
.main :is(h1,h2,h3,h4,.page-head h1,.panel-title,.section-title,.modal h2,.broadcast-composer h2,.flow-card h2){font-family:inherit!important;font-weight:550!important;letter-spacing:-.35px!important}
.main :is(h1,.page-head h1){font-size:29px!important;font-weight:600!important;letter-spacing:-.9px!important}
.main :is(.stat-card strong,.flow-stats strong,.user-stats strong,.lp-leads-kpis strong,.big-number,.metric-value){font-family:inherit!important;font-weight:600!important;letter-spacing:-1px!important;line-height:1.18!important;overflow-wrap:normal!important;word-break:normal!important}
.main :is(.stat-card,.flow-stats>div,.user-stats>div,.lp-leads-kpis article) :is(p,span,small){font-weight:400!important}
.main :is(.btn,button,.tabs button,.nav button,.chip,.tag,.pill){font-family:inherit!important;font-weight:500!important;letter-spacing:0!important}
.main :is(.contact-table,.lp-leads-table,.diagnostics-table,.diagnostic-table,.table-wrap,.diagnostics-list,.diagnostic-list,.diagnostics-panel,.diagnostic-panel){background:#202428!important;color:#e5e7e9!important;border-color:#ffffff0d!important}
.main :is(.contact-table,.lp-leads-table,.diagnostics-table,.diagnostic-table,.table-wrap,.diagnostics-list,.diagnostic-list) :is(tbody,tr,td){background:#202428!important;color:#d6d9dd!important;border-color:#ffffff0c!important}
.main :is(.contact-table,.lp-leads-table,.diagnostics-table,.diagnostic-table) :is(thead,th){background:#111519!important;color:#9199a4!important;border-color:#ffffff12!important}
.main :is(.contact-table,.lp-leads-table,.diagnostics-table,.diagnostic-table) tbody tr:hover td{background:#292e33!important}
.main :is(.contact-table,.lp-leads-table,.diagnostics-table,.diagnostic-table) :is(.empty,.empty-state,td[colspan]){background:#202428!important;color:#a0a5ac!important}
.main :is(.stat-icon,.user-stat-icon,.flow-stat-icon,.flow-icon){background:linear-gradient(145deg,#30353b,#22262a)!important;color:#ff7048!important;box-shadow:var(--nexo-elevation)!important}
.main :is(.stat-card,.user-stats>div,.flow-stats>div) :is(.blue,.purple,.orange,.green){color:#e5e7e9!important}
@media(max-width:1100px){.main .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.main .grid-4{grid-template-columns:minmax(0,1fr)!important}}

/* Dashboard KPI repair: NEXO neutral ink, consistent icon tiles, readable values. */
.main .dashboard-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:100%;max-width:100%}
.main .dashboard-kpis>article{min-width:0!important;min-height:145px!important;padding:22px!important;background:linear-gradient(135deg,#25292d,#1d2125)!important;border:1px solid #ffffff0a!important;border-radius:16px!important;box-shadow:6px 6px 16px #11131565,-3px -3px 10px #34383c30!important;display:flex!important;gap:12px!important;align-items:flex-start!important;justify-content:space-between!important}
.main .dashboard-kpis>article>div{flex:1 1 auto;min-width:0!important;max-width:100%}
.main .dashboard-kpis>article span{display:block;color:#a0a5ac!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;overflow-wrap:break-word}
.main .dashboard-kpis>article strong,.dark .dashboard-kpis strong{display:block!important;margin-top:13px!important;color:#edf0f1!important;font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif!important;font-size:clamp(22px,2.25vw,33px)!important;font-weight:600!important;letter-spacing:-.8px!important;line-height:1.16!important;word-break:normal!important;overflow-wrap:anywhere!important;hyphens:none!important}
.main .dashboard-kpis>article strong.is-text-value{font-size:clamp(16px,1.45vw,22px)!important;letter-spacing:-.3px!important;line-height:1.3!important;overflow-wrap:break-word!important}
.main .dashboard-kpis>article :is(.tone-blue,.tone-green,.tone-purple,.tone-orange,.tone-cyan,.tone-dark){color:#edf0f1!important}
.main .dashboard-kpis>article>i,.dark .dashboard-kpis>article>i{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid #ffffff0b!important;border-radius:12px!important;font-size:22px!important;font-style:normal!important;background:linear-gradient(145deg,#30353b,#22262a)!important;color:#ff7048!important;box-shadow:3px 3px 8px #11131570,-2px -2px 6px #353a3e30!important}
@media(max-width:1200px){.main .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.main .dashboard-kpis{grid-template-columns:minmax(0,1fr)!important}}

/* NEXO contact typography: no display-black names in selection lists. */
.main :is(.broadcast-contact-list,.broadcast-contacts,.contact-table,.contacts-panel,.conversation-list,.conversation-item,.lead-card,.recipient-list,.contact-picker) :is(.contact-name,.lead-name,.recipient-name,strong,b){font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif!important;font-weight:500!important;font-synthesis:none!important;letter-spacing:-.2px!important;line-height:1.45!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.main :is(.broadcast-contact-list,.broadcast-contacts,.recipient-list,.contact-picker) label{font-weight:400!important}
.main :is(.broadcast-contact-list,.broadcast-contacts,.recipient-list,.contact-picker) :is(.contact-name,.lead-name,.recipient-name,strong){font-size:14px!important;color:#e5e7e9!important}
.main :is(.contact-table,.contacts-panel,.conversation-list,.conversation-item,.lead-card) :is(.contact-name,.lead-name,strong){font-size:13px!important;color:#e5e7e9!important}

.diagnostics-category-tabs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:12px;border-radius:13px;background:#22262a;border:1px solid #ffffff12}
.diagnostics-category-tabs .btn{flex-shrink:0}
.diagnostics-category-tabs .muted{font-size:12px}
.diagnostics-panel .table-card{overflow-x:auto;max-width:100%}
.diagnostics-panel table{min-width:740px;width:100%}
.singular-answer{overflow-wrap:anywhere;white-space:pre-wrap}
.singular-answer p{color:#d2d5d8;line-height:1.55}

.auth-create-account,#open-saas-onboarding{display:none!important}