/* DEEC Studio · panel administrativo: ritmo y distribución de los resúmenes (operativo y comercial) y de la barra lateral.
   Se carga al final para unificar espacios, alturas e iconos sin tocar los componentes. */

/* ───────── Barra lateral: máximo dos renglones por opción ───────── */
.app{grid-template-columns:284px minmax(0,1fr)}
.sb{padding:20px 14px}
.nav{gap:1px}
.nav a{gap:11px;padding:9px 12px;font-size:14px;line-height:1.3}
.nav__sep{margin:14px 12px 4px}
@media (max-width:900px){.app{grid-template-columns:1fr}.sb{width:284px}}

/* ───────── Resúmenes (operativo y comercial): ritmo vertical único de 16 px ───────── */
.is-res .kpis{gap:12px;margin-bottom:16px}
.is-res .kpi{padding:14px 16px}
.is-res .kpi b{margin-top:6px;font-size:28px}
.is-res .kpi small{margin-top:4px}
.is-res .card.prio{margin-bottom:16px}

/* Las tarjetas fluyen en dos columnas equilibradas: una tarjeta corta ya no deja un vacío junto a una larga */
.is-res .cols{display:block;columns:2 360px;column-gap:16px;margin-bottom:0}
.is-res .cols>.card{display:block;width:100%;break-inside:avoid;margin:0 0 16px!important}
@media (max-width:1100px){.is-res .cols{columns:1}}

/* Cabeceras, iconos y contenido interior uniformes */
.is-res .card__h{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 20px}
.is-res .card__h h2{flex:1 1 auto;min-width:0;margin:0;font-size:15px;line-height:1.3}
.is-res .card__h .btn,.is-res .card__h .bd{flex:none}
.is-res .card__i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px}
.is-res .card__i svg{display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.is-res .kpi__i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px}
.is-res .kpi__i svg{display:block;width:18px;height:18px;flex:none}
.is-res .card__b{padding:16px 20px}
.is-res .card .empty{padding:22px 16px}
.is-res .cs__chips{padding:12px 20px 2px}
.is-res .cs__t2{padding:4px 20px 12px}
.is-res .cs__b{gap:10px}
.is-res .cs__kv{margin:0;padding:14px 20px 16px}

/* Adaptabilidad */
@media (max-width:1280px){.is-res .kpis--cs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
  .is-res .kpis,.is-res .kpis--cs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-res .card__h{padding:10px 14px;flex-wrap:wrap}
  .is-res .card__b{padding:14px}
  .is-res .tw{overflow-x:auto}
}

/* Barras del resumen comercial: etiquetas completas (hasta dos renglones) sin cortar */
.is-res .cs__b li{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:12px}
.is-res .cs__l{white-space:normal;overflow:visible;line-height:1.25}
.is-res .cs__n{min-width:64px}