/* EL PALCO Tracker · Tablero UX · una pregunta por pantalla */
html[data-ux="tablero"]{
  --shell-max:560px;--hero:36px;
}

/* Kill vestuario noise */
html[data-ux="tablero"] #cmdHeader,
html[data-ux="tablero"] #mobShell,
html[data-ux="tablero"] .desk-inspector,
html[data-ux="tablero"] .desk-caja-grid,
html[data-ux="tablero"] .eu4-map,
html[data-ux="tablero"] .mob-mapa,
html[data-ux="tablero"] #histCmd,
html[data-ux="tablero"] .lens-bar,


/* Desktop: rail only, no inspector column */
html[data-ux="tablero"][data-device="desktop"] .app-root{
  grid-template-columns:var(--rail-w) 1fr;
}
html[data-ux="tablero"][data-device="desktop"] .shell,
html[data-ux="tablero"][data-device="desktop"] .ledger-shell{
  max-width:var(--shell-max);
  margin:0 auto;
  padding:0 20px 32px;
}

/* Stack layout */
.tablero-stack{display:flex;flex-direction:column;gap:0;padding-top:8px}
.tablero-hero{padding:8px 0 20px;border-bottom:1px solid var(--border)}
.tablero-hero .pure-hero{font-size:var(--hero)}
.tablero-rows{margin-bottom:4px}
.tablero-sec{
  padding:18px 0;border-top:1px solid var(--border);
}
.tablero-sec-h{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:12px;
}
.tablero-sec-h .t{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;
}
.tablero-sec-h .n{font-family:var(--mono);font-size:11px;color:var(--muted)}

.tablero-chart-wrap{
  height:160px;border:1px solid var(--border);border-radius:10px;
  background:#050505;overflow:hidden;padding:8px;
}
.tablero-chart-wrap .chart-canvas{width:100%;height:100%;display:block}

.tablero-profundo{
  margin-top:8px;border:1px solid var(--border);border-radius:10px;
  background:var(--surface);overflow:hidden;
}
.tablero-profundo>summary{
  list-style:none;cursor:pointer;padding:14px 16px;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:600;display:flex;align-items:center;gap:8px;
}
.tablero-profundo>summary::-webkit-details-marker{display:none}
.tablero-profundo>summary::after{
  content:'▾';margin-left:auto;font-size:12px;transition:transform .15s;
}
.tablero-profundo[open]>summary::after{transform:rotate(180deg)}
.tablero-profundo>summary:hover{color:var(--text)}
.tablero-profundo .profundo-in{padding:0 16px 16px;border-top:1px solid var(--border)}

/* Hoy */
.hoy-q{font-size:13px;color:var(--muted);margin-bottom:14px;line-height:1.4}
.hoy-cap{padding:18px 0}
.hoy-cap .cap-nums{
  display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--mono);margin-bottom:8px;
}
.hoy-cap .cap-nums .used{font-size:22px;font-weight:600}
.hoy-cap .cap-nums .max{font-size:13px;color:var(--muted)}

/* Historial simplificado */
html[data-ux="tablero"] .split{display:none}
html[data-ux="tablero"] .hist-sidebar{display:none!important}
html[data-ux="tablero"] .hist-layout{display:block}
html[data-ux="tablero"] #heatStrip{display:none}
html[data-ux="tablero"] .ledger-shell{max-width:var(--shell-wide)}
html[data-ux="tablero"][data-device="desktop"] .ledger-shell{max-width:900px}
html[data-ux="tablero"] .hist-profundo .view{display:none}
html[data-ux="tablero"] .hist-profundo .view.on{display:block}
html[data-ux="tablero"] .hist-profundo .profundo-tabs{
  display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;
}
html[data-ux="tablero"] .hist-profundo .profundo-tabs button{
  font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  padding:8px 12px;border:1px solid var(--border);border-radius:8px;
  background:transparent;color:var(--muted);cursor:pointer;font-family:var(--mono);
}
html[data-ux="tablero"] .hist-profundo .profundo-tabs button.on{
  border-color:var(--text);color:var(--text);
}

/* Sistema */
.sistema-grid{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.sistema-tile{
  border:1px solid var(--border);border-radius:10px;padding:14px 16px;
  background:var(--surface);
}
.sistema-tile .lbl{
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin-bottom:8px;
}

/* Open positions compact */
html[data-ux="tablero"] .pos-board{gap:6px}
html[data-ux="tablero"] .pos-card-dense{padding:10px 12px}