/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,22): run-time error CSS1039: Token not allowed after unary operator: '-auth-bg'
(22,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text'
(57,46): run-time error CSS1039: Token not allowed after unary operator: '-auth-accent'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text'
(140,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text-muted'
(153,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text'
(161,28): run-time error CSS1039: Token not allowed after unary operator: '-auth-border'
(170,24): run-time error CSS1039: Token not allowed after unary operator: '-auth-accent'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text-muted'
(190,22): run-time error CSS1039: Token not allowed after unary operator: '-auth-accent'
(198,43): run-time error CSS1039: Token not allowed after unary operator: '-auth-accent-light'
(205,17): run-time error CSS1039: Token not allowed after unary operator: '-auth-text-muted'
(226,41): run-time error CSS1039: Token not allowed after unary operator: '-auth-bg'
(246,29): run-time error CSS1039: Token not allowed after unary operator: '-auth-card-radius'
 */
/* Zebra Printer Monitoring - auth (login/register) screens */

:root {
    --auth-bg: #10162a;
    --auth-accent: #2f80ed;
    --auth-accent-light: #5b9bf5;
    --auth-text: #1c2333;
    --auth-text-muted: #6b7280;
    --auth-border: #e6e9f0;
    --auth-card-radius: 16px;
}

* { box-sizing: border-box; }
html, body { overflow-x: hidden; }

body.auth-body {
    margin: 0;
    padding: 0 !important;
    min-height: 100vh;
    background: var(--auth-bg);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--auth-text);
}

.auth-shell {
    display: flex;
    min-height: 100vh;
}

/* ---------- Left branding panel ---------- */

.auth-brand-panel {
    flex: 1.1;
    position: relative;
    background:
        radial-gradient(circle at 15% 20%, rgba(47, 128, 237, 0.35), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(33, 193, 91, 0.25), transparent 45%),
        linear-gradient(160deg, #0d1326 0%, #161f3d 60%, #101830 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 50px;
    overflow: hidden;
}

.auth-brand-inner {
    max-width: 440px;
    position: relative;
    z-index: 2;
}

.brand-mark {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--auth-accent), #21c15b);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 26px;
    box-shadow: 0 10px 30px rgba(47, 128, 237, 0.35);
}

.auth-brand-inner h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: -0.01em;
}

.auth-brand-inner p.tagline {
    font-size: 15.5px;
    color: #b7c0d6;
    line-height: 1.6;
    margin: 0 0 34px 0;
}

.auth-feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.auth-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #d6dcec;
}

.auth-feature-list .feature-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

/* ---------- Right form panel ---------- */

.auth-form-panel {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f6fa;
    padding: 40px 24px;
}

.auth-form-card {
    width: 100%;
    max-width: 380px;
}

.auth-form-card .auth-mobile-brand {
    display: none;
}

.auth-form-card h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: var(--auth-text);
}

.auth-form-card p.auth-subtitle {
    color: var(--auth-text-muted);
    font-size: 14.5px;
    margin: 0 0 28px 0;
}

.auth-form-card .form-group {
    margin-bottom: 18px;
}

.auth-form-card label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--auth-text);
    margin-bottom: 6px;
}

.auth-form-card .form-control {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    border: 1px solid var(--auth-border);
    padding: 0 14px;
    font-size: 14.5px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.auth-form-card .form-control:focus {
    outline: none;
    border-color: var(--auth-accent);
    box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.15);
}

.auth-form-card .checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: var(--auth-text-muted);
    margin-bottom: 22px;
}

.auth-form-card .checkbox-row input { margin: 0; }

.auth-submit-btn {
    width: 100%;
    height: 46px;
    border-radius: 10px;
    border: none;
    background: var(--auth-accent);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, transform .05s ease;
}

.auth-submit-btn:hover { background: var(--auth-accent-light); }
.auth-submit-btn:active { transform: translateY(1px); }

.auth-switch-link {
    text-align: center;
    margin-top: 22px;
    font-size: 13.5px;
    color: var(--auth-text-muted);
}

.auth-switch-link a { font-weight: 600; }

.auth-alert {
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 13.5px;
    margin-bottom: 18px;
}

.auth-alert-danger { background: #fdecec; color: #c92a2a; border: 1px solid #f6c9c9; }
.auth-alert-success { background: #eafaf0; color: #1a8a49; border: 1px solid #c3ecd4; }

.auth-form-card .text-danger { color: #c92a2a; font-size: 12.5px; }

/* ---------- Responsive ---------- */

@media (max-width: 900px) {
    .auth-brand-panel { display: none; }
    .auth-form-panel { background: var(--auth-bg); }
    .auth-form-card .auth-mobile-brand {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 28px;
    }
    .auth-form-card .auth-mobile-brand .brand-mark {
        margin-bottom: 0;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .auth-form-card .auth-mobile-brand span {
        color: #fff;
        font-weight: 700;
        font-size: 17px;
    }
    .auth-form-card {
        background: #fff;
        border-radius: var(--auth-card-radius);
        padding: 28px 24px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    }
}

@media (max-width: 420px) {
    .auth-form-panel { padding: 24px 16px; }
    .auth-form-card { padding: 24px 18px; }
}