.wrap{max-width:1100px}
.pestanas{display:flex;gap:8px;flex-wrap:wrap;align-items:center;position:sticky;top:0;z-index:5;padding:10px 0;background:linear-gradient(#0A1235 70%,transparent)}
.pestanas #b-salir{margin-left:auto}
.burbuja{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--rosa);color:#fff;font-size:.78rem;margin-left:4px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:720px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stat{background:rgba(8,14,46,.5);border:1px solid var(--linea);border-radius:14px;padding:12px;min-width:0}
.stat .l{font-size:.8rem;color:var(--tenue);font-weight:600}
.stat .n{font:700 1.15rem var(--f-titulo);margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stat.top{grid-column:1/-1;background:linear-gradient(180deg,#FFE38A,#F5C451);border-color:var(--oro);color:#2A1B00}
.stat.top .l{color:#5A4300}
.stat.top .n{font-size:1.7rem}
.stat.inst{background:rgba(139,124,255,.14);border-color:rgba(139,124,255,.45)}
.cols{display:grid;gap:16px}
@media (min-width:900px){.cols{grid-template-columns:1.25fr 1fr;align-items:start}}
.acciones{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.credencial{border:2px dashed var(--oro);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.credencial .num{font-size:1.2rem;color:var(--oro-hi)}
.solicitud{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--linea)}
.solicitud:last-child{border-bottom:0}
.solicitud .cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.solicitud .cab b{font:700 1.02rem var(--f-titulo)}
.solicitud .acciones{justify-content:flex-start}
.desglose .dato p:last-child{text-align:right}
@media (max-width:640px){
  #tabla table,#tabla tbody,#tabla tr,#tabla td{display:block;width:100%}
  #tabla thead{display:none}
  #tabla tr{border-bottom:1px solid var(--linea);padding-block:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #tabla td{border:0;padding:0;text-align:left;white-space:normal}
  #tabla td:first-child,#tabla td:last-child{grid-column:1/-1}
  #tabla td[data-l]::before{content:attr(data-l);display:block;font:600 .68rem var(--f-titulo);color:var(--tenue);margin-bottom:2px;text-transform:uppercase}
  #tabla .acciones{justify-content:flex-start}
}