/* Páginas Tablero · Tendencia · Analíticas · Historial */
html[data-page="tendencia"],
html[data-page="analiticas"],
html[data-page="historial"]{
  --shell-max:1280px;
}

.pp-toolbar{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:10px 0 14px;border-bottom:1px solid var(--border);
}
.pp-chips{display:flex;flex-wrap:wrap;gap:6px}
.pp-chip{
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 12px;border:1px solid var(--border);border-radius:6px;
  background:var(--surface);color:var(--muted);cursor:pointer;
}
.pp-chip.on{border-color:var(--pos);color:var(--pos);box-shadow:0 0 10px rgba(48,209,88,.12)}
.pp-chip:hover:not(.on){border-color:#444;color:var(--text)}

.pp-kpi-row{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;
  padding:16px 0;
}
@media(max-width:1000px){.pp-kpi-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.pp-kpi-row{grid-template-columns:repeat(2,1fr)}}

.pp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 0}
@media(max-width:900px){.pp-grid-2{grid-template-columns:1fr}}
.pp-grid-3{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding:14px 0}
@media(max-width:900px){.pp-grid-3{grid-template-columns:1fr}}

.pp-chart-lg{height:280px}
.pp-chart-md{height:200px}

.pp-tbl{
  width:100%;border-collapse:collapse;font-size:12px;
}
.pp-tbl th{
  font-size:9px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);text-align:left;padding:8px 10px;
  background:var(--surface2,#111);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:1;
}
.pp-tbl th.r,.pp-tbl td.r{text-align:right}
.pp-tbl td{padding:8px 10px;border-bottom:1px solid var(--border)}
.pp-tbl tr.drill{cursor:pointer}
.pp-tbl tr.drill:hover{background:rgba(255,255,255,.04)}
.pp-tbl tr.drill:nth-child(2n){background:rgba(255,255,255,.015)}
.pp-tbl-wrap{max-height:480px;overflow:auto;border:1px solid var(--border);border-radius:10px}

.pp-dim-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0;
}
@media(max-width:900px){.pp-dim-grid{grid-template-columns:repeat(2,1fr)}}
.pp-dim-card{
  border:1px solid var(--border);border-radius:10px;padding:14px;
  text-decoration:none;color:inherit;background:var(--surface);
  transition:border-color .15s,background .15s;
}
.pp-dim-card:hover{border-color:var(--pos);background:rgba(48,209,88,.03)}
.pp-dim-card .lab{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pp-dim-card .val{font-family:var(--mono);font-size:20px;margin-top:6px}
.pp-dim-card .sub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:4px}

.pp-sort{display:flex;gap:6px;margin-left:auto}
.pp-sort .pp-chip{padding:5px 10px;font-size:9px}

.an-state-h{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;padding:12px 0;
}
.an-state-h h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0}