/* resiter/css/00-previas.css — Reglas que solo existían en la primera copia del CSS que traía index.html (cascada: van antes de todo).
   Forma parte del CSS único de index.html (orden R2): se carga en el orden de los <link>; al editar este archivo,
   subir su ?v= en index.html. */
/* ── Reglas que SOLO existían en la primera copia del CSS (la segunda, de abajo, no las trae). Se conservan en su
      posición original de la cascada: viven antes de la copia completa. Orden R2, paso "quitar el encabezado repetido". ── */
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
#topbar{
  display:flex;align-items:center;gap:0;
  padding:0 28px;height:88px;flex-shrink:0;
  background:#ffffff;
  border-bottom:1px solid rgba(7,55,99,0.12);
  box-shadow:0 2px 8px rgba(7,55,99,0.07);
  z-index:10;
}
#usr-f-permiso .msel-panel{min-width:330px}
body.in-module #hub-navbar { display: none !important; }
.hub-nav-item.perm-hidden { display: none !important; }
body.in-module .card { background: #ffffff !important; border-color: rgba(7,55,99,0.10) !important; box-shadow: 0 1px 4px rgba(7,55,99,0.07) !important; }
.modal-bg {
  display: none;
  position: fixed; inset: 0;
  background: rgba(6,9,26,.6);
  backdrop-filter: blur(5px);
  z-index: 500;
  align-items: center; justify-content: center;
}
.modal-bg.open { display: flex; }
.modal {
  background: #fff; border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
  width: 100%; max-width: 480px;
  animation: modal-in .22s cubic-bezier(.22,1,.36,1) both;
  max-height: 90vh; overflow-y: auto;
}
.modal-title {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px 12px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 15px; font-weight: 800; color: #0f172a;
}
body[data-rol]:not([data-rol="MASTER"]) .hub-tile{display:none!important}
body[data-perm-abastecimiento] #tile-abastecimiento{display:flex!important}
body[data-perm-maestro] #tile-maestro{display:flex!important}
body[data-perm-mantenimiento] #tile-mantenimiento{display:flex!important}
body[data-perm-odometro] #tile-odometro{display:flex!important}
body[data-perm-comparativo] #tile-comparativo{display:flex!important}
body[data-rol="MASTER"] .hub-tile{display:flex!important}
.al{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:10px;margin:4px 0;font-size:13px}
.al span{font-size:16px;flex-shrink:0;margin-top:1px}
.al-ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#4ade80}
.al-warn{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#fcd34d}
.al-bad{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:#f87171}
.al-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#93c5fd}