/* =====================================================================
   ESTILO COMÚN DEL SISTEMA — versión 3.1 (aprobada por Adolfo, 2026-11-04)
   Muestra: programador/disenos/restyling-muestras.html

   Se carga DESPUÉS del <style> propio de cada página y solo cambia cómo
   se ve: colores, letra, esquinas, bordes y fondos. No cambia nombres de
   clases ni el funcionamiento.
   Para volver atrás: sacar la línea <link ... /comun/estilo.css> de la página.

   - Fondo gris claro, paneles blancos con línea fina, sin sombras.
   - Menú lateral blanco (estilo Woker).
   - Bandas en Azul Capital con degradé a celeste y el isotipo como marca de agua.
   - Esquinas apenas redondeadas (6px; 4px en etiquetas). Nunca óvalos.
===================================================================== */

:root{
  /* Marca Capital (manual de marca v1) */
  --navy:#085179; --navy2:#06425F; --navy3:#063F5F; --navy-mid:#0B6C9C; --navy-lite:#24B4EA;
  --celeste:#0F86BD; --celeste-bg:#E3F5FC; --celeste-dark:#0B6C9C;
  --bg:#F2F5F8; --white:#FFFFFF; --border:#E1E7ED; --border2:#C9D3DD;
  --text:#2F3A45; --text2:#55626F; --text3:#8593A1;
  --green:#2E9A66; --green-bg:#E5F5EC;
  --amber:#B86E0C; --amber-bg:#FDF1E1;
  --rose:#C93C3C; --rose-bg:#FCEBEB;
  --purple:#6C5BD4; --purple-bg:#EEECFB;
  --teal:#1A7A8A; --teal-bg:#E3F3F5;
  --slate:#5A6875; --slate-bg:#EEF1F4;
  --activo-bg:#E3F3FB; --linea-2:#E9EEF3;
  --font:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:6px; --r-chico:4px; --r2:6px;
  --blue:#0B6C9C; --lblue:#24B4EA;
  --grad:linear-gradient(118deg,#063F5F 0%,#085179 38%,#0F86BD 78%,#24B4EA 100%);
  --agua:url('/comun/isotipo-blanco.png');
}

body{font-family:var(--font);}
::-webkit-scrollbar-thumb{border-radius:var(--r-chico);}

/* ---------- Bandas con degradé y marca de agua ---------- */
/* .topbar es la banda azul en todas las páginas menos Gestión (allí es blanca y la banda es .app-topbar) */
#login-screen,#gate,.app-topbar,.mh,.mn,:not(.main) > .topbar,.header{background:var(--grad);}
#login-screen,#gate,.app-topbar,:not(.main) > .topbar{position:relative;}
#login-screen,#gate,.app-topbar,.mh,:not(.main) > .topbar,.header{overflow:hidden;isolation:isolate;}
.mh{position:sticky;}
#login-screen::after,#gate::after,.app-topbar::after,.mh::after,:not(.main) > .topbar::after,.header::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  background:var(--agua) no-repeat center/contain;opacity:.10;
  right:-1%;top:50%;transform:translateY(-50%);height:220%;aspect-ratio:659/710;
}
#login-screen::after,#gate::after{height:120%;right:-8%;opacity:.07;}
.login-box{border-radius:8px;box-shadow:none;}
.login-logo .brand{font-weight:900;letter-spacing:.02em;}
.login-logo .brand span{font-weight:300;color:var(--navy);}

.app-topbar{padding:12px 24px;}
.app-topbar .brand{font-weight:900;letter-spacing:.03em;}
.app-topbar .brand span{color:#fff;font-weight:300;}
.app-topbar .brand .tag{font-weight:700;color:rgba(255,255,255,.75);}
.home-btn,.logout-btn{border-radius:var(--r);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);font-weight:500;}

/* ---------- Menú lateral blanco (Woker) ---------- */
.shell > .sidebar{background:var(--white);border-right:1px solid var(--border);}
.shell .sb-logo{border-bottom:1px solid var(--border);}
.shell .sb-logo .brand{color:var(--navy);font-weight:900;}
.shell .sb-logo .brand span{color:var(--navy);font-weight:300;}
.shell .sb-logo .sub{color:var(--text3);font-weight:700;}
.shell .sb-user{border-bottom:1px solid var(--border);}
.shell .sb-user .name{color:var(--text);}
.shell .sb-user .role{color:var(--text3);}
.shell .ava{background:var(--navy);color:#fff;border-radius:var(--r);}
.shell .nav-sec{color:var(--text3);font-weight:700;font-size:10.5px;}
.shell .nav-item{color:var(--text);font-weight:500;border-radius:var(--r);border-left:3px solid transparent;}
.shell .nav-item .ni{color:var(--text3);}
.shell .nav-item:hover{background:var(--bg);color:var(--navy);}
.shell .nav-item.active{background:var(--activo-bg);color:var(--navy);box-shadow:none;border-left-color:var(--navy);border-radius:0 var(--r) var(--r) 0;}
.shell .nav-item.active .ni{color:var(--navy);}
.shell .nav-badge{border-radius:var(--r-chico);font-weight:700;}
.shell .sb-bottom{border-top:1px solid var(--border);}
.shell .sb-bottom .nav-item{color:var(--text2);}

/* ---------- Encabezado de cada página ---------- */
.topbar{border-bottom:1px solid var(--border);box-shadow:none;}
.topbar h1{font-weight:900;text-transform:uppercase;letter-spacing:.01em;}

/* ---------- Botones, campos y chips ---------- */
.btn{border-radius:var(--r);font-weight:500;}
.btn-primary{background:var(--navy);}
.btn-primary:hover{background:var(--navy2);}
.btn-ghost{border:1px solid var(--border);}
.btn-ghost:hover{border-color:var(--navy-mid);}
.btn-danger{border:1px solid #F2C6C6;}
.btn-success{border:1px solid #BFE3CF;}
.fg label{font-weight:700;color:var(--text3);letter-spacing:.1em;}
.fg input,.fg select,.fg textarea{border:1px solid var(--border);border-radius:var(--r);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(11,108,156,.12);}
.fi,.search-fi,.gm-config-sel{border:1px solid var(--border);border-radius:var(--r);}
.chip-btn{border-radius:var(--r);border:1px solid var(--border);font-weight:500;}
.chip-btn:hover{border-color:var(--navy-mid);}
.chip-btn.active{background:var(--navy);border-color:var(--navy);}
.tag,.tb{border-radius:var(--r-chico);font-weight:500;}
.area-pill{border-radius:var(--r-chico);}

/* ---------- Números de arriba (Woker) ---------- */
.stat-card,.kpi,.dc,.report-section{border:1px solid var(--border);border-radius:var(--r);}
.stat-card,.kpi{border-top:1px solid var(--border);}
.stat-label,.kpi-label,.dc h3{color:var(--text3);letter-spacing:.12em;}
.stat-value,.kpi-val{font-weight:700;color:#08324B;font-variant-numeric:tabular-nums;}
.report-section-title{background:var(--white);border-left:3px solid var(--navy);}

/* ---------- Tablero de tareas ---------- */
.kcol{background:var(--linea-2);border-radius:var(--r);border-top:3px solid var(--navy-mid);}
.kcol-head{border-bottom:1px solid var(--border);font-weight:700;color:#08324B;}
.kcol-head .kcol-count{border-radius:var(--r-chico);font-weight:500;}
.tc{border:1px solid var(--border);border-left:3px solid var(--border2);border-radius:var(--r);}
.tc:hover{border-color:var(--navy-mid);box-shadow:none;}
.tc.p-alta{border-left-color:var(--rose);}
.tc.p-media{border-left-color:var(--amber);}
.tc.p-baja{border-left-color:var(--text3);}
.tc-title{font-weight:500;color:#08324B;}
.ava-xs{border-radius:var(--r-chico);}

/* ---------- Ventanas (tarea abierta, carga rápida) ---------- */
.mo{background:rgba(6,38,58,.45);}
.modal{border:1px solid var(--border);border-radius:8px;}
.mh{border-bottom:0;color:#fff;}
.mh h2{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.01em;}
.modal-close{color:rgba(255,255,255,.85);}
.mf{border-top:1px solid var(--border);}
.nota{border-radius:var(--r);}
.tli-dot{background:var(--white);border:2px solid var(--navy-mid);width:14px;height:14px;margin-top:4px;margin-left:2px;}
.qr-ok{border-radius:var(--r);}

/* ---------- Tablas y listas ---------- */
.list-item{border-radius:var(--r);}
.gm-info,.gm-wrap,.gm-config-bar,.gm-result{border-width:1px;border-radius:var(--r);}
.gm-table thead tr{background:var(--navy);}
.admin-tabs{border-bottom:1px solid var(--border);}
.bt,.bf,.chart-track,.chart-fill{border-radius:var(--r-chico);}
.bottleneck{border-radius:var(--r);}

@media(max-width:640px){
  #mo-rapida .modal{border-radius:0;}
}

/* =====================================================================
   OTRAS PÁGINAS DEL EQUIPO: Inicio, CRM, Supervisor, Productores,
   Finanzas y Asesores. Mismas reglas, con los nombres de cada página.
===================================================================== */

/* Campos de texto: apenas redondeados */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--r);}

/* Recuadros: esquinas suaves, línea fina y sin sombra */
.login-card,.card,.stat-card,.kpi-card,.mcard,.config-card,.advisor-card,.equipo-card,.intro-card,.type-card,
.hub-tile,.cfg-row,.modal,.modal-card,.modal-info,.lote-box,.tbl-wrap,.mis-ind-card,.sec,.alert,.col,
.fm-big,.data-table{border-radius:var(--r);box-shadow:none;}
.login-card{border-radius:8px;}
.hub-tile:hover,.card:hover{box-shadow:none;border-color:var(--navy-mid);}
.col{background:var(--linea-2);}

/* Etiquetas y chips: nunca óvalos */
.chip,.badge,.pill,.est-badge,.incentivo-badge,.tag-inactivo,.a-semana-pill,.tc-tag,.fm-chip,.col-head .count,
.count{border-radius:var(--r-chico);}
.chip{border-radius:var(--r);}

/* Botones */
.login-btn,.tab-btn,.btn-add,.btn-nuevo,.btn-secondary,.btn-blue,.btn-login,.btn-copy-link,.copy-btn,
.cbu-copy-btn,.total-copy-btn,.top-btn,.mes-pdf-btn,.btn-baja,.btn-reac{border-radius:var(--r);}

/* Avatares: cuadraditos suaves, no círculos */
.user-avatar,.user-row .ur-avatar{border-radius:var(--r);}

/* Títulos de las bandas */
:not(.main) > .topbar{color:#fff;}
.login-brand{letter-spacing:.02em;}
.section-title{color:#08324B;}

/* =====================================================================
   COTIZADORES DE ASESORES (/cotizacion/): índice y formularios
===================================================================== */
.header::before{display:none;}
.header::after{left:auto;bottom:auto;width:auto;border:0;border-radius:0;height:150%;}
.header h1 span{color:#BFE8F8;font-weight:300;}
.intro-card,.type-card,.plan-card,.upload-area{border-radius:var(--r);box-shadow:none;}
.type-card,.intro-card,.card{border-width:1px;}
.type-card:hover{box-shadow:none;transform:none;border-color:var(--navy-mid);}
.file-tag,.success-num{border-radius:var(--r-chico);}
.type-card .tc-btn,.btn-submit{border-radius:var(--r);font-weight:700;}
.card-title::before{border-radius:0;}
.step-item .num{border-radius:var(--r);}
.progress-bar,.progress-fill{border-radius:var(--r-chico);}

/* =====================================================================
   CAPITAL PASS (/productores/): menú lateral oscuro con degradé
   (su texto es blanco; no lleva el menú blanco de Gestión)
===================================================================== */
.layout > .sidebar{background:linear-gradient(180deg,#063F5F 0%,#085179 55%,#0B6C9C 100%);}
.layout .nav-item{border-radius:0;}
.layout .nav-item.active{border-left-color:var(--lblue);}
.layout .topbar-title{font-weight:900;text-transform:uppercase;letter-spacing:.01em;}
.login-box{border-radius:8px;box-shadow:none;}
.btn-login{border-radius:var(--r);}

/* =====================================================================
   SINIESTROS, COTIZÁ AUTO, PORTAL DE PRODUCTORES Y ASEGURADOS
===================================================================== */
.tipo-opt,.file-zone,.opt,.success-ref,.form-wrap .section{border-radius:var(--r);box-shadow:none;}
.intro-icon,.icon{border-radius:var(--r);}
.header-badge{border-radius:var(--r-chico);}

/* =====================================================================
   PRODUCTORES NUEVO (/panel-productores/nuevo/): banda con degradé,
   marca de agua y botón Inicio (la banda lleva la clase .cb-banda)
===================================================================== */
.cb-banda{background:var(--grad);position:relative;overflow:hidden;isolation:isolate;}
.cb-banda::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--agua) no-repeat center/contain;opacity:.10;right:-1%;top:50%;transform:translateY(-50%);height:220%;aspect-ratio:659/710;}
.cb-banda nav button{border-radius:var(--r);}
.cb-banda .quien{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cb-banda .home-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:500;padding:7px 12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);border-radius:var(--r);}
.cb-banda .home-btn:hover{background:rgba(255,255,255,.24);}
.cb-banda .home-btn svg{width:14px;height:14px;flex:none;}

/* =====================================================================
   SUPERVISOR → Panel: un asesor por fila (pedido de Adolfo, 2026-11-05)
   Solo cambia la distribución: nombre | semanas | automotor | otras ramas
   | incentivo | comisión, de izquierda a derecha. Mismos datos.
===================================================================== */
.advisor-grid{grid-template-columns:1fr;gap:8px;}
.advisor-card{display:grid;grid-template-columns:minmax(140px,180px) minmax(240px,1.2fr) minmax(165px,1fr) minmax(165px,1fr) 140px 170px;align-items:center;column-gap:20px;row-gap:4px;padding:12px 20px;}
.advisor-card .a-name{margin:0;font-size:14.5px;line-height:1.25;grid-column:1;grid-row:1 / span 2;}
/* Rótulos claros: arriba de los cuadraditos dice que son COTIZACIONES; las barras dicen VENTAS */
.advisor-card .a-semanas-title{grid-column:2;grid-row:1;margin:0;font-size:9px;letter-spacing:.04em;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.advisor-card .a-semanas-grid{grid-column:2;grid-row:2;}
.advisor-card .a-metric:nth-child(4){grid-column:3;grid-row:1 / span 2;}
.advisor-card .a-metric:nth-child(5){grid-column:4;grid-row:1 / span 2;}
.advisor-card .incentivo-badge{grid-column:5;grid-row:1 / span 2;}
.advisor-card .a-foot{grid-column:6;grid-row:1 / span 2;}
.advisor-card .a-metric-top span::before{content:"Ventas ";}
.advisor-card .a-semanas-grid{margin:0;gap:4px;}
.advisor-card .a-semana-pill{padding:5px 2px 4px;border-radius:var(--r-chico);}
.advisor-card .a-semana-num{font-size:15px;line-height:1.1;}
.advisor-card .a-semana-lbl{font-size:8.5px;margin-top:1px;}
.advisor-card .a-semana-rango{display:none;}
.advisor-card .a-metric{margin:0;}
.advisor-card .a-metric-top{margin-bottom:4px;gap:8px;white-space:nowrap;font-size:11.5px;}
.advisor-card .incentivo-badge{margin:0;justify-self:start;}
.advisor-card .a-foot{margin:0;padding:0;border:0;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;}
.advisor-card .a-foot .lbl{font-size:10px;white-space:nowrap;}
.advisor-card .a-foot .val{font-size:15px;}

/* Pantallas medianas: dos renglones por asesor */
@media (max-width:980px){
  .advisor-card{grid-template-columns:1fr 1fr;}
  .advisor-card .a-name,.advisor-card .a-semanas-title,.advisor-card .a-semanas-grid,.advisor-card .a-metric:nth-child(4),.advisor-card .a-metric:nth-child(5),.advisor-card .incentivo-badge,.advisor-card .a-foot{grid-column:auto;grid-row:auto;}
  .advisor-card .a-name,.advisor-card .a-semanas-title,.advisor-card .a-semanas-grid{grid-column:1 / -1;}
}
/* Celular: como antes, una tarjeta debajo de la otra */
@media (max-width:640px){
  .advisor-card{grid-template-columns:1fr;}
  .advisor-card > *{grid-column:1 / -1 !important;}
  .advisor-card .a-foot{flex-direction:row;justify-content:space-between;align-items:center;}
}

/* =====================================================================
   INICIO (/staff/): accesos simples (pedido de Adolfo, 2026-11-05)
   Cada acceso muestra solo su ícono y su nombre (Gestión, Barrios,
   Asesores, Supervisor, Productores, Finanzas). Sin "Capital Broker"
   repetido ni explicación. Todo el recuadro es el botón.
===================================================================== */
.cb-accesos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.cb-accesos .hub-tile:not(.hidden){display:flex;align-items:center;gap:16px;}
.cb-accesos .hub-tile{padding:14px 18px 14px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--white);}
.cb-accesos .hub-tile:hover{transform:none;box-shadow:none;border-color:var(--navy-mid);background:var(--activo-bg);}
.cb-accesos .hub-tile .hub-icon{width:52px;height:52px;margin:0;flex:none;padding:12px;color:#fff;background:var(--grad);border-radius:var(--r);display:flex;}
.cb-accesos .hub-tile .hub-title,.cb-accesos .hub-tile .hub-sub,.cb-accesos .hub-tile .hub-arrow{display:none;}
.cb-accesos .hub-tile .hub-brand-tag{flex:1;margin:0;font-size:15px;font-weight:900;letter-spacing:.06em;color:#08324B;}
.cb-accesos .hub-tile::after{content:"→";font-size:18px;font-weight:700;color:var(--navy-mid);transition:transform .15s;}
.cb-accesos .hub-tile:hover::after{transform:translateX(3px);}

/* =====================================================================
   PRODUCTORES NUEVO por dentro, con el mismo criterio que el resto del
   sistema (pedido de Adolfo, 2026-11-05). Página marcada con body.cb-pp.
   Números y recuadros más chicos y sutiles; columna de CBU alineada.
===================================================================== */
body.cb-pp{--azul:#085179;--gris:var(--bg);--texto:var(--text);--suave:var(--text2);--linea:var(--border);--borde:var(--border2);background:var(--bg);color:var(--text);}
.cb-pp main{gap:14px;}
.cb-pp h1{font-size:22px;color:#08324B;}
.cb-pp .card{border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;}
.cb-pp .etq{font-size:10.5px;color:var(--text3);}
.cb-pp h2{font-size:11px;color:#08324B;margin-bottom:10px;}
.cb-pp .kpi .v{font-size:21px;font-weight:700;color:#08324B;margin-top:2px;font-variant-numeric:tabular-nums;}
.cb-pp .kpi .d{font-size:12px;color:var(--text3);}
.cb-pp .kpi.azul{background:var(--activo-bg);border-color:#BFE3F3;border-left:3px solid var(--azul);color:var(--text);}
.cb-pp .kpi.azul .v{color:#08324B;}
.cb-pp .kpi.azul .etq,.cb-pp .kpi.azul .d{color:var(--text2);}
.cb-pp .grid4,.cb-pp .grid3,.cb-pp .grid2{gap:10px;}
.cb-pp .btn{border-radius:var(--r);min-height:36px;padding:8px 14px;font:500 13.5px var(--font);}
.cb-pp .btn.sec,.cb-pp .btn.peligro{border-width:1px;}
.cb-pp .btn.mini{min-height:28px;padding:4px 9px;font-size:12px;}
.cb-pp input,.cb-pp select,.cb-pp textarea{border:1px solid var(--border);border-radius:var(--r);min-height:36px;font-size:13.5px;padding:7px 10px;}
.cb-pp label.campo{font-size:10.5px;color:var(--text3);}
.cb-pp th{font-size:10.5px;color:var(--text3);font-weight:700;}
.cb-pp td{padding:8px;border-top:1px solid var(--linea-2);}
.cb-pp tr.click:hover td{background:var(--activo-bg);}
.cb-pp .pill{border-radius:var(--r-chico);font-size:11.5px;font-weight:500;padding:2px 8px;}
.cb-pp .chip{border-radius:var(--r);border-width:1px;font-size:12.5px;font-weight:500;padding:5px 10px;}
.cb-pp .aviso{border-radius:var(--r);border:1px solid #BFE3F3;}
.cb-pp .modal{border-radius:8px;}
.cb-pp .prog,.cb-pp .prog>div,.cb-pp .hb .t{border-radius:var(--r-chico);}
.cb-pp .chart .col div{border-radius:2px 2px 0 0;}
/* CBU o alias: el texto ocupa siempre el mismo ancho, así los botones quedan alineados */
.cb-pp #c-body td:nth-child(2) code,.cb-pp #c-body td:nth-child(2) .estado{display:inline-block;width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font:400 12.5px var(--font);color:var(--text);}
.cb-pp #c-body td:nth-child(2) .estado{color:var(--text3);width:265px;}
.cb-pp .chart .col{background:none;border-top:0;border-radius:0;}
.cb-pp #b-migrar{display:none!important;}

/* SUPERVISOR: número de orden a la izquierda de cada asesor (pedido de Adolfo, 2026-11-05) */
.advisor-grid{counter-reset:asesor;}
.advisor-card{counter-increment:asesor;position:relative;}
.advisor-card::before{content:counter(asesor);position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font:700 12px var(--font);color:#fff;background:var(--grad);border-radius:var(--r-chico);font-variant-numeric:tabular-nums;}
@media (max-width:1300px){.advisor-card{padding-left:52px;}.advisor-card::before{left:14px;}}

/* =====================================================================
   FINANZAS por dentro, igual que Gestión (pedido de Adolfo, 2026-11-05).
   Solo gráfica: mismos botones, mismos datos. Página marcada con body.cb-fz.
===================================================================== */
.cb-fz .toolbar h1{font-weight:900;text-transform:uppercase;letter-spacing:.01em;color:#08324B;}
.cb-fz .toolbar .sub{color:var(--text3);}
.cb-fz .field{color:var(--text3);font-size:10.5px;letter-spacing:.1em;}
.cb-fz .btn{border:1px solid var(--border);border-radius:var(--r);font-weight:500;}
.cb-fz .btn.primary{border-color:var(--navy);}
.cb-fz .sec{border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;}
.cb-fz .sec h2{font-size:14px;color:#08324B;}
.cb-fz .sec .note{font-weight:400;color:var(--text3);}
.cb-fz .alert{border:1px solid #F3D9A8;border-radius:var(--r);}
.cb-fz th{border-bottom:1px solid var(--border);font-weight:700;font-size:10.5px;}
.cb-fz td{border-bottom:1px solid var(--linea-2);}
/* Números de arriba: chicos y sutiles, con una raya fina de color */
.cb-fz .cards{gap:10px;}
.cb-fz .cards > .card.kpi{border:1px solid var(--border);border-top-width:2px;border-radius:var(--r);padding:12px 16px;}
.cb-fz .cards > .card.kpi.main{border-top-color:var(--celeste);}
.cb-fz .cards > .card.kpi .l{font-size:10.5px;font-weight:700;letter-spacing:.12em;}
.cb-fz .cards > .card.kpi .v{font-size:21px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums;}
.cb-fz .cards > .card.kpi .v:not([style]){color:#08324B;}
.cb-fz .cards > .card.kpi .s{font-size:12px;color:var(--text3);}
/* Ingreso / Egreso: recuadros blancos con su color al costado, en vez de bloques de color */
.cb-fz .fm-acciones{gap:10px;}
.cb-fz .fm-big{background:var(--white);color:#08324B;border:1px solid var(--border);border-left:4px solid var(--green);border-radius:var(--r);padding:12px 16px;font-size:16px;font-weight:700;box-shadow:none;}
.cb-fz .fm-big.fm-ing{background:var(--white);}
.cb-fz .fm-big.fm-egr{background:var(--white);border-left-color:#C2410C;}
.cb-fz .fm-big span{font-size:20px;color:var(--green);}
.cb-fz .fm-big.fm-egr span{color:#C2410C;}
.cb-fz .fm-big small{color:var(--text3);opacity:1;font-weight:400;}
.cb-fz .fm-big:hover{filter:none;background:var(--activo-bg);}
.cb-fz .fm-form{border-width:1px;border-left-width:4px;}
.cb-fz .fm-seg{border:1px solid var(--border);border-radius:var(--r);}
.cb-fz .fm-seg button{font-weight:500;}
.cb-fz .fm-chip{font-weight:500;}

/* PRODUCTORES: montos siempre en una sola línea ($ y número juntos) y filas centradas (pedido de Adolfo, 2026-11-05) */
.cb-pp td[style*="text-align:right"],.cb-pp th[style*="text-align:right"]{white-space:nowrap;font-variant-numeric:tabular-nums;}
.cb-pp #pl-body td{vertical-align:middle;}
.cb-pp #pl-body td:first-child{min-width:170px;}
.cb-pp #pl-body td,.cb-pp #pl-head th{padding:8px 6px;font-size:13px;}
.cb-pp #pl-head th{font-size:10px;letter-spacing:.06em;}
.cb-pp #pl-body td:first-child{min-width:150px;}