/* ==========================================================================
   biz-login.css — themed Sign-In page, matching the app reskin.
   SignIn.cshtml is a standalone page (it doesn't load biz-theme.css), so this
   is self-contained. Linked after app.css so it wins. Pure presentation — no
   markup/binding change.
   ========================================================================== */

:root {
    --biz-bg: #f4f6fa;
    --biz-card: #ffffff;
    --biz-line: #e2e7ee;
    --biz-input-border: #c3cdda;
    --biz-text: #28333f;
    --biz-muted: #8a95a5;
    --biz-blue: #0A3854;
    --biz-blue-2: #16668c;
    --biz-radius: 12px;
    --biz-radius-sm: 8px;
    --biz-red: #e81c12;
}

/* branded navy backdrop */
html.bg-dark, body.bg-dark { background: var(--biz-blue) !important; }

/* layout */
#content.wrapper-md { padding-top: 7vh; }
#content .navbar-brand.block { text-align: center; display: block; margin: 0 auto 18px; }
#content .navbar-brand.block img { max-height: 54px; width: auto; }

/* the login card */
#content .panel.panel-default {
    background: var(--biz-card) !important;
    border: none;
    border-radius: var(--biz-radius);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
    max-width: 380px;
    margin: 0 auto;
    overflow: hidden;
}
#content .panel.panel-default .panel-heading {
    background: var(--biz-card);
    color: var(--biz-text);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid var(--biz-line);
    padding: 18px;
}
#content .panel.panel-default .panel-body { padding: 24px; }

/* fields */
#content .panel label.control-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--biz-text);
    margin-bottom: 6px;
}
#content .panel .form-control {
    height: 44px;
    border: 1px solid var(--biz-input-border);
    border-radius: var(--biz-radius-sm);
    font-size: 14px;
    color: var(--biz-text);
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
#content .panel .form-control:focus {
    border-color: var(--biz-blue-2);
    box-shadow: 0 0 0 3px rgba(22, 102, 140, .12);
    outline: none;
}

/* keep-me-logged-in */
#content .panel .checkbox label { color: var(--biz-muted); font-weight: 500; }
#content .panel input[type="checkbox"] { accent-color: var(--biz-blue); width: 15px; height: 15px; vertical-align: middle; }

/* login button */
#content .panel .btn-primary {
    background: var(--biz-blue);
    border: none;
    border-radius: var(--biz-radius-sm);
    width: 100%;
    height: 44px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 8px;
}
#content .panel .btn-primary:hover,
#content .panel .btn-primary:focus { background: var(--biz-blue-2); }

#content .panel .text-danger { color: var(--biz-red); display: block; margin-top: 10px; text-align: center; }

/* footer credit */
body > section .container p { color: rgba(255, 255, 255, .8) !important; }