/* ============================================================
   Cre8work agent LOGIN page theme
   Loaded via include/staff/login.header.php (re-add after upgrades)
   Server path: /var/www/html/osticket/assets/custom/css/cre8work-scp-login.css
   ============================================================ */

:root {
    --c8-red: #A71C23;
    --c8-red-dark: #8C171D;
    --c8-charcoal: #231F20;
    --c8-grey: #54595F;
    --c8-line: #e0e0e0;
    --c8-bg-soft: #f7f7f8;
    --c8-font: 'Roboto', -apple-system, 'Segoe UI', Arial, sans-serif;
}

body#loginBody {
    background: var(--c8-bg-soft);
    font-family: var(--c8-font);
}
#loginBody #brickwall, #loginBody #blur, #loginBody #background { display: none; }
#loginBody #loginBox {
    background: #fff;
    border: 1px solid var(--c8-line);
    border-top: 4px solid var(--c8-red);
    border-radius: 4px;
    box-shadow: 0 14px 44px rgba(0,0,0,.12);
}
#loginBody #logo img { display: none; }
#loginBody #logo a {
    display: block;
    height: 64px;
    background: url('../images/login-logo.png') center / contain no-repeat;
}
#loginBody #login-message {
    color: var(--c8-charcoal);
    font-weight: 500;
    font-family: var(--c8-font);
}
#loginBody input[type=text], #loginBody input[type=password] {
    border: 1px solid var(--c8-line);
    border-radius: 2px;
    font-family: var(--c8-font);
    font-size: 15px;
}
#loginBody input[type=text]:focus, #loginBody input[type=password]:focus {
    border-color: var(--c8-red);
    outline: 2px solid var(--c8-red);
}
#loginBody button.submit {
    background: var(--c8-red);
    border: 1px solid var(--c8-red);
    border-radius: 2px;
    color: #fff;
    text-shadow: none;
    font-family: var(--c8-font);
    font-weight: 500;
}
#loginBody button.submit:hover { background: var(--c8-red-dark); border-color: var(--c8-red-dark); }
#loginBody #reset-link { color: var(--c8-grey); }
#loginBody #company .content { color: var(--c8-grey); }
#loginBody #poweredBy { display: none; }