/* Omega Admin - estilos del panel (look emparentado con la PWA) */
*{box-sizing:border-box}
:root{
  --primary:#1e6bff;--primary-700:#1146ad;--ink:#0e1726;--ink-2:#33415c;
  --muted:#93a1b5;--line:#e4ebf3;--surface:#f1f5fa;--card:#fff;
  --ok:#16a34a;--warn:#d97706;--err:#dc2626;
}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--surface);color:var(--ink);font-size:14px}
a{color:var(--primary-700);text-decoration:none}
.topbar{background:#0b1b3f;color:#fff;padding:12px 22px;display:flex;justify-content:space-between;align-items:center}
.topbar b{font-size:16px}
.topbar .who{color:#9fb4d8;font-size:12.5px;display:flex;gap:14px;align-items:center}
.wrap{max-width:1080px;margin:22px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px rgba(14,23,38,.05)}
h1{font-size:19px;margin:0 0 4px}
.sub{color:var(--muted);font-size:12.5px;margin-bottom:16px}
table{width:100%;border-collapse:collapse}
th{background:#0b1b3f;color:#fff;text-align:left;padding:9px 12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
th:first-child{border-radius:8px 0 0 8px}th:last-child{border-radius:0 8px 8px 0}
td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
tr:hover td{background:#f7f9fc}
.badge{display:inline-block;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:800}
.badge.ok{background:#dcfce7;color:var(--ok)}
.badge.warn{background:#fef3c7;color:var(--warn)}
.badge.err{background:#fee2e2;color:var(--err)}
.badge.gray{background:#eef2f7;color:#64748b}
.code{font-family:ui-monospace,Consolas,monospace;background:#eef4ff;color:var(--primary-700);border-radius:7px;padding:3px 8px;font-weight:700;font-size:12.5px;white-space:nowrap}
.btn{display:inline-block;border:0;border-radius:9px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;background:var(--primary);color:#fff}
.btn:hover{background:var(--primary-700)}
.btn.sm{padding:5px 10px;font-size:12px}
.btn.ghost{background:#fff;color:var(--ink-2);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--primary);color:var(--primary-700);background:#f4f8ff}
.btn.danger{background:#fff;color:var(--err);border:1px solid #fecaca}
.btn.danger:hover{background:#fee2e2}
.acciones{display:flex;gap:6px;flex-wrap:wrap}
.acciones form{display:inline}
.flash{border-radius:11px;padding:11px 14px;margin-bottom:14px;font-weight:600;font-size:13px}
.flash.ok{background:#dcfce7;color:#14532d}
.flash.error{background:#fee2e2;color:#7f1d1d}
/* formulario */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid .full{grid-column:1/-1}
label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}
input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;font-family:inherit;background:#fbfdff;color:var(--ink)}
input:focus,textarea:focus{outline:2px solid #bcd4ff;border-color:var(--primary)}
.hint{color:var(--muted);font-size:11.5px;margin-top:4px}
/* login */
.login-box{max-width:380px;margin:9vh auto}
.login-box .brand{text-align:center;margin-bottom:18px}
.login-box .brand b{font-size:20px;color:#0b1b3f}
.login-box .brand div{color:var(--muted);font-size:12.5px}
@media (max-width:760px){.grid{grid-template-columns:1fr}.wrap{margin:12px auto}}