/* 🎨 Estilo 2 de los informes: «Panel oscuro» (js/informes_estilo.js). Se activa con la clase .rep-e2 en la raíz del tablero.
   Fondo carbón, líneas finas de 1px, esquinas casi rectas, etiquetas en mayúsculas monoespaciadas y números con degradado
   en los colores de la marca (turquesa → lima A2, azul → turquesa). Siempre oscuro, aunque la app esté en claro.
   Los colores categóricos de los gráficos siguen siendo los validados para fondo oscuro (la identidad no va en el degradado). */
.rep-e2{
  --bg:#0C0F14;--surface:#12161D;--sunken:#191E27;--head:#141922;--ink:#EEF2F8;--ink2:#BAC4D3;--muted:#8A95A8;--line:rgba(255,255,255,.13);
  --primary:#5B8CFF;--primary-2:#7FA6FF;--primary-soft:rgba(91,140,255,.16);--on-primary:#fff;
  --ok:#3FCB8F;--ok-soft:rgba(63,203,143,.14);--warn:#F0AE45;--warn-soft:rgba(240,174,69,.14);--bad:#FF7272;--bad-soft:rgba(255,114,114,.13);
  --shadow:none;--lift:none;
  --ind-c1:#5B8CFF;--ind-c2:#16A2B2;--ind-c3:#739F1C;--ind-pista:rgba(255,255,255,.08);
  --rep-g1:linear-gradient(90deg,#22B8E8,#CCF517);--rep-g2:linear-gradient(90deg,#5B8CFF,#22B8E8);--rep-g3:linear-gradient(90deg,#FF7A59,#FFB547);
  --rep-r:5px;
  color:var(--ink);color-scheme:dark}

/* Botón 🎨 «Estilo del informe» y su menú */
.rep-est{position:relative;display:inline-flex}
.rep-est-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}
.rep-est-btn:hover,.rep-est-btn[aria-expanded="true"]{border-color:var(--primary);color:var(--primary)}
.rep-est-btn .i{width:17px;height:17px}
dialog.ind-dlg .mh .rep-est-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#C4CCDA;width:32px;height:32px}
.rep-est-m{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:280px;background:#fff;color:#172033;border:1px solid #E4E9F2;border-radius:14px;box-shadow:0 18px 44px rgba(10,20,50,.24);padding:8px;display:flex;flex-direction:column;gap:3px;text-align:left}
.rep-est-t{font-size:11.5px;font-weight:800;color:#6B778C;padding:4px 8px}
.rep-est-m>button{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:10px;padding:8px;cursor:pointer;text-align:left;color:inherit}
.rep-est-m>button:hover{background:#F3F6FB}
.rep-est-m>button[aria-checked="true"]{background:#E7EFFF}
.rep-est-m>button span:last-child{display:flex;flex-direction:column}
.rep-est-m b{font-size:13px}.rep-est-m small{font-size:11.5px;color:#6B778C}
.rep-est-mu{flex:none;width:38px;height:28px;border-radius:7px;border:1px solid #D9DFEA}
.rep-est-mu.e1{background:linear-gradient(135deg,#fff 0 55%,#E7EFFF 55%),#fff;box-shadow:inset 0 -6px 0 #2F6FF2}
.rep-est-mu.e2{background:#0C0F14;border-color:#0C0F14;box-shadow:inset 0 -4px 0 0 #CCF517,inset 0 -8px 0 0 #22B8E8}
.rep-est-l{font-size:12px;color:#2F6FF2!important;font-weight:700;justify-content:flex-start}
.rep-est-sw{display:flex;align-items:center;gap:10px;padding:8px;border-top:1px solid #E4E9F2;margin-top:2px;cursor:pointer}
.rep-est-sw span{display:flex;flex-direction:column}
.rep-est-adm{display:flex;flex-direction:column;gap:6px;padding:8px;border-top:1px solid #E4E9F2}
.rep-est-adm>small{font-weight:700;color:#6B778C}
.rep-est-adm .seg{background:#F3F6FB}
.rep-est-adm .seg button{color:#6B778C}.rep-est-adm .seg button[aria-pressed="true"]{background:#fff;color:#172033}

/* Piezas comunes del estilo 2 */
.rep-e2 .ind-tag,.rep-e2 .ind-kpi-t,.rep-e2 .ind-panel h3,.rep-e2 .ind-hero span,.rep-e2 .ind-ring small,.rep-e2 .ind-fl span,.rep-e2 .ind-met button,
.rep-e2 .tdv-card-h h4,.rep-e2 .tdv-kpi-c>small:first-child,.rep-e2 .ind-hint,.rep-e2 .ind-ley,.rep-e2 .ind-dona-ley span,.rep-e2 .ind-bar-n{
  font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}

/* ===== Indicadores de asesoras ===== */
dialog.ind-dlg.rep-e2{background:var(--bg)}
dialog.ind-dlg.rep-e2 .mh{background:var(--bg);border-bottom:1px solid var(--line)}
dialog.ind-dlg.rep-e2 .mh h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:16px}
.rep-e2 .ind-tag{font-size:9.5px;border-radius:3px;background:transparent!important;box-shadow:inset 0 0 0 1px var(--line)!important;color:var(--ink2)!important}
.rep-e2 .ind-tag.per{box-shadow:inset 0 0 0 1px rgba(204,245,23,.45)!important;color:#CCF517!important}
.rep-e2 .ind-hint{font-size:10px}
.rep-e2 .seg{background:var(--sunken);border-radius:6px}
.rep-e2 .seg button{border-radius:4px}
.rep-e2 .seg button[aria-pressed="true"]{background:#232A36;color:#fff;box-shadow:inset 0 -2px 0 #22B8E8}
.rep-e2 .btn.quiet{background:transparent;border:1px solid var(--line);color:var(--ink2);border-radius:6px}
.rep-e2 .input{background:var(--sunken);border-color:var(--line);color:var(--ink)}
.rep-e2 .ind-dia{border-radius:6px}
.rep-e2 .ind-kpi,.rep-e2 .ind-panel,.rep-e2 .ind-card,.rep-e2 .ind-hero{background:transparent;border:1px solid var(--line);border-radius:var(--rep-r);box-shadow:none;overflow:hidden}
.rep-e2 .ind-kpi{position:relative;padding-top:10px}
.rep-e2 .ind-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rep-g2)}
.rep-e2 .ind-kpi:nth-of-type(3n+1)::before{background:var(--rep-g1)}
.rep-e2 .ind-kpi.mala::before{background:var(--rep-g3)}
.rep-e2 .ind-kpi:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.28)}
.rep-e2 .ind-kpi-i{background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink2)}
.rep-e2 .ind-kpi-n,.rep-e2 .ind-hero b,.rep-e2 .ind-dona-c b,.rep-e2 .ind-fls.col .ind-fl b{background:var(--rep-g1);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.rep-e2 .ind-kpi:nth-of-type(even) .ind-kpi-n{background-image:linear-gradient(90deg,#5B8CFF,#22B8E8)}
.rep-e2 .ind-kpi.mala .ind-kpi-n{background-image:linear-gradient(90deg,#FF7A59,#FFB547)}
.rep-e2 .ind-kpi-n small{-webkit-text-fill-color:var(--muted)}
.rep-e2 .ind-kpi.mala{border-color:rgba(255,122,89,.45)}
.rep-e2 .ind-card .ind-kpi.mala::after{background:#FF7A59}
.rep-e2 .ind-hero{background:linear-gradient(180deg,rgba(34,184,232,.10),transparent 70%)}
.rep-e2 .ind-hero b{font-size:40px}
.rep-e2 .ind-hero small{color:var(--muted)}
.rep-e2 .ind-av{border-radius:4px;background:transparent;border:1px solid rgba(204,245,23,.5)}
.rep-e2 .ind-mini{border-radius:4px;background:transparent;border:1px solid var(--line)}
.rep-e2 .ind-fl{border-radius:3px;background:rgba(255,255,255,.04)}
.rep-e2 .ind-card-p{border-top-color:var(--line)}
.rep-e2 .ind-met button{border-radius:3px;font-size:9.5px;background:transparent;border-color:var(--line);color:var(--ink2)}
.rep-e2 .ind-met button[aria-pressed="true"]{background:#22B8E8;border-color:#22B8E8;color:#06131A}
.rep-e2 .ind-bar-n{font-size:10.5px;letter-spacing:.03em}
.rep-e2 .ind-bar-t{background:rgba(255,255,255,.05);border-radius:2px}
.rep-e2 .ind-bar-t i{background:linear-gradient(90deg,#5B8CFF,#22B8E8 70%,#CCF517);border-radius:2px}
.rep-e2 .ind-bar:hover,.rep-e2 .ind-dona-ley button:hover,.rep-e2 .ind-fila:hover:not(:disabled){background:rgba(255,255,255,.05)}
.rep-e2 .ind-ring-arco{stroke:url(#rep-g1)}
.rep-e2 .ind-rings .ind-ring:nth-child(2) .ind-ring-arco{stroke:url(#rep-g2)}
.rep-e2 .ind-ring-g b{font-family:var(--mono)}
.rep-e2 .ind-dona-pista{stroke:rgba(255,255,255,.06)}
.rep-e2 .ind-stack-b i:first-child,.rep-e2 .ind-stack-b i:last-child{border-radius:2px}
.rep-e2 .ind-det{background:#12161D;border-color:var(--line);border-radius:var(--rep-r)}
.rep-e2 .ind-fila-c{background:transparent;border:1px solid var(--line);border-radius:3px}
.rep-e2 .ind-tip{background:#000;border:1px solid var(--line)}
.rep-e2 .vacio,.rep-e2 .cargando{color:var(--ink2)}
/* Hoja de descarga en estilo 2 */
.ind-export.rep-e2{background:var(--bg);color:var(--ink)}
.ind-export.rep-e2 .ind-ex-h{background:transparent;border:1px solid var(--line);border-radius:var(--rep-r)}
.ind-export.rep-e2 .ind-ex-h h1{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:18px}

/* ===== Informes → Tareas del día ===== */
.tdv.rep-e2{background:var(--bg);border-radius:14px;padding:14px;--tdv-c1:#3987e5;--tdv-c2:#d95926;--tdv-c3:#199e70;--tdv-c4:#c98500;--tdv-c5:#d55181;--tdv-c6:#008300;--tdv-c7:#9085e9;--tdv-c8:#e66767;--tdv-gris:#5D6880;--tdv-antes:#3A5FAE;--tdv-track:rgba(255,255,255,.06);--tdv-ahora:#22B8E8}
.tdv.rep-e2 .tdv-cab h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.tdv.rep-e2 .tdv-kpi,.tdv.rep-e2 .tdv-card{background:transparent;border:1px solid var(--line);border-radius:var(--rep-r);box-shadow:none;position:relative;overflow:hidden}
.tdv.rep-e2 .tdv-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rep-g2)}
.tdv.rep-e2 .tdv-kpi:nth-child(3n+1)::before{background:var(--rep-g1)}
.tdv.rep-e2 .tdv-kpi.pri{background:linear-gradient(180deg,rgba(34,184,232,.12),transparent 75%);color:var(--ink)}
.tdv.rep-e2 .tdv-kpi.pri .tdv-kpi-c>small{color:var(--ink2)}
.tdv.rep-e2 .tdv-kpi.pri .tdv-kpi-i{background:transparent;border:1px solid var(--line);color:#CCF517}
.tdv.rep-e2 .tdv-kpi-i{background:transparent;border:1px solid var(--line);border-radius:4px}
.tdv.rep-e2 .tdv-kpi-v b{background:var(--rep-g1);-webkit-background-clip:text;background-clip:text;color:transparent}
.tdv.rep-e2 .tdv-kpi:nth-child(even) .tdv-kpi-v b{background-image:linear-gradient(90deg,#5B8CFF,#22B8E8)}
.tdv.rep-e2 .tdv-kpi-c>small:first-child{font-size:10.5px}
.tdv.rep-e2 .tdv-card-h h4{font-size:12px}
.tdv.rep-e2 .tdv-pil{border-radius:3px;background:rgba(255,255,255,.06)}
.tdv.rep-e2 .tdv-pil.sube{background:rgba(63,203,143,.14)}.tdv.rep-e2 .tdv-pil.baja{background:rgba(255,114,114,.13)}
.tdv.rep-e2 .tdv-bar{border-radius:0 2px 2px 0}
.tdv.rep-e2 .tdv-bar.ahora{background:linear-gradient(90deg,#5B8CFF,#22B8E8 70%,#CCF517)}
.tdv.rep-e2 .tdv-bf:hover,.tdv.rep-e2 .tdv-li:hover,.tdv.rep-e2 .tdv-ar:hover{background:rgba(255,255,255,.05)}
.tdv.rep-e2 .tdv-dona-c b{background:var(--rep-g1);-webkit-background-clip:text;background-clip:text;color:transparent}
.tdv.rep-e2 .tdv-barra select.input,.tdv.rep-e2 .tdv-barra .tdv-per{background:var(--sunken);border:1px solid var(--line);box-shadow:none;border-radius:6px;color:var(--ink)}
.tdv.rep-e2 .tdv-barra .tdv-per button[aria-pressed="true"]{background:#232A36;color:#fff;box-shadow:inset 0 -2px 0 #22B8E8}
.tdv.rep-e2 .tdv-grid{background:rgba(255,255,255,.07)}
.tdv.rep-e2 table,.tdv.rep-e2 .tdv-tabla{color:var(--ink)}
/* Personalizar app → Estilo de informes: muestra de cada estilo */
.pz-est{display:block;width:100%;height:54px;border-radius:10px;margin-bottom:6px}
@media (max-width:640px){dialog.ind-dlg.rep-e2 .mh h2{font-size:13.5px;letter-spacing:.04em}}
dialog.ind-dlg .mh .rep-est{margin-left:auto;margin-top:-4px}
dialog.ind-dlg .mh .rep-est~.x{margin-left:2px}
.rep-e2 .ind-kpi-t{font-size:10px;letter-spacing:.035em}
.rep-e2 .ind-dona-ley button{grid-template-columns:auto minmax(0,1fr) auto auto}
.rep-e2 .ind-card .ind-kpi-t{font-size:8.5px;letter-spacing:.01em}
.rep-e2 .ind-fls.grid .ind-fl span{font-size:9.5px;letter-spacing:.02em}