/* ============================================
   Admin › Inicio: "Estado del sistema" (js/Inicio_Estado.js)
   Rojo = crítico (sin conexión, sin datos más de 1 h), ámbar = aviso, verde = todo bien. Modo oscuro abajo.
   ============================================ */
.Inicio_Estado {
    border-radius: 16px;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}
.Inicio_Estado_cab { display: flex; align-items: center; gap: 14px; padding: 16px 20px; color: #fff; }
.Inicio_Estado_cab.is-ok      { background: linear-gradient(135deg, #198754, #20a46b); }
.Inicio_Estado_cab.is-aviso   { background: linear-gradient(135deg, #b7791f, #d69e2e); }
.Inicio_Estado_cab.is-critico { background: linear-gradient(135deg, #b02a37, #dc3545); }
.Inicio_Estado_cabIcono { font-size: 1.7rem; line-height: 1; }
.Inicio_Estado_cab.is-critico .Inicio_Estado_cabIcono { animation: Inicio_Estado_latido 2s ease-in-out infinite; }
.Inicio_Estado_cabTitulo { font-size: 1.2rem; font-weight: 800; }
.Inicio_Estado_cabSub { font-size: 0.82rem; opacity: 0.9; }
.Inicio_Estado_btn { color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); }
.Inicio_Estado_btn:hover { background: rgba(255, 255, 255, 0.15); color: #fff; }

.Inicio_Estado_modulos { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; padding: 14px 20px 4px; }
.Inicio_Estado_mod { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--bs-border-color); }
.Inicio_Estado_mod > i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; }
.Inicio_Estado_mod b { display: block; font-size: 0.9rem; }
.Inicio_Estado_mod small { color: var(--bs-secondary-color); font-size: 0.76rem; }
.Inicio_Estado_mod.is-ok > i  { background: rgba(25, 135, 84, 0.12); color: #198754; }
.Inicio_Estado_mod.is-mal     { border-color: rgba(220, 53, 69, 0.45); background: rgba(220, 53, 69, 0.05); }
.Inicio_Estado_mod.is-mal > i { background: rgba(220, 53, 69, 0.14); color: #dc3545; }
.Inicio_Estado_mod.is-mal b   { color: #b02a37; }

.Inicio_Estado_lista { padding: 10px 20px 16px; display: flex; flex-direction: column; gap: 8px; }
.Inicio_Estado_item {
    display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; cursor: pointer;
    border: 1px solid var(--bs-border-color); border-left-width: 5px; transition: transform .12s ease, box-shadow .12s ease;
}
.Inicio_Estado_item:hover, .Inicio_Estado_item:focus-visible { transform: translateX(2px); box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08); outline: none; }
.Inicio_Estado_item.is-critico { border-left-color: #dc3545; background: rgba(220, 53, 69, 0.07); }
.Inicio_Estado_item.is-aviso   { border-left-color: #f0ad4e; background: rgba(240, 173, 78, 0.08); }
.Inicio_Estado_itemIcono { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; }
.is-critico .Inicio_Estado_itemIcono { background: #dc3545; color: #fff; }
.is-aviso .Inicio_Estado_itemIcono   { background: #f0ad4e; color: #fff; }
.Inicio_Estado_itemTitulo { font-weight: 700; font-size: 0.93rem; }
.is-critico .Inicio_Estado_itemTitulo { color: #b02a37; }
.is-aviso .Inicio_Estado_itemTitulo   { color: #8a5a00; }
.Inicio_Estado_itemDetalle { font-size: 0.82rem; color: var(--bs-secondary-color); overflow-wrap: anywhere; }
.Inicio_Estado_itemLado { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; text-align: right; }
.Inicio_Estado_itemLado small { color: var(--bs-secondary-color); font-size: 0.75rem; white-space: nowrap; }
.Inicio_Estado_nivel { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 2px 8px; border-radius: 999px; color: #fff; }
.is-critico .Inicio_Estado_nivel { background: #dc3545; }
.is-aviso .Inicio_Estado_nivel   { background: #f0ad4e; }
.Inicio_Estado_vacio { padding: 14px 4px; color: #198754; font-weight: 600; }
.Inicio_Estado_mas { align-self: flex-start; padding-left: 0; }

@keyframes Inicio_Estado_latido { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) {
    .Inicio_Estado_cab.is-critico .Inicio_Estado_cabIcono { animation: none; }
    .Inicio_Estado_item { transition: none; }
}
@media (max-width: 576px) {
    .Inicio_Estado_cab, .Inicio_Estado_lista { padding-left: 14px; padding-right: 14px; }
    .Inicio_Estado_modulos { padding-left: 14px; padding-right: 14px; }
    .Inicio_Estado_itemIcono { display: none; }
}

[data-bs-theme="dark"] .Inicio_Estado { box-shadow: none; }
[data-bs-theme="dark"] .Inicio_Estado_item.is-critico { background: rgba(220, 53, 69, 0.14); }
[data-bs-theme="dark"] .Inicio_Estado_item.is-aviso   { background: rgba(240, 173, 78, 0.12); }
[data-bs-theme="dark"] .is-critico .Inicio_Estado_itemTitulo,
[data-bs-theme="dark"] .Inicio_Estado_mod.is-mal b { color: #f1aeb5; }
[data-bs-theme="dark"] .is-aviso .Inicio_Estado_itemTitulo { color: #ffd479; }
[data-bs-theme="dark"] .Inicio_Estado_mod.is-mal { background: rgba(220, 53, 69, 0.1); }
[data-bs-theme="dark"] .Inicio_Estado_vacio { color: #75b798; }
.Inicio_Estado .min-w-0 { min-width: 0; }