/* Reporte del Hato — v2 (jul 2026)
   Sin border-left de color en cards redondeadas (regla sin-rayas-curvas-tarjetas).
   Acento = raya recta 2px interior vía ::before. */

/* ── Slots icono (solo filas/listas; tarjetas inventario = img directo) ── */
#m-alertas-panel.alertas-panel-serio-v2 .rep-hato-ico-slot{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  border-radius:10px!important;
  background:var(--gris-200,#e2e8f0)!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.06)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-kicker__ico-slot{
  border-radius:9px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__ico-img{
  display:block!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .rep-hato-ico-slot__img,
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row__ico-img,
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-empty__ico-img{
  display:block!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* ── Scroll y secciones ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-body-scroll{
  padding:0 10px 10px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-panel{
  margin:8px 0 10px!important;
  padding:12px 12px 10px!important;
  border-radius:12px!important;
  border:var(--borde-fino,1px solid var(--gris-300,#cbd5e1))!important;
  background:var(--superficie-input,#fff)!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-kicker{
  gap:10px!important;
  margin-bottom:10px!important;
  font-size:11px!important;
  align-items:center!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-total{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-desglose{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-grid{
  gap:8px!important;
}

/* ── Tarjeta categoría: fila icono + contenido (sin franja en borde) ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:10px 10px 10px 10px!important;
  border-radius:12px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-left:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  min-height:68px!important;
  box-sizing:border-box!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__main{
  flex:1 1 auto!important;
  min-width:0!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__row{
  align-items:center!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__label{
  font-size:13px!important;
  font-weight:800!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__num{
  font-size:20px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card__sub{
  margin-top:2px!important;
  padding-left:0!important;
  font-size:11px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card--clickable{
  padding-right:28px!important;
  cursor:pointer!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card--clickable:hover{
  background:var(--gris-50,#f8fafc)!important;
  border-color:var(--gris-400,#94a3b8)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-inv-card--warn .alertas-inv-card__num{
  color:#b91c1c!important;
}

/* ── Sección alertas ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-alerts-section{
  margin-top:4px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-alerts-section__head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 2px 10px!important;
  border-bottom:1px solid var(--gris-200,#e2e8f0)!important;
  margin-bottom:8px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-alerts-section__tit{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:var(--texto-suave,#64748b)!important;
  flex:1 1 auto!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-alerts-section__count{
  font-size:11px!important;
  font-weight:700!important;
  color:var(--texto-base,#334155)!important;
  font-variant-numeric:tabular-nums!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-alerts-section__list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

/* ── Fila alerta: sin border-left; raya recta interior ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:0!important;
  padding:12px 12px 12px 14px!important;
  border-radius:12px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-left:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  overflow:visible!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:12px!important;
  bottom:12px!important;
  width:2px!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--rep-strip,#94a3b8) 38%,transparent)!important;
  pointer-events:none!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row--critico::before{
  background:color-mix(in srgb,#dc2626 42%,transparent)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row--atencion::before{
  background:color-mix(in srgb,#b45309 40%,transparent)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row--info::before{
  background:color-mix(in srgb,#64748b 35%,transparent)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row:hover{
  background:var(--gris-50,#f8fafc)!important;
  border-color:var(--gris-400,#94a3b8)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row__ico{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  margin-top:0!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row__tit{
  font-size:13px!important;
  line-height:1.35!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row__sub{
  font-size:11px!important;
  margin-top:4px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-list-row__chev{
  font-size:20px!important;
  margin-top:0!important;
}

/* ── Empty state ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-empty{
  padding:24px 12px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-empty__ico{
  margin:0 auto 12px!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  justify-content:center!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-empty__tit{
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-fuerte,#0f172a)!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-empty__sub{
  font-size:12px!important;
  color:var(--texto-suave,#64748b)!important;
  margin-top:4px!important;
}

/* ── Período + pie ── */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-periodo-hint{
  font-size:11px!important;
  padding:6px 12px 8px!important;
}
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-btn-wa__ico--img{
  width:24px!important;
  height:24px!important;
}

/* Pills Semana / Quincena / Mes — radio 9px (pedido usuario) */
#m-alertas-panel.alertas-panel-serio-v2 .alertas-serio-seg.rep-serio-seg .vb{
  border-radius:9px!important;
}