/* =============================================================
   relay_1448.css — Ashara Mubaraka 1448 | London
   Primary : #1B3664  (navy blue — calligraphy)
   Accent  : #8B1A1A  (crimson   — flag / London)
   Loaded after existing stylesheets to override colour tokens.
   ============================================================= */

/* ── Login page — replace dark-green main-bg.png with navy ─── */
body.login-page {
    background: #1B3664 !important;
}

body #content .login-section .login-row .logo-col {
    background: #1B3664;
}

/* ── Global selection ──────────────────────────────────────── */
::selection {
    background-color: #1B3664;
    color: #fff;
}

/* ── Links ─────────────────────────────────────────────────── */
body a { color: #1B3664; }

/* ── Headings ──────────────────────────────────────────────── */
h1, h2, h3, h4, h5 { color: #1B3664; }

/* ── Buttons (style.css pages) ─────────────────────────────── */
.button             { background: #1B3664; color: #fff !important; }
.button:hover       { color: #c8d8f8 !important; }
.yellow-btn         { background: #1B3664; color: #fff; }
.yellow-btn:hover   { color: #c8d8f8; text-decoration: none; }
.home_btn           { background: #1B3664; }
.server_btn         { background: #1B3664; }

/* ── Account header strip ─────────────────────────────────── */
.account-login {
    background: #d4e2f6 !important;
    background-color: #d4e2f6 !important;
    box-shadow: 0 3px 9px -2px #a7bee0 inset;
}
.account-login ul li a.logout       { background-color: #1B3664; }
.account-login ul li a.logout:hover { color: #c8d8f8 !important; }

/* ── Server selection tabs ─────────────────────────────────── */
ul.server_buttons li a              { color: #1B3664; }

/* ── relay_home inner-page title / messages ────────────────── */
h2.title,
.insidepage-screen .title  { color: #1B3664 !important; }
#sp_audio_only_msg         { color: #1B3664 !important; }
#div_viewer_count,
#span_viewer_count         { color: #1B3664 !important; }

/* ── relay_home footer — overrides inline colour ────────────── */
footer h4          { color: #1B3664 !important; }
footer > div       { color: #1B3664 !important; }

/* =============================================================
   css_1446 pages (login / OTP / summary / multiple-login)
   ============================================================= */

/* Form column background */
body #content .login-section .login-row .form-col {
    background: #EDF4FF;
}

/* Input focus ring — crimson */
body #content .login-section .login-row .form-col form#loginform .form-control-wrap input.ra-number:active,
body #content .login-section .login-row .form-col form#loginform .form-control-wrap input.ra-number:focus,
body #content .login-section .login-row .form-col form#loginform .form-control-wrap input.ra-password:active,
body #content .login-section .login-row .form-col form#loginform .form-control-wrap input.ra-password:focus {
    outline: none;
    border: 3px solid #8B1A1A;
}

/* Submit / action buttons — navy gradient */
body #content .login-section .login-row .form-col form#loginform .form-control-wrap input.ra-submit,
input.ra-submit,
.view_relay {
    background: linear-gradient(90deg, #1B3664 0%, #2B4C8E 100%) !important;
}

/* Resend / link-style submit buttons — transparent, not gradient */
input[id$="btn_resend"] {
    background: transparent !important;
    box-shadow: none !important;
    color: #1B3664 !important;
}

/* Forget-password / links inside forms */
body #content .login-section .login-row .form-col form#loginform p.forget-password a,
.forget-password a {
    color: #1B3664;
}

/* Copyright text */
body #content .login-section .login-row .form-col .copyright p { color: #1B3664; }