/* ═══════════════════════════════════════════════════════════════════════════════════════
   DASHBOARD v3 — estilos del módulo public/dashboard-v3.js

   · Todo cuelga de #dashboard-mount: el id le gana a las reglas globales del monolito
     (table th, select, .card…) sin necesidad de !important y nada de acá se escapa a otra página.
   · Solo tokens del tema (--bg, --txt, --ac, --pos…): ningún color suelto. El blanco sobre azul
     del botón activo es var(--bg), que en el tema claro es el blanco del sitio.
   · Clases propias con prefijo dv3-. A propósito NO se usan .card, .stat-card, .page-title ni
     .empty-state: el monolito las engancha a su animación de aparición al hacer scroll
     (data-rv) y a tamaños con !important que acá no corresponden.
   · Medidas en px, las de la maqueta aprobada.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

#dashboard-mount .dv3{font-size:14px;line-height:1.45;color:var(--txt);min-width:0}
#dashboard-mount .dv3 *{box-sizing:border-box}

/* Solo para lectores de pantalla */
#dashboard-mount .dv3-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Encabezado: título + filtros ── */
#dashboard-mount .dv3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}
#dashboard-mount .dv3-head-t{min-width:0}
#dashboard-mount .dv3-title{font-size:1.8rem;font-weight:700;letter-spacing:-.028em;line-height:1.1;color:var(--txt);margin:0 0 4px}
#dashboard-mount .dv3-sub{color:var(--txt3);font-size:13.5px;margin:0}
#dashboard-mount .dv3-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
#dashboard-mount .dv3-select{width:auto;max-width:100%;border:1px solid var(--border2);background-color:var(--bg);color:var(--txt);border-radius:10px;padding:7px 34px 7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.4;background-position:right 12px center}
#dashboard-mount .dv3-select:disabled{color:var(--txt3);cursor:not-allowed}
#dashboard-mount .dv3-seg{display:inline-flex;border:1px solid var(--border2);border-radius:10px;padding:2px;background:var(--bg);gap:2px;max-width:100%}
#dashboard-mount .dv3-seg-b{border:0;background:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--txt3);padding:5px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;line-height:1.4}
#dashboard-mount .dv3-seg-b:hover{color:var(--txt);background:var(--bg3)}
#dashboard-mount .dv3-seg-b.dv3-on{background:var(--ac);color:var(--bg)}

/* ── Grillas ── */
#dashboard-mount .dv3-grid{display:grid;gap:12px;margin:0 0 12px;grid-template-columns:minmax(0,1fr)}
#dashboard-mount .dv3-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
#dashboard-mount .dv3-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
#dashboard-mount .dv3-g21{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}
#dashboard-mount .dv3-gk{grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}
/* Fichas: si en una fila algún rótulo ocupa dos renglones ("Factor de recuperación" a 1440 px), los números de esa
   fila quedan igual a la misma altura. Cada ficha toma tres filas de la grilla (rótulo · número · nota) con subgrid;
   el espacio entre fichas no cambia (los 12 px entre filas de fichas y debajo de la grilla pasan a ser el margen de
   cada ficha; adentro, 0). Sin subgrid, como antes. */
@supports (grid-template-rows:subgrid){
  #dashboard-mount dl.dv3-g4,
  #dashboard-mount dl.dv3-gk{row-gap:0;margin-bottom:0}     /* dl: las fichas; el esqueleto de carga (div) no cambia */
  #dashboard-mount dl.dv3-g4 > .dv3-kpi,
  #dashboard-mount dl.dv3-gk > .dv3-kpi{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;margin-bottom:12px}
}

/* ── Tarjetas y fichas ── */
#dashboard-mount .dv3-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--elev-1);padding:16px 18px;min-width:0;margin:0}
#dashboard-mount .dv3-body > .dv3-card{margin:0 0 12px}
#dashboard-mount .dv3-card-t{font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--txt);margin:0 0 2px}
#dashboard-mount .dv3-hint{font-size:11.5px;color:var(--txt3);margin:0 0 10px}
#dashboard-mount .dv3-foot{font-size:11.5px;color:var(--txt3);margin:8px 0 0}
#dashboard-mount .dv3-none{font-size:12.5px;color:var(--txt3);margin:0;padding:18px 0}

#dashboard-mount .dv3-kpi{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--elev-1);padding:12px 14px;min-width:0}
#dashboard-mount .dv3-kpi-l{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--txt3);text-transform:uppercase;line-height:1.3}
#dashboard-mount .dv3-kpi-v{font-family:var(--font-mono);font-size:19px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:5px 0 0;color:var(--txt);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#dashboard-mount .dv3-kpi-txt{font-family:inherit;font-weight:600;letter-spacing:-.02em}
#dashboard-mount .dv3-kpi-s{font-size:11px;color:var(--txt3);margin:2px 0 0}
#dashboard-mount .dv3-kpi-big .dv3-kpi-v{font-size:26px}

#dashboard-mount .dv3-pos{color:var(--pos)}
#dashboard-mount .dv3-neg{color:var(--neg)}
#dashboard-mount .dv3-acc{color:var(--ac)}
#dashboard-mount .dv3-flat{color:var(--txt3)}

/* ── Etiquetas de estado ── */
#dashboard-mount .dv3-chip{display:inline-block;font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:.04em;line-height:1.5;padding:2px 8px;border-radius:999px;text-transform:uppercase;white-space:nowrap}
#dashboard-mount .dv3-chip-ok{color:var(--pos);background:var(--pos-soft)}
#dashboard-mount .dv3-chip-ac{color:var(--ac);background:var(--ac-soft)}
#dashboard-mount .dv3-chip-no{color:var(--neg);background:var(--neg-soft)}
#dashboard-mount .dv3-chip-warn{color:var(--warn);background:var(--warn-soft)}
#dashboard-mount .dv3-chip-pur{color:var(--pur);background:var(--bg3)}
#dashboard-mount .dv3-chip-mute{color:var(--txt3);background:var(--bg3)}

/* ── Gráficos ── */
#dashboard-mount .dv3-chart{position:relative;min-width:0;min-height:190px}
#dashboard-mount .dv3-svg{display:block;width:100%;height:auto;overflow:visible;border-radius:var(--radius)}
#dashboard-mount svg.dv3-svg[tabindex]{touch-action:pan-y;cursor:crosshair}
#dashboard-mount .dv3-ax{font-family:var(--font-mono);font-size:10px;fill:var(--txt3)}
#dashboard-mount .dv3-ax-val{fill:var(--txt2)}
#dashboard-mount .dv3-grid-line{stroke:var(--border);stroke-width:1}
#dashboard-mount .dv3-grid-zero{stroke:var(--border2)}
#dashboard-mount .dv3-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#dashboard-mount .dv3-area{stroke:none;opacity:.12}
#dashboard-mount .dv3-stroke-pos{stroke:var(--pos)}
#dashboard-mount .dv3-stroke-neg{stroke:var(--neg)}
#dashboard-mount .dv3-stroke-mute{stroke:var(--bg4)}
#dashboard-mount .dv3-fill-pos{fill:var(--pos)}
#dashboard-mount .dv3-fill-neg{fill:var(--neg)}
#dashboard-mount .dv3-fill-mute{fill:var(--border2)}
#dashboard-mount .dv3-bar{opacity:.9}
#dashboard-mount .dv3-bg-pos{background:var(--pos)}
#dashboard-mount .dv3-bg-neg{background:var(--neg)}
#dashboard-mount .dv3-bg-warn{background:var(--warn)}
#dashboard-mount .dv3-bg-ac{background:var(--ac)}
#dashboard-mount .dv3-bg-mute{background:var(--border2)}

/* Punto señalado + tooltip de la curva */
#dashboard-mount .dv3-cross{stroke:var(--border2);stroke-width:1;stroke-dasharray:3 3;opacity:0}
#dashboard-mount .dv3-dot{stroke:var(--bg);stroke-width:2;opacity:0}
#dashboard-mount .dv3-dot-pos{fill:var(--pos)}
#dashboard-mount .dv3-dot-neg{fill:var(--neg)}
#dashboard-mount .dv3-hover .dv3-cross,
#dashboard-mount .dv3-hover .dv3-dot{opacity:1}
#dashboard-mount .dv3-tip{position:absolute;left:0;top:0;z-index:2;min-width:132px;max-width:220px;padding:8px 10px;background:var(--bg);border:1px solid var(--border2);border-radius:10px;box-shadow:var(--elev-3);font-size:11.5px;color:var(--txt2);pointer-events:none;opacity:0;visibility:hidden}
#dashboard-mount .dv3-hover .dv3-tip{opacity:1;visibility:visible}
#dashboard-mount .dv3-tip-d{font-weight:600;color:var(--txt);margin:0 0 4px}
#dashboard-mount .dv3-tip-r{display:flex;justify-content:space-between;gap:14px;white-space:nowrap}
#dashboard-mount .dv3-tip-r b{font-family:var(--font-mono);font-weight:500;color:var(--txt);font-variant-numeric:tabular-nums}
#dashboard-mount .dv3-tip-r b.dv3-pos{color:var(--pos)}
#dashboard-mount .dv3-tip-r b.dv3-neg{color:var(--neg)}

/* Anillo de ganadas y perdidas */
#dashboard-mount .dv3-donut-wrap{max-width:210px;margin:0 auto}
#dashboard-mount .dv3-ring{fill:none;stroke-width:18}
#dashboard-mount .dv3-ring.dv3-stroke-neg{opacity:.85}
#dashboard-mount .dv3-donut-v{font-family:var(--font-mono);font-size:30px;font-weight:500;fill:var(--txt);font-variant-numeric:tabular-nums}
#dashboard-mount .dv3-donut-l{font-family:inherit;font-size:11px;fill:var(--txt3)}
#dashboard-mount .dv3-legend{display:flex;justify-content:center;gap:14px;font-size:11.5px;color:var(--txt3);margin:8px 0 0;flex-wrap:wrap}
#dashboard-mount .dv3-sw{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 5px 0 0;vertical-align:-1px}

/* ── Puntaje de trading ──
   Número y barras a la izquierda, radar a la derecha. Si no entran lado a lado (celular, o la
   columna angosta con el menú lateral a la vista) el radar baja solo, sin media query: el
   flex-wrap decide por el ancho REAL de la tarjeta, no por el de la pantalla. */
#dashboard-mount .dv3-score{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;background:linear-gradient(135deg,var(--ac-soft) 0%,var(--bg) 58%)}
#dashboard-mount .dv3-score-main{flex:2 1 220px;min-width:0;align-self:stretch}
#dashboard-mount .dv3-score-radar{flex:1 1 300px;min-width:0;max-width:340px;margin:0 auto}
#dashboard-mount .dv3-score-num{display:flex;align-items:baseline;gap:4px;margin:4px 0 14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--txt)}
#dashboard-mount .dv3-score-v{font-size:44px;font-weight:600;letter-spacing:-.04em;line-height:1}
#dashboard-mount .dv3-score-of{font-size:15px;font-weight:500;color:var(--txt3)}
#dashboard-mount .dv3-score-need{font-size:12.5px;font-weight:500;color:var(--txt2);max-width:360px;margin:6px 0 16px}
#dashboard-mount .dv3-score-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#dashboard-mount .dv3-score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;font-size:12px;line-height:1.35}
#dashboard-mount .dv3-score-row .dv3-prog{grid-column:1 / -1}
#dashboard-mount .dv3-score-l{color:var(--txt2);min-width:0}
#dashboard-mount .dv3-score-n{font-family:var(--font-mono);font-weight:500;color:var(--txt);font-variant-numeric:tabular-nums}
#dashboard-mount .dv3-radar{max-width:360px;margin:0 auto}
#dashboard-mount .dv3-radar-grid{fill:none;stroke:var(--border2);stroke-width:1}
#dashboard-mount .dv3-radar-area{fill:var(--ac);fill-opacity:.16;stroke:var(--ac);stroke-width:2;stroke-linejoin:round}
#dashboard-mount .dv3-radar-dot{fill:var(--ac);stroke:var(--bg);stroke-width:1.5}
#dashboard-mount .dv3-radar-l{font-family:inherit;font-size:12px;font-weight:500;fill:var(--txt3)}
#dashboard-mount .dv3-radar-shape{transform-box:view-box}

/* ── Barras de avance ── */
#dashboard-mount .dv3-prog{display:block;height:6px;border-radius:999px;background:var(--bg4);overflow:hidden}
#dashboard-mount .dv3-prog-b{display:block;height:100%;border-radius:999px;transform-origin:left center}

/* ── Próximos retiros ── */
#dashboard-mount .dv3-rows{list-style:none;margin:0;padding:0}
#dashboard-mount .dv3-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:12.5px}
#dashboard-mount .dv3-row:first-child{border-top:0}
#dashboard-mount .dv3-row-t{font-weight:600;color:var(--txt)}
#dashboard-mount .dv3-row-m{color:var(--txt3);font-size:11.5px}
#dashboard-mount .dv3-row .dv3-prog{margin:6px 0 0}

/* ── Tabla "Mis cuentas" ── */
#dashboard-mount .dv3-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
#dashboard-mount .dv3-table{width:100%;min-width:760px;border-collapse:collapse;border-spacing:0;font-size:12.5px}
#dashboard-mount .dv3-table th,
#dashboard-mount .dv3-table td{background:none;padding:10px 8px;border:0;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle;color:var(--txt)}
#dashboard-mount .dv3-table thead th{font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--txt3);text-transform:uppercase;padding:6px 8px;white-space:nowrap}
#dashboard-mount .dv3-table td{font-family:inherit;white-space:nowrap}
#dashboard-mount .dv3-v{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
#dashboard-mount .dv3-table td.dv3-pos{color:var(--pos)}
#dashboard-mount .dv3-table td.dv3-neg{color:var(--neg)}
#dashboard-mount .dv3-table th:first-child{text-align:left}
#dashboard-mount .dv3-table .dv3-td-dd{text-align:left}
#dashboard-mount .dv3-table tbody tr:last-child th,
#dashboard-mount .dv3-table tbody tr:last-child td{border-bottom:0}
#dashboard-mount .dv3-tr-pick{cursor:pointer}
#dashboard-mount .dv3-tr-pick:hover th,
#dashboard-mount .dv3-tr-pick:hover td{background:var(--bg3)}
#dashboard-mount .dv3-tr-on th,
#dashboard-mount .dv3-tr-on td,
#dashboard-mount .dv3-tr-on:hover th,
#dashboard-mount .dv3-tr-on:hover td{background:var(--ac-soft)}
#dashboard-mount .dv3-tr-sub .dv3-td-name{padding-left:22px}
#dashboard-mount .dv3-td-name{font-family:inherit;font-weight:600;white-space:nowrap}
#dashboard-mount .dv3-pick{border:0;background:none;padding:0;margin:0;font:inherit;font-weight:600;color:var(--txt);cursor:pointer;text-align:left;border-radius:6px}
#dashboard-mount .dv3-pick:hover{color:var(--ac)}
#dashboard-mount .dv3-tr-on .dv3-pick{color:var(--ac)}
#dashboard-mount .dv3-toggle-m{font-weight:400;color:var(--txt3)}
#dashboard-mount .dv3-toggle:hover .dv3-toggle-m{color:var(--ac)}
#dashboard-mount .dv3-alias{display:block;font-size:11px;font-weight:400;color:var(--txt3);max-width:180px;overflow:hidden;text-overflow:ellipsis}
#dashboard-mount .dv3-ddc{display:flex;align-items:center;gap:8px;min-width:150px}
#dashboard-mount .dv3-ddc .dv3-prog{flex:1;min-width:40px}
#dashboard-mount .dv3-ddc-t{font-family:var(--font-mono);font-size:11px;color:var(--txt3);white-space:nowrap}

/* ── Estado vacío y carga ── */
#dashboard-mount .dv3-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px}
#dashboard-mount .dv3-empty-ic{width:44px;height:44px;border-radius:50%;background:var(--ac-soft);color:var(--ac);display:flex;align-items:center;justify-content:center;margin:0 0 12px}
#dashboard-mount .dv3-empty-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dashboard-mount .dv3-empty-t{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--txt);margin:0 0 4px}
#dashboard-mount .dv3-empty-m{font-size:12.5px;color:var(--txt3);max-width:420px;margin:0 0 14px}
#dashboard-mount .dv3-btn{border:1px solid var(--ac);background:var(--ac);color:var(--bg);border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
#dashboard-mount .dv3-btn:hover{background:var(--ac2);border-color:var(--ac2)}
#dashboard-mount .dv3-empty-t + .dv3-btn{margin-top:10px}
#dashboard-mount .dv3-btn-ghost{background:var(--bg);color:var(--txt);border-color:var(--border2)}
#dashboard-mount .dv3-btn-ghost:hover{background:var(--bg3);border-color:var(--border2)}

/* ── Aviso: los retiros no se pudieron cargar ── */
#dashboard-mount .dv3-note{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--warn-soft);font-size:12.5px;color:var(--txt2)}
#dashboard-mount .dv3-note-b{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
#dashboard-mount .dv3-note-b strong{font-weight:600;color:var(--txt)}
#dashboard-mount .dv3-skel{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius)}
#dashboard-mount .dv3-skel-kpi{height:86px}
#dashboard-mount .dv3-skel-card{height:280px;border-radius:var(--radius2)}

/* ── Animación: solo al entrar y al cambiar un filtro (clase dv3-anim), y solo si el
      sistema no pide menos movimiento ── */
@keyframes dv3-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dv3-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes dv3-grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dv3-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes dv3-fade{from{opacity:0}}
@keyframes dv3-ring{from{stroke-dashoffset:var(--dv3-dash,0)}to{stroke-dashoffset:0}}
@keyframes dv3-pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:no-preference){
  #dashboard-mount .dv3-anim .dv3-rise{animation:dv3-rise .42s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0) * 30ms)}
  #dashboard-mount .dv3-anim .dv3-gk .dv3-rise{animation-delay:calc(var(--i,0) * 18ms)}
  #dashboard-mount .dv3-anim .dv3-bar{transform-box:fill-box;animation:dv3-grow-y .55s var(--ease-out,ease-out) both;animation-delay:calc(120ms + var(--i,0) * 30ms)}
  #dashboard-mount .dv3-anim .dv3-bar-up{transform-origin:center bottom}
  #dashboard-mount .dv3-anim .dv3-bar-down{transform-origin:center top}
  #dashboard-mount .dv3-anim .dv3-prog-b{animation:dv3-grow-x .6s var(--ease-out,ease-out) both;animation-delay:calc(160ms + var(--i,0) * 40ms)}
  #dashboard-mount .dv3-anim .dv3-line{stroke-dasharray:1;animation:dv3-draw .9s var(--ease-out,ease-out) both;animation-delay:120ms}
  #dashboard-mount .dv3-anim .dv3-area{animation:dv3-fade .6s ease-out both;animation-delay:500ms}
  #dashboard-mount .dv3-anim .dv3-ring-on{animation:dv3-ring .8s var(--ease-out,ease-out) both;animation-delay:120ms}
  #dashboard-mount .dv3-anim .dv3-radar-shape{animation:dv3-pop .7s var(--ease-out,ease-out) both;animation-delay:200ms}
  #dashboard-mount .dv3-tip{transition:opacity .12s ease-out}
}

/* ── Responsive ──
   Con el menú lateral a la vista (240px) el contenido es bastante más angosto que la ventana:
   por eso las columnas se apilan antes de lo que sugiere el ancho de pantalla. */
@media (max-width:1180px){
  #dashboard-mount .dv3-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard-mount .dv3-g2,
  #dashboard-mount .dv3-g21{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
  #dashboard-mount .dv3-head{align-items:stretch;margin:0 0 14px}
  #dashboard-mount .dv3-title{font-size:1.5rem}
  #dashboard-mount .dv3-tools{width:100%}
  #dashboard-mount .dv3-select{flex:1 1 150px;min-width:0}
  #dashboard-mount .dv3-seg{flex:1 1 auto}
  #dashboard-mount .dv3-seg-b{flex:1 1 0;padding:6px 4px;min-height:32px}
  #dashboard-mount .dv3-card{padding:14px}
  #dashboard-mount .dv3-kpi-big .dv3-kpi-v{font-size:22px}

  /* La tabla se vuelve tarjetas: una por cuenta, con el rótulo de cada dato arriba del valor. */
  #dashboard-mount .dv3-table-wrap{overflow:visible;margin:0;padding:0}
  #dashboard-mount .dv3-table{display:block;min-width:0}
  #dashboard-mount .dv3-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #dashboard-mount .dv3-table tbody{display:grid;gap:10px}
  #dashboard-mount .dv3-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}
  #dashboard-mount .dv3-table tr[hidden]{display:none}
  #dashboard-mount .dv3-table tr.dv3-tr-on{border-color:var(--ac);background:var(--ac-soft)}
  #dashboard-mount .dv3-table tr.dv3-tr-sub{margin:0 0 0 12px}
  #dashboard-mount .dv3-table th,
  #dashboard-mount .dv3-table td,
  #dashboard-mount .dv3-tr-pick:hover th,
  #dashboard-mount .dv3-tr-pick:hover td,
  #dashboard-mount .dv3-tr-on th,
  #dashboard-mount .dv3-tr-on td{display:block;padding:0;border:0;text-align:left;background:none;white-space:normal;min-width:0}
  #dashboard-mount .dv3-table .dv3-td-name,
  #dashboard-mount .dv3-table td.dv3-td-dd{grid-column:1 / -1}
  #dashboard-mount .dv3-tr-sub .dv3-td-name{padding-left:0}
  #dashboard-mount .dv3-table .dv3-td-name{font-size:14px}
  #dashboard-mount .dv3-table td::before{content:attr(data-label);display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);margin:0 0 3px}
  #dashboard-mount .dv3-ddc{min-width:0}
  #dashboard-mount .dv3-alias{max-width:none}
}
@media (max-width:480px){
  #dashboard-mount .dv3-gk{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard-mount .dv3-kpi{padding:10px 12px}
  #dashboard-mount .dv3-kpi-v{font-size:17px}
  #dashboard-mount .dv3-kpi-big .dv3-kpi-v{font-size:20px}
}
@media (max-width:340px){
  #dashboard-mount .dv3-g4{grid-template-columns:minmax(0,1fr)}
}