/* MESA 6.1.0 R4.1.3.4 UX
   Camada visual carregada após os estilos existentes. Não renomeia hooks funcionais. */
:root{
  --sidebar:272px;
  --topbar:76px;
  --ux-purple:#6d39e6;
  --ux-purple-2:#8757f3;
  --ux-purple-soft:#efe9ff;
  --ux-navy:#061438;
  --ux-navy-2:#0b1d4b;
  --ux-surface:#f5f7fb;
  --ux-radius:16px;
  --ux-shadow:0 8px 28px rgba(20,38,76,.08);
}
html[data-ux-version="r1"]{scroll-behavior:smooth}
body.ux-sidebar-collapsed{--sidebar:84px}

/* Shell */
.sidebar{
  width:var(--sidebar);
  background:linear-gradient(180deg,#06153b 0%,#071333 55%,#06112e 100%)!important;
  border-right:1px solid rgba(130,153,219,.16)!important;
  box-shadow:8px 0 30px rgba(7,18,52,.12);
  transition:width .22s ease,transform .22s ease;
}
.sidebar-brand{
  height:var(--topbar);
  min-height:var(--topbar);
  padding:0 14px 0 18px;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.sidebar-brand>div:nth-child(2){min-width:0;overflow:hidden;transition:opacity .16s ease,width .2s ease}
.sidebar-brand strong{font-size:22px;color:#fff!important;letter-spacing:.04em}
.sidebar-brand span{color:#aebee9!important;font-size:10px}
.sidebar-collapse{margin-left:auto;width:36px;height:36px;background:rgba(255,255,255,.045)!important;color:#dce6ff!important;border-color:rgba(255,255,255,.1)!important;flex:0 0 auto}
.sidebar-collapse:hover{background:rgba(255,255,255,.1)!important}
.sidebar-nav{padding:12px 10px 18px;gap:8px;scrollbar-width:thin;scrollbar-color:#29467d transparent}
.nav-group{display:flex;flex-direction:column;gap:4px}
.nav-group-toggle{
  width:100%;height:30px;padding:0 10px;border:0;background:transparent;color:#7389bd;
  display:flex;align-items:center;gap:8px;text-align:left;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;
}
.nav-group-toggle>svg:first-child{width:14px;height:14px;opacity:.9}
.nav-group-toggle span{flex:1;white-space:nowrap}
.nav-group-chevron{width:13px;height:13px;transition:transform .18s ease}
.nav-group.is-collapsed .nav-group-chevron{transform:rotate(-90deg)}
.nav-group-items{display:flex;flex-direction:column;gap:3px;min-width:0}
.nav-group.is-collapsed .nav-group-items{display:none}
.nav-item{
  height:42px;border-radius:10px;padding:0 11px;color:#bac8eb!important;gap:11px;font-size:12px;font-weight:660;position:relative;
}
.nav-item svg{width:18px;height:18px;flex:0 0 auto}
.nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.nav-item.active{
  background:linear-gradient(100deg,#5530c7,#6e3de5)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(66,34,153,.3)!important;
}
.nav-item.active:before{content:"";position:absolute;left:-4px;width:3px;height:22px;background:#a98cff;border-radius:0 4px 4px 0}
.nav-item em{background:rgba(121,87,226,.26);color:#e5dcff;min-width:22px;text-align:center}
.sidebar-help{display:none!important}
.sidebar-footer{margin-top:auto;padding:14px 8px 16px;border-top:1px solid rgba(255,255,255,.07);color:#8094c2!important;font-size:9px;white-space:nowrap;overflow:hidden}
.app-main{margin-left:var(--sidebar);transition:margin-left .22s ease}
.topbar{
  height:var(--topbar);padding:0 20px 0 22px;background:rgba(255,255,255,.96)!important;color:#13203e!important;
  border-bottom:1px solid #e3e8f1!important;box-shadow:0 3px 14px rgba(20,38,76,.05);backdrop-filter:blur(16px);
}
.page-identification{min-width:190px}
.page-identification h1{font-size:16px;color:inherit}
.page-identification span{font-size:10px;color:#7d88a3!important}
.global-search-wrap{height:42px;max-width:580px;background:#fff!important;border-color:#dfe5ef!important;box-shadow:0 2px 8px rgba(27,44,83,.04)}
.global-search-wrap input{color:#1d2947!important;font-size:13px}
.global-search-wrap input::placeholder{color:#8b95ad!important}
.global-search-wrap>svg{color:#66728d!important}
.global-search-wrap kbd{background:#f5f7fb;color:#69758e;border-color:#dfe5ef}
.topbar-actions{gap:7px}
.status-chip{height:31px;font-size:10px;border-radius:9px}
.status-chip.blue{background:#eef3ff!important;color:#3456a5!important;border-color:#dce6ff!important}
.status-chip.red{background:#fff0ef!important;color:#c63d36!important;border-color:#ffd8d5!important}
.status-chip.green{background:#ecf8f1!important;color:#278557!important;border-color:#d3efdf!important}
.topbar .icon-button{width:38px;height:38px;background:#fff;color:#5e6a85;border-color:#dfe5ef}
.user-button{color:#16213d!important}
.user-button small,.user-button>svg{color:#7a86a1!important}
.content{padding:24px 28px 40px;background:var(--ux-surface);max-width:none;margin:0;min-height:calc(100vh - var(--topbar))}
.card{border-radius:var(--ux-radius);border-color:#e3e8f1;box-shadow:var(--ux-shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card:hover{border-color:#d5ddea;box-shadow:0 11px 34px rgba(20,38,76,.1)}
.page-heading{margin-bottom:18px}
.page-heading h2{font-size:26px;letter-spacing:-.035em}
.page-heading p{font-size:12px;color:#75809a}
.primary-button{background:linear-gradient(135deg,#6537d8,#7a48ec);box-shadow:0 7px 16px rgba(100,55,216,.2)}
.primary-button:hover{background:linear-gradient(135deg,#5c2fcf,#7040e4)}
.secondary-button{background:#fff;color:#293653;border-color:#dfe5ef}
.eyebrow{color:var(--ux-purple);font-size:9px}

/* Sidebar recolhida */
body.ux-sidebar-collapsed .sidebar-brand{justify-content:center;padding:0 10px}
body.ux-sidebar-collapsed .sidebar-brand>div:nth-child(2){width:0;opacity:0;pointer-events:none}
body.ux-sidebar-collapsed .brand-symbol{display:none}
body.ux-sidebar-collapsed .sidebar-collapse{margin:0}
body.ux-sidebar-collapsed .nav-group-toggle{justify-content:center;height:25px;padding:0}
body.ux-sidebar-collapsed .nav-group-toggle span,body.ux-sidebar-collapsed .nav-group-chevron{display:none}
body.ux-sidebar-collapsed .nav-group-toggle>svg:first-child{width:13px;height:13px}
body.ux-sidebar-collapsed .nav-group.is-collapsed .nav-group-items{display:flex}
body.ux-sidebar-collapsed .nav-item{justify-content:center;padding:0;width:48px;margin:auto}
body.ux-sidebar-collapsed .nav-item span,body.ux-sidebar-collapsed .nav-item em{display:none}
body.ux-sidebar-collapsed .nav-item.active:before{left:-8px}
body.ux-sidebar-collapsed .sidebar-footer{font-size:0}
body.ux-sidebar-collapsed .sidebar-footer:after{content:"UX R1";font-size:8px}

/* Central */
.ux-home-heading{align-items:center;margin-bottom:16px}
.ux-home-heading h2{font-size:28px;margin:3px 0 5px}
.ux-home-heading .page-actions{align-items:center}
.ux-today-chip{height:38px;padding:0 12px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#4a5670;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;text-transform:capitalize;white-space:nowrap}
.ux-today-chip svg{width:15px;height:15px;color:var(--ux-purple)}
.ux-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ux-metric-card{min-height:122px;padding:17px;background:#fff!important;cursor:pointer;position:relative;overflow:hidden}
.ux-metric-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:115px;height:115px;border-radius:50%;background:color-mix(in srgb,var(--blue-soft) 55%,transparent);opacity:.45}
.ux-metric-card:hover{transform:translateY(-2px)}
.ux-metric-card .metric-card-top{align-items:center}
.ux-metric-card .metric-icon{width:42px;height:42px;border-radius:12px}
.ux-metric-card .metric-icon.purple{background:var(--ux-purple-soft);color:var(--ux-purple)}
.ux-metric-card>strong{font-size:28px;line-height:1;margin:13px 0 5px;color:#121e3c}
.ux-metric-card>span{font-size:12px;color:#4d5872;font-weight:700}
.ux-metric-card>small{position:absolute;right:14px;bottom:13px;display:flex;align-items:center;gap:4px;font-size:9px;color:#8b95ab;z-index:1}
.ux-metric-card>small svg{width:12px;height:12px}
.ux-metric-kicker{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#9aa3b7}
.ux-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.ux-new-leads-card{grid-column:span 7;min-width:0}
.ux-priority-card{grid-column:span 5;min-width:0}
.ux-map-card{grid-column:span 7;min-width:0}
.ux-visit-card{grid-column:span 5;min-width:0}
.ux-conversion-card{grid-column:span 7;min-width:0}
.ux-alert-card{grid-column:span 5;min-width:0}
.ux-dashboard-grid .card-header{padding:17px 18px 13px;border-bottom:1px solid #edf0f5}
.ux-dashboard-grid .card-header h3{font-size:14px;color:#17213e}
.ux-dashboard-grid .card-header p{font-size:10px;color:#8992a7;margin-top:4px}
.ux-new-leads-list{display:flex;flex-direction:column;padding:4px 16px 10px}
.ux-new-lead-item{display:grid;grid-template-columns:38px minmax(120px,1.35fr) minmax(120px,1fr) minmax(95px,.7fr) auto;gap:11px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf0f5;cursor:pointer}
.ux-new-lead-item:last-child{border-bottom:0}
.ux-new-lead-item:hover{background:#faf9ff}
.ux-lead-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;color:#6436d4;font-size:10px;font-weight:850}
.ux-lead-main,.ux-lead-source,.ux-lead-time{min-width:0;display:flex;flex-direction:column;gap:3px}
.ux-lead-main b,.ux-lead-source b,.ux-lead-time b{font-size:11px;color:#202b47;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-lead-main small,.ux-lead-source small,.ux-lead-time small{font-size:9px;color:#8992a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-lead-time b{color:#e14b45}
.ux-new-lead-item .primary-button{font-size:9px;padding:8px 10px}
.ux-priority-card .compact-queue{padding:4px 14px 10px}
.ux-priority-card .compact-queue-item{padding:11px 2px;border-bottom:1px solid #edf0f5}
.ux-priority-card .compact-queue-item:last-child{border-bottom:0}
.ux-map-card #central-map{height:350px;border-radius:0 0 var(--ux-radius) var(--ux-radius)}
.ux-visit-card #central-visits{padding:2px 14px 12px}
.ux-visit-card .upcoming-item{box-shadow:none;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:12px 0}
.ux-conversion-card .central-funnel-cta{background:linear-gradient(135deg,#f6f2ff,#eef4ff);border-color:#e3dcff}
.ux-alert-card .alert-list{padding:12px 17px 18px}

/* Clientes */
.ux-clients-heading{align-items:center}
.ux-client-card{overflow:visible}
.ux-client-filters{padding:16px 16px 10px;border-bottom:1px solid #edf0f5}
.ux-client-filters .filter-bar{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(145px,.8fr) minmax(145px,.75fr) minmax(180px,1fr) 150px 150px 42px;gap:10px;align-items:end}
.ux-client-filters .filter-bar label{margin:0;color:#68738d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.ux-client-filters input,.ux-client-filters select{height:40px;padding:0 11px;border-radius:9px;background:#fff}
.ux-multi-filter{position:relative;min-width:0}
.ux-multi-filter summary{height:40px;padding:0 10px;border:1px solid #d3dfeb;border-radius:9px;background:#fff;color:#36425d;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;list-style:none}
.ux-multi-filter summary::-webkit-details-marker{display:none}
.ux-multi-filter summary span{flex:1;min-width:0;color:#69758e;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ux-multi-filter summary svg{width:14px;height:14px}
.ux-multi-filter[open] summary{border-color:#8160df;box-shadow:0 0 0 3px rgba(109,57,230,.1)}
.ux-multi-filter-panel{position:absolute;z-index:30;top:46px;left:0;width:280px;max-height:280px;overflow:auto;padding:8px;background:#fff;border:1px solid #dfe5ef;border-radius:11px;box-shadow:0 18px 45px rgba(25,41,80,.16)}
.ux-multi-filter-panel label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0!important;padding:8px;border-radius:7px;color:#35415c!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.ux-multi-filter-panel label:hover{background:#f5f2ff}
.ux-multi-filter-panel input{width:15px!important;height:15px!important;padding:0!important;margin:0;accent-color:var(--ux-purple)}
.ux-filter-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#8992a7;font-size:9px}
.ux-filter-note span{display:flex;align-items:center;gap:5px}
.ux-filter-note svg{width:13px;height:13px;color:#6c55be}
.ux-filter-note b{color:#66728c;font-weight:700}
.ux-table-scroll{overflow:auto;max-width:100%}
.ux-client-table{min-width:1160px}
.ux-client-table th{position:sticky;top:0;z-index:2;background:#f8f9fc;color:#737e96;font-size:8px;letter-spacing:.05em;text-transform:uppercase;padding:11px 12px}
.ux-client-table td{padding:13px 12px;vertical-align:middle}
.ux-client-table tbody tr{cursor:pointer;transition:background .14s ease}
.ux-client-table tbody tr:hover{background:#fbfaff}
.ux-client-table td>b,.ux-client-table td>small{display:block}
.ux-client-table td>b{font-size:10px;color:#26314d}
.ux-client-table td>small{font-size:8px;color:#8b95aa;margin-top:3px}
.ux-client-avatar{width:38px!important;height:38px!important;background:#eee8ff!important;color:#6637d6!important;font-size:10px}
.ux-client-table .cell-title b{font-size:11px}
.ux-client-table .cell-title span,.ux-client-table .cell-title small{font-size:8px}
.ux-overdue-text{color:#d9453e!important}
.ux-client-table .table-actions{flex-wrap:nowrap}
.ux-client-table .table-actions button{width:30px;height:30px;border-radius:8px}

/* Modo escuro */
html[data-theme="dark"] .topbar{background:rgba(8,20,43,.97)!important;color:#eef4ff!important;border-bottom-color:#203553!important}
html[data-theme="dark"] .global-search-wrap{background:#0d2442!important;border-color:#24415f!important;box-shadow:none}
html[data-theme="dark"] .global-search-wrap input{color:#edf4ff!important}
html[data-theme="dark"] .global-search-wrap input::placeholder{color:#8095b1!important}
html[data-theme="dark"] .global-search-wrap kbd{background:#142d4d;color:#92a7c3;border-color:#294766}
html[data-theme="dark"] .topbar .icon-button,html[data-theme="dark"] .secondary-button{background:#102844;color:#cbd9ed;border-color:#28435f}
html[data-theme="dark"] .user-button{color:#eef4ff!important}
html[data-theme="dark"] .status-chip.blue{background:#102e55!important;color:#b6d5ff!important;border-color:#244c7b!important}
html[data-theme="dark"] .status-chip.red{background:#3b1b22!important;color:#ffb7b0!important;border-color:#6e3035!important}
html[data-theme="dark"] .status-chip.green{background:#10372b!important;color:#8be5b4!important;border-color:#236148!important}
html[data-theme="dark"] .content{background:#071426}
html[data-theme="dark"] .card,html[data-theme="dark"] .ux-metric-card{background:#0d2038!important;border-color:#223b58;box-shadow:0 10px 28px rgba(0,0,0,.18)}
html[data-theme="dark"] .card:hover{border-color:#315273}
html[data-theme="dark"] .page-heading h2,html[data-theme="dark"] .ux-dashboard-grid .card-header h3,html[data-theme="dark"] .ux-metric-card>strong,html[data-theme="dark"] .ux-new-lead-item b,html[data-theme="dark"] .ux-client-table td>b{color:#edf4ff}
html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .ux-dashboard-grid .card-header p,html[data-theme="dark"] .ux-new-lead-item small{color:#91a3ba}
html[data-theme="dark"] .ux-today-chip,html[data-theme="dark"] .ux-multi-filter summary,html[data-theme="dark"] .ux-multi-filter-panel,html[data-theme="dark"] .ux-client-filters input,html[data-theme="dark"] .ux-client-filters select{background:#102844!important;color:#dce7f7!important;border-color:#28435f!important}
html[data-theme="dark"] .ux-metric-card>span{color:#b4c3d6}
html[data-theme="dark"] .ux-metric-kicker,html[data-theme="dark"] .ux-filter-note{color:#8295ad}
html[data-theme="dark"] .ux-dashboard-grid .card-header,html[data-theme="dark"] .ux-client-filters,html[data-theme="dark"] .ux-new-lead-item,html[data-theme="dark"] .ux-priority-card .compact-queue-item,html[data-theme="dark"] .ux-visit-card .upcoming-item{border-color:#203650}
html[data-theme="dark"] .ux-new-lead-item:hover,html[data-theme="dark"] .ux-client-table tbody tr:hover,html[data-theme="dark"] .ux-multi-filter-panel label:hover{background:#112943}
html[data-theme="dark"] .ux-conversion-card .central-funnel-cta{background:linear-gradient(135deg,#1b2448,#132d4a);border-color:#303e71}
html[data-theme="dark"] .ux-client-table th{background:#102844;color:#91a3bb}
html[data-theme="dark"] .ux-client-table td{border-color:#203650}
html[data-theme="dark"] .ux-client-table td>small{color:#8ca0b9}

/* Em tema claro, a sidebar permanece escura para conservar identidade e contraste. */
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#06153b 0%,#071333 55%,#06112e 100%)!important;color:#fff!important;border-right-color:rgba(130,153,219,.16)!important}
html[data-theme="light"] .sidebar-brand strong{color:#fff!important}
html[data-theme="light"] .sidebar-brand span,html[data-theme="light"] .sidebar-footer{color:#aebee9!important}
html[data-theme="light"] .nav-item{color:#bac8eb!important}
html[data-theme="light"] .nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html[data-theme="light"] .nav-item.active{color:#fff!important}

/* Responsividade */
@media(max-width:1420px){
  .ux-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ux-new-leads-card,.ux-map-card,.ux-conversion-card{grid-column:span 8}
  .ux-priority-card,.ux-visit-card,.ux-alert-card{grid-column:span 4}
  .ux-client-filters .filter-bar{grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(140px,.8fr)) 145px 145px 42px}
}
@media(max-width:1150px){
  .page-identification{display:none}
  .topbar-actions .status-chip.green{display:none}
  .ux-dashboard-grid{grid-template-columns:1fr 1fr}
  .ux-dashboard-grid>*{grid-column:span 1!important}
  .ux-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-client-filters .filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ux-client-filters .filter-bar .grow{grid-column:span 2}
}
@media(max-width:850px){
  :root,body.ux-sidebar-collapsed{--sidebar:272px}
  body.ux-sidebar-collapsed .sidebar-brand>div:nth-child(2){width:auto;opacity:1}
  body.ux-sidebar-collapsed .brand-symbol{display:flex}
  body.ux-sidebar-collapsed .sidebar-collapse{display:none}
  body.ux-sidebar-collapsed .nav-group-toggle{justify-content:flex-start;padding:0 10px}
  body.ux-sidebar-collapsed .nav-group-toggle span,body.ux-sidebar-collapsed .nav-group-chevron{display:block}
  body.ux-sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 11px;width:auto;margin:0}
  body.ux-sidebar-collapsed .nav-item span,body.ux-sidebar-collapsed .nav-item em{display:block}
  .sidebar-collapse{display:none}
  .content{padding:16px}
  .ux-dashboard-grid{grid-template-columns:1fr}
  .ux-metric-grid{grid-template-columns:1fr 1fr}
  .ux-new-lead-item{grid-template-columns:36px 1fr auto}
  .ux-lead-source{grid-column:2}.ux-lead-time{grid-column:3;grid-row:1/3}.ux-new-lead-item .primary-button{grid-column:2/4;width:100%}
  .ux-client-filters .filter-bar{grid-template-columns:1fr 1fr}
  .ux-client-filters .filter-bar .grow{grid-column:1/-1}
  .ux-multi-filter-panel{position:fixed;left:16px;right:16px;top:130px;width:auto;max-height:55vh}
}
@media(max-width:620px){
  .topbar{padding:0 10px}.topbar-actions .status-chip{display:none}.user-button{padding:0}
  .ux-home-heading .page-actions{flex-wrap:wrap}.ux-today-chip{width:100%;justify-content:center;order:-1}
  .ux-metric-grid{grid-template-columns:1fr}
  .ux-metric-card{min-height:108px}
  .ux-new-lead-item{grid-template-columns:34px 1fr}.ux-lead-time{grid-column:2;grid-row:auto}.ux-new-lead-item .primary-button{grid-column:1/-1}
  .ux-client-filters .filter-bar{grid-template-columns:1fr}.ux-client-filters .filter-bar .grow{grid-column:1}
  .ux-filter-note{align-items:flex-start;flex-direction:column}
  .ux-table-scroll{overflow:visible}
  .ux-client-table{display:block;min-width:0}.ux-client-table thead{display:none}.ux-client-table tbody{display:grid;gap:12px;padding:12px}.ux-client-table tr{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px}.ux-client-table td{display:block;border:0!important;padding:8px}.ux-client-table td:before{content:attr(data-label);display:block;margin-bottom:4px;font-size:7px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.ux-client-table td:first-child,.ux-client-table td:last-child{grid-column:1/-1}.ux-client-table .table-actions{justify-content:flex-end}
}

/* MESA 6.1.0 R4.1.3 — módulos funcionais aprovados */
.r413-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.r413-tabs button{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:10px;padding:9px 13px;font-weight:750;cursor:pointer}.r413-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.r413-filter-grid{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(145px,1fr));gap:10px;align-items:end}.r413-filter-grid label,.r413-report-filter label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.r413-filter-grid .grow{min-width:0}.r413-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--border);color:var(--muted)}.r413-pagination>div{display:flex;align-items:center;gap:10px}.r413-bulk-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-block:1px solid color-mix(in srgb,var(--danger) 28%,var(--border))}.r413-bulk-bar b{margin-right:auto}.r413-deleted-row{opacity:.78;background:color-mix(in srgb,var(--danger) 5%,transparent)}.r413-blockers{margin:8px 0 0;padding-left:20px;color:var(--danger)}.r413-result-item{padding:12px;border:1px solid var(--border);border-radius:10px;margin-top:8px}.r413-duplicate-alert{margin-bottom:10px}.r413-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.r413-transfer-card .detail-summary,.r413-card-grid .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.r413-pending-item,.r413-item-decisions article,.r413-stage-confirm-list article,.r413-reason-list article{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);margin-top:8px}.r413-item-decisions article{grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) minmax(180px,1fr);align-items:center}.r413-stage-confirm-list{display:grid;gap:10px}.r413-stage-confirm-list article{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(160px,.8fr);align-items:end}.r413-reason-list article{grid-template-columns:1fr auto;align-items:center}.r413-reason-list small{display:block;color:var(--muted);margin-top:4px}.r413-report-shell{display:grid;gap:12px;margin-bottom:16px}.r413-report-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.r413-report-filter .ux-multi-filter{min-width:190px}.r413-buckets{display:grid;gap:10px}.r413-buckets>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.r413-funnel-chain{display:flex;align-items:stretch;gap:8px;overflow:auto;padding:16px}.r413-funnel-chain article{min-width:160px;display:grid;align-content:center;gap:5px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.r413-funnel-chain article strong{font-size:26px}.r413-funnel-chain article span{font-weight:750}.r413-funnel-chain article small{color:var(--muted)}.r413-funnel-chain>i{align-self:center;color:var(--muted)}.ux-multi-filter{position:relative}.ux-multi-filter summary{list-style:none;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg,var(--surface));cursor:pointer}.ux-multi-filter summary::-webkit-details-marker{display:none}.ux-multi-filter-panel{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:260px;max-height:300px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg,0 16px 35px rgba(0,0,0,.24))}.ux-multi-filter-panel label{display:flex!important;align-items:center;gap:8px;padding:7px!important;font-size:12px!important}.r413-pending-item textarea{width:100%;min-height:68px}.r413-pending-item button{justify-self:start}.danger-button{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.form-note.success{border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}
@media(max-width:1180px){.r413-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.r413-filter-grid .grow{grid-column:span 2}.r413-item-decisions article,.r413-stage-confirm-list article{grid-template-columns:1fr 1fr}.r413-item-decisions article b,.r413-stage-confirm-list article b{grid-column:1/-1}}
@media(max-width:760px){.r413-filter-grid{grid-template-columns:1fr}.r413-filter-grid .grow{grid-column:auto}.r413-pagination{align-items:flex-start;flex-direction:column}.r413-pagination>div{width:100%;justify-content:space-between}.r413-bulk-bar{align-items:flex-start;flex-wrap:wrap}.r413-card-grid{grid-template-columns:1fr}.r413-item-decisions article,.r413-stage-confirm-list article{grid-template-columns:1fr}.r413-report-filter{display:grid;grid-template-columns:1fr 1fr}.r413-report-filter>*{min-width:0!important}.r413-funnel-chain{scroll-snap-type:x mandatory}.r413-funnel-chain article{scroll-snap-align:start}.ux-multi-filter-panel{position:fixed;left:12px;right:12px;top:120px;max-height:60vh}}
@media print{.sidebar,.topbar,.r413-report-shell,.page-actions,.toast-container,.task-widget{display:none!important}.app-main,.content{margin:0!important;padding:0!important}.card{break-inside:avoid;box-shadow:none!important}}
.r413-deleted-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.r413-deleted-bulk .text-button{margin-left:auto}.r413-deleted-filters{margin-bottom:14px}.r413-deleted-filters .filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px}.r413-deleted-filters .filter-bar>label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.r413-deleted-filters .filter-bar .grow{min-width:240px;flex:1}.r413-deleted-filters .ux-multi-filter{min-width:170px}.r413-deleted-filters input[type="date"]{min-width:145px}
@media(max-width:760px){.r413-deleted-bulk>*{flex:1 1 auto}.r413-deleted-bulk .text-button{margin-left:0}.r413-deleted-filters .filter-bar{display:grid;grid-template-columns:1fr}.r413-deleted-filters .filter-bar>*{min-width:0!important}}


/* MESA 6.1.0 R4.1.3.4 — hierarquia de navegação, tema claro e visão gerencial */
.nav-group{
  gap:2px;
  padding:3px 0;
  border-radius:12px;
}
.nav-group-toggle{
  height:40px;
  padding:0 12px;
  border:1px solid transparent;
  color:#b8c6e8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:none;
  border-radius:10px;
}
.nav-group-toggle>svg:first-child{width:17px;height:17px;color:#91a8dd}
.nav-group-toggle:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-group.has-active>.nav-group-toggle{
  color:#fff;
  background:rgba(111,72,236,.13);
  border-color:rgba(151,123,245,.16);
}
.nav-group.has-active>.nav-group-toggle>svg:first-child{color:#a98cff}
.nav-group-items{
  position:relative;
  gap:2px;
  margin:3px 0 5px 17px;
  padding:2px 0 2px 12px;
}
.nav-group-items:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;
  background:rgba(157,176,220,.18);
}
.nav-group .nav-item{
  min-height:37px;
  height:37px;
  padding:0 10px;
  border-radius:9px;
  color:#9fb0d7!important;
  font-size:11px;
  font-weight:620;
  box-shadow:none!important;
}
.nav-group .nav-item svg{width:15px;height:15px;color:#7f94c4}
.nav-group .nav-item:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
.nav-group .nav-item.active{
  background:rgba(111,72,236,.24)!important;
  color:#fff!important;
  border:1px solid rgba(171,143,255,.18);
}
.nav-group .nav-item.active svg{color:#c5afff}
.nav-group .nav-item.active:before{
  left:-13px;
  height:20px;
  width:3px;
  background:#8b5cf6;
}
.nav-group .nav-item em{
  min-width:20px;
  height:20px;
  line-height:20px;
  border-radius:10px;
  font-size:9px;
}
.nav-group.is-collapsed{padding-bottom:3px}
.nav-group.is-collapsed .nav-group-toggle{color:#8093bf}
.nav-group.is-collapsed .nav-group-items{display:none}

/* Tema claro: a navegação também acompanha o tema. */
html[data-theme="light"] .sidebar{
  background:linear-gradient(180deg,#fbfcff 0%,#f5f7fc 100%)!important;
  color:#24314c!important;
  border-right:1px solid #dfe5ef!important;
  box-shadow:8px 0 28px rgba(31,48,82,.08);
}
html[data-theme="light"] .sidebar-brand{
  border-bottom-color:#e2e7f0!important;
}
html[data-theme="light"] .sidebar-brand strong{color:#17213d!important}
html[data-theme="light"] .sidebar-brand span{color:#71809c!important}
html[data-theme="light"] .sidebar .brand-symbol{filter:none}
html[data-theme="light"] .sidebar-collapse{
  background:#fff!important;
  color:#5e6b87!important;
  border-color:#dfe5ef!important;
}
html[data-theme="light"] .sidebar-collapse:hover{background:#eef2f8!important}
html[data-theme="light"] .sidebar-nav{scrollbar-color:#c5cfdf transparent}
html[data-theme="light"] .nav-group-toggle{color:#566681}
html[data-theme="light"] .nav-group-toggle>svg:first-child{color:#7486a4}
html[data-theme="light"] .nav-group-toggle:hover{background:#edf1f8;color:#1e2a45}
html[data-theme="light"] .nav-group.has-active>.nav-group-toggle{
  color:#42259b;
  background:#eee9ff;
  border-color:#ddd1ff;
}
html[data-theme="light"] .nav-group.has-active>.nav-group-toggle>svg:first-child{color:#693bd5}
html[data-theme="light"] .nav-group-items:before{background:#d8dfeb}
html[data-theme="light"] .nav-group .nav-item{color:#5f6e88!important}
html[data-theme="light"] .nav-group .nav-item svg{color:#8390a8}
html[data-theme="light"] .nav-group .nav-item:hover{background:#eef2f8!important;color:#1e2a45!important}
html[data-theme="light"] .nav-group .nav-item.active{
  background:#e8e0ff!important;
  color:#4f27b5!important;
  border-color:#d7c8ff;
}
html[data-theme="light"] .nav-group .nav-item.active svg{color:#6334d2}
html[data-theme="light"] .nav-group .nav-item em{background:#e9e3fb;color:#5c36b7}
html[data-theme="light"] .sidebar-footer{border-top-color:#e2e7f0;color:#7786a1!important}

/* Central gerencial: acompanhar SLA, não assumir atendimento. */
.ux-new-lead-item.is-management{cursor:default}
.ux-new-lead-item.is-management:hover{background:transparent}
.ux-lead-management-action{
  min-width:145px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.ux-lead-management-action>span{
  display:flex;
  align-items:center;
  gap:5px;
  max-width:175px;
  color:#5e6b85;
  font-size:9px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ux-lead-management-action>span svg{width:13px;height:13px;color:#4b7f64}
.ux-new-lead-item .secondary-button{font-size:9px;padding:7px 10px}
.ux-sla-owner-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 2px;
  border-bottom:1px solid #edf0f5;
}
.ux-sla-owner-row:last-child{border-bottom:0}
.ux-sla-owner-row .compact-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.ux-sla-owner-row .compact-main b{font-size:11px;color:#202b47;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-sla-owner-row .compact-main small{font-size:9px;color:#8992a7}
/* HF7: remove o acento vertical da borda do card de SLA, que invadia o canto arredondado.
   Mantém a sinalização de criticidade como marcador interno junto ao título. */
.ux-sla-card .card-header{border-left:0}
.ux-sla-card .card-header h3{display:flex;align-items:center;gap:8px}
.ux-sla-card .card-header h3::before{content:"";display:inline-block;width:4px;height:16px;border-radius:999px;background:#e14b45;flex:0 0 auto}
html[data-theme="dark"] .ux-sla-owner-row{border-color:#203650}
html[data-theme="dark"] .ux-sla-owner-row .compact-main b{color:#edf4ff}
html[data-theme="dark"] .ux-lead-management-action>span{color:#9eb0c7}

/* Mensagens anteriores continuam visíveis até migração definitiva. */
.business-message-card.is-legacy{
  border-style:dashed;
  border-color:color-mix(in srgb,var(--primary) 30%,var(--border));
}
.business-message-card.is-legacy .business-card-head>span:first-child{color:var(--primary)}
.business-message-card.is-legacy:before{
  content:"Modelo preservado";
  display:inline-flex;
  width:max-content;
  margin:0 0 8px;
  padding:4px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--primary) 10%,transparent);
  color:var(--primary);
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}

@media(max-width:850px){
  .nav-group-items{margin-left:14px}
  .ux-lead-management-action{grid-column:2/4;align-items:stretch}
  .ux-lead-management-action>span{max-width:none}
}
@media(max-width:620px){
  .ux-lead-management-action{grid-column:1/-1}
  .ux-sla-owner-row{grid-template-columns:34px 1fr}
  .ux-sla-owner-row>.badge{grid-column:2;justify-self:start}
}
.business-message-card.is-system{
  border-color:color-mix(in srgb,var(--success) 28%,var(--border));
  background:linear-gradient(145deg,color-mix(in srgb,var(--success) 5%,var(--surface)),var(--surface));
}
.business-message-card.is-system:before{
  content:"Mensagem essencial";
  display:inline-flex;
  width:max-content;
  margin:0 0 8px;
  padding:4px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--success) 12%,transparent);
  color:var(--success);
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}