/*
 * FrontHub Login complete dark mode v155
 * Login page only.
 */

/* ---------------------------------------------------------
   Main login page
   --------------------------------------------------------- */

html[data-theme="dark"] body,
html.dark body,
body.dark{
    background:#0d1422 !important;
    color:#dce5f2 !important;
}

/*
 * Login content wrapper immediately following shared header.
 */
html[data-theme="dark"] .fh-header + div,
html.dark .fh-header + div,
body.dark .fh-header + div{
    background:
        linear-gradient(
            135deg,
            #0d1422 0%,
            #142136 100%
        ) !important;
}

/* Main login card */
html[data-theme="dark"] .fh-header + div > div,
html.dark .fh-header + div > div,
body.dark .fh-header + div > div{
    background:#151f31 !important;
    color:#dce5f2 !important;
    border-color:#2c3a50 !important;
    box-shadow:
        0 18px 50px rgba(0,0,0,.34) !important;
}

/* Titles */
html[data-theme="dark"] .fh-header + div h1,
html[data-theme="dark"] .fh-header + div h2,
html[data-theme="dark"] .fh-header + div h3,
html.dark .fh-header + div h1,
html.dark .fh-header + div h2,
html.dark .fh-header + div h3{
    color:#f0f4fb !important;
}

/* Labels / ordinary text */
html[data-theme="dark"] .fh-header + div label,
html[data-theme="dark"] .fh-header + div p,
html[data-theme="dark"] .fh-header + div span,
html.dark .fh-header + div label,
html.dark .fh-header + div p,
html.dark .fh-header + div span{
    color:#c6d2e3 !important;
}

/* Inputs */
html[data-theme="dark"] .fh-header + div input[type="email"],
html[data-theme="dark"] .fh-header + div input[type="password"],
html[data-theme="dark"] .fh-header + div input[type="text"],
html.dark .fh-header + div input[type="email"],
html.dark .fh-header + div input[type="password"],
html.dark .fh-header + div input[type="text"]{
    background:#0d1727 !important;
    color:#f5f7fb !important;
    border-color:#34465f !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .fh-header + div input::placeholder,
html.dark .fh-header + div input::placeholder{
    color:#8190a6 !important;
}

/* Checkbox */
html[data-theme="dark"] .fh-header + div input[type="checkbox"],
html.dark .fh-header + div input[type="checkbox"]{
    accent-color:#4f8df7;
}

/* Divider lines */
html[data-theme="dark"] .fh-header + div hr,
html.dark .fh-header + div hr{
    border-color:#2f3d52 !important;
}

/* Ordinary links */
html[data-theme="dark"] .fh-header + div a,
html.dark .fh-header + div a{
    color:#78a9ff;
}

html[data-theme="dark"] .fh-header + div a:hover,
html.dark .fh-header + div a:hover{
    color:#9bc0ff;
}

/*
 * Keep primary Login button blue.
 */
html[data-theme="dark"] .fh-header + div button[type="submit"],
html.dark .fh-header + div button[type="submit"]{
    box-shadow:
        0 8px 22px rgba(38,105,224,.22) !important;
}

/*
 * Google login button should remain light because of
 * Google's visual branding, but its border should be visible.
 */
html[data-theme="dark"] #google-login-btn,
html[data-theme="dark"] #googleLoginBtn,
html[data-theme="dark"] .google-login-btn,
html.dark #google-login-btn,
html.dark #googleLoginBtn,
html.dark .google-login-btn{
    background:#fff !important;
    color:#263348 !important;
    border-color:#d8dee8 !important;
}

/* Error / validation area */
html[data-theme="dark"] .alert,
html[data-theme="dark"] .error,
html[data-theme="dark"] .validation-error,
html.dark .alert,
html.dark .error,
html.dark .validation-error{
    border-color:#71373d !important;
}

/* Shared footer already dark; prevent auth inline styles altering it. */
html[data-theme="dark"] .fronthub-main-footer,
html.dark .fronthub-main-footer{
    background:#10192a !important;
    color:#dce5f2 !important;
}