/* ============================================================
   base.css — Reset y estilos base
   ============================================================ */

* { box-sizing: border-box; }

html { min-height: 100%; }

body {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(180deg, #f8fbff 0%, var(--admin-bg) 42%, #eef4fa 100%);
    color: var(--admin-text);
    font-family: "Segoe UI", Arial, sans-serif;
    transition: background-color 0.18s ease, color 0.18s ease;
}

html[data-theme="dark"] body {
    background: linear-gradient(180deg, #111827 0%, var(--admin-bg) 48%, #0b1120 100%);
}

a { text-decoration: none; color: inherit; }

/* El atributo `hidden` siempre oculta, aunque el elemento tenga display propio. */
[hidden] { display: none !important; }

.text-muted { margin: 0; color: var(--admin-muted) !important; }