/* login.css - SEC Tecnologia ERP login.
   Paleta e identidad calcadas de SEC POS (SEC POS/styles.css: header
   degradé azul, fondo claro, tarjeta centrada) — no la del login oscuro de
   eKitwi Identity que usaba el eKitwi ERP original. Ver README.md. */

:root {
    --admin-bg:           #f4f7fa;
    --admin-surface:      #ffffff;
    --admin-border:       #d4dee6;
    --admin-accent:       #1769aa;
    --admin-accent-hover: #125a8c;
    --admin-text:         #173042;
    --admin-text-muted:   #6d7b85;
}

/* ── Base ─────────────────────────────────────────────────────────────── */

body.admin-login-body {
    background: var(--admin-bg) !important;
    color: var(--admin-text);
    margin: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
}

/* ── Layout: header degradé + tarjeta centrada (calco de SEC POS) ────── */

.admin-login-split {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.admin-login-brand {
    background: linear-gradient(135deg, #0e568e, #2d8ac8 58%, #5aa9d6);
    box-shadow: 0 5px 22px rgba(20, 76, 120, 0.18);
    padding: 2.25rem 1.5rem;
    text-align: center;
}

.admin-login-logo {
    display: none;
}

.admin-login-brand-text {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.4px;
    color: #ffffff;
}

.admin-login-brand-sub {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}

.admin-login-form-panel {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: var(--admin-bg);
}

.admin-login-card {
    width: 100%;
    max-width: 400px;
    background: var(--admin-surface);
    border: 1px solid var(--admin-border);
    border-radius: 16px;
    box-shadow: 0 7px 24px rgba(32, 63, 82, 0.08);
    padding: 2rem;
}

.admin-login-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.admin-login-header .subtitle {
    color: var(--admin-text-muted);
    margin-top: 0.25rem;
    font-size: 0.9rem;
}

/* ── Fomantic form overrides para el fondo claro ─────────────────────── */

.admin-login-card .ui.form label {
    color: var(--admin-text) !important;
}

.admin-login-card .ui.form input {
    background: #fbfdff !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

.admin-login-card .ui.form input:focus {
    border-color: var(--admin-accent) !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 170, 0.13) !important;
}

.admin-login-card .ui.form input::placeholder {
    color: var(--admin-text-muted) !important;
}

.admin-login-card .ui.form .ui.left.icon.input > i.icon {
    color: var(--admin-text-muted) !important;
}

.admin-login-card .ui.primary.button {
    background: var(--admin-accent) !important;
    margin-top: 1rem;
}

.admin-login-card .ui.primary.button:hover {
    background: var(--admin-accent-hover) !important;
}