/* ==========================================================================
   TRADENEXX — Auth pages (login / register)
   Loads alongside tradenexx.css. Restyles the existing Bootstrap-based
   auth form markup to match the brand palette/typography without touching
   any structural HTML or JS logic.
   ========================================================================== */

body {
    background: #001664 !important;
    color: #FFFFFF;
    font-family: "IBM Plex Mono", Consolas, monospace;
}

a { color: #A4B5DB; }
a:hover { color: #FFFFFF; }

.authorize_box {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(164, 181, 219, 0.3);
    border-radius: 6px;
    padding: clamp(1.5rem, 5vw, 3rem);
    margin: 2.5rem auto;
    max-width: 560px;
}

.logo.section { text-align: center; margin-bottom: 1rem; }
.logo-img { max-height: 56px; width: auto; }

.signup-intro { text-align: center; margin-bottom: 1.5rem; }
.signup-intro-title {
    font-family: Tahoma, "Segoe UI", Verdana, sans-serif;
    font-weight: 700;
    font-size: clamp(1.3rem, 4vw, 1.7rem);
    color: #FFFFFF;
    letter-spacing: 0.3px;
    margin: 0 0 0.6rem;
}
.signup-intro-sub {
    color: #A4B5DB;
    font-size: 0.95rem;
    max-width: 42ch;
    margin: 0 auto 0.9rem;
}
.signup-intro-tl {
    color: #c6cfe6;
    font-size: 0.85rem;
    max-width: 46ch;
    margin: 0 auto 0.4rem;
}

.title_default_dark h4,
.authorize_box h4 {
    font-family: Tahoma, "Segoe UI", Verdana, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0.3px;
}

.txtlbl, label {
    color: #A4B5DB;
    font-size: 0.85rem;
    font-weight: 500;
}

.form-control {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(164, 181, 219, 0.35);
    color: #FFFFFF;
    border-radius: 3px;
}
.form-control:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: #A4B5DB;
    color: #FFFFFF;
    box-shadow: none;
}
.form-control::placeholder { color: #7c88ac; }

.input-group-text {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(164, 181, 219, 0.35);
    color: #A4B5DB;
}

.checkbox_field label { color: #c6cfe6; font-size: 0.85rem; }
.checkbox_field a { text-decoration: underline; }

.field_form1 a, .authorize_form1 a { text-decoration: none; }
.field_form1 a:hover, .authorize_form1 a:hover { text-decoration: underline; }

/* the page's inline <style> does `button { all: unset; }` —
   this selector is more specific, so it still wins */
button[type="submit"] {
    background: #A4B5DB !important;
    color: #001040 !important;
    border: 1px solid #A4B5DB !important;
    border-radius: 3px !important;
    font-family: "IBM Plex Mono", Consolas, monospace !important;
    font-weight: 600 !important;
    padding: 0.85rem 2.2rem !important;
    display: inline-block !important;
    transition: background 0.15s ease;
}
button[type="submit"]:hover { background: #bfcdea !important; }

.text-danger { color: #ff9b9b !important; }

/* select2 (sponsor / country code dropdowns) */
.select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(164, 181, 219, 0.35);
    height: calc(2.25rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF;
    line-height: 2.25rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.25rem; }

@media (max-width: 576px) {
    .authorize_box { margin: 1.2rem; padding: 1.5rem; }
}