/*
 * Shared Light Theme for Login, Register, password recovery, email and 2FA,
 * account suspension, and password confirmation, all in layouts.app.
 * Dark styles remain defined by their existing Blade pages.
 */
html[data-theme="light"] {
    --auth-ink:#304937;
    --auth-muted:#627b69;
    --auth-green:#187d30;
    --auth-border:#cbded0;
    --auth-panel:#fff;
    --auth-soft:#f4faf5;
    --auth-danger:#ac3e4a;
    --fnss-green:#187d30;
    --fnss-bg:#f4f9f5;
    --fnss-card:#fff;
    --fnss-border:#cbded0;
    --fnss-muted:#627b69;
}
html[data-theme="light"] :is(.auth-bg-page,.reset-page,.code-page,.two-factor-page,.verify-page,.suspended-shell,.auth-confirm-page) {
    color:var(--auth-ink);
    background:linear-gradient(180deg,rgba(250,253,250,.83),rgba(240,248,242,.90)),
        url('../images/gamingmarketplace2klight.png') center top / cover no-repeat,
        #f5faf6 !important;
}
html[data-theme="light"] :is(.login-container,.register-container,.reset-page,.code-page,.two-factor-page,.verify-page,.auth-confirm-page) {
    min-height:calc(100dvh - 78px);
}
html[data-theme="light"] :is(.auth-bg-page,.verify-page)::before {
    background:linear-gradient(180deg,rgba(251,254,251,.24),rgba(244,250,245,.52)),
        url('../images/gamingmarketplace2klight.png') center top / cover no-repeat !important;
}
html[data-theme="light"] :is(.auth-bg-page,.verify-page)::after {
    background:radial-gradient(circle at 12% 7%,rgba(55,163,76,.08),transparent 35%),
        linear-gradient(180deg,rgba(250,253,250,.20),rgba(242,249,243,.46)) !important;
}
html[data-theme="light"] .login-container {background:transparent !important}
html[data-theme="light"] :is(.auth-bg-page,.reset-page,.code-page,.verify-page) :is(.brand-badge,.panel-kicker),
html[data-theme="light"] :is(.two-factor-mark,.auth-confirm-kicker) {
    background:#e6f5e9;color:var(--auth-green);border-color:#b7dcc1;
}
html[data-theme="light"] :is(.login-card,.register-card,.reset-intro,.reset-card,.code-intro,.code-card,.two-factor-card,.verify-shell,.suspended-panel,.suspended-main,.auth-confirm-card) {
    background:linear-gradient(145deg,#fff,#f8fcf9) !important;
    color:var(--auth-ink);
    border-color:var(--auth-border) !important;
    box-shadow:0 18px 48px rgba(29,77,41,.12) !important;
}
html[data-theme="light"] :is(.login-left,.register-left,.verify-hero) {
    background:linear-gradient(150deg,#f0f9f2,#dff0e3) !important;
    color:var(--auth-ink);
    border-color:#c4ddca;
}
html[data-theme="light"] :is(.login-left,.register-left,.verify-hero)::before {
    background:rgba(38,151,66,.09);
}
html[data-theme="light"] :is(.login-left,.register-left,.verify-hero)::after {
    background-image:linear-gradient(rgba(33,113,54,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(33,113,54,.035) 1px,transparent 1px);
}
html[data-theme="light"] :is(.login-right,.register-right,.verify-panel) {
    color:var(--auth-ink);
    background:linear-gradient(180deg,#fff,#f8fcf9) !important;
}
html[data-theme="light"] :is(.login-logo,.register-logo,.brand-title,.reset-logo,.code-logo) {
    color:var(--auth-ink);
}
html[data-theme="light"] :is(.login-logo,.register-logo,.brand-title,.reset-logo,.code-logo) span {
    color:var(--auth-green);text-shadow:none;
}
html[data-theme="light"] :is(.login-title,.register-title,.hero-title,.panel-title,.reset-intro h1,.code-intro h1,.two-factor-card h1,.form-head h2) {
    color:var(--auth-ink);
}
html[data-theme="light"] :is(.login-desc,.register-desc,.hero-text,.panel-desc,.login-subtitle,.register-subtitle,.reset-intro p,.code-intro p,.two-factor-card p,.form-head p) {
    color:var(--auth-muted);
}
html[data-theme="light"] :is(.login-feature,.register-feature,.verify-step,.trust-box,.reset-point,.security-item) {
    background:#fff;color:#375340;border-color:#cbded0;
}
html[data-theme="light"] :is(.login-feature,.register-feature,.verify-step,.reset-point,.security-item) .feature-dot,
html[data-theme="light"] :is(.reset-point-icon,.security-icon,.step-icon,.email-badge) {
    background:#e0f3e4;color:var(--auth-green);border-color:#b6dec0;
}
html[data-theme="light"] :is(.trust-box strong,.reset-point-icon,.security-icon) {color:var(--auth-green)}
html[data-theme="light"] :is(.trust-box span,.reset-point span,.security-item span) {color:var(--auth-muted)}
html[data-theme="light"] :is(.reset-point strong,.security-item strong) {color:var(--auth-ink)}
html[data-theme="light"] :is(.login-right,.register-right) :is(.form-label,.remember-label) {color:#385441}
html[data-theme="light"] :is(.login-right,.register-right) .form-input,
html[data-theme="light"] :is(.reset-page,.code-page) :is(.reset-input,.code-input,.code-email-input,.password-input),
html[data-theme="light"] :is(.two-factor-code,.verify-input,.auth-confirm-card input) {
    background:#fff !important;color:var(--auth-ink) !important;
    border:1px solid #c5dacb !important;
    color-scheme:light;
}
html[data-theme="light"] :is(.login-right,.register-right) .form-input::placeholder,
html[data-theme="light"] :is(.reset-page,.code-page) input::placeholder,
html[data-theme="light"] :is(.two-factor-code,.verify-input,.auth-confirm-card input)::placeholder {color:#859989 !important}
html[data-theme="light"] :is(.login-right,.register-right) .form-input:focus,
html[data-theme="light"] :is(.reset-page,.code-page) input:focus,
html[data-theme="light"] :is(.two-factor-code,.verify-input,.auth-confirm-card input):focus {
    background:#fff !important;border-color:#278e45 !important;
    box-shadow:0 0 0 3px rgba(28,135,55,.13) !important;
}
html[data-theme="light"] :is(.login-right,.register-right,.reset-page,.code-page,.two-factor-page,.verify-page,.auth-confirm-page) input:focus-visible {
    outline:2px solid #2d8b46;outline-offset:2px;
}
html[data-theme="light"] :is(.login-right,.register-right) .form-input:disabled,
html[data-theme="light"] :is(.reset-page,.code-page,.two-factor-page,.verify-page) input:disabled {
    background:#eef5ef !important;color:#698371 !important;
}
html[data-theme="light"] :is(.login-right,.register-right) .remember-checkbox {background:#fff;border-color:#278e45}
html[data-theme="light"] :is(.login-right,.register-right) .remember-checkbox:checked {background:#187d30}
html[data-theme="light"] :is(.login-right,.register-right) .remember-checkbox:checked::after {color:#fff}
html[data-theme="light"] :is(.login-right,.register-right) :is(.divider,.register-link,.login-link,.forgot-password a,.security-note),
html[data-theme="light"] :is(.reset-page,.code-page) :is(.form-label span,.reset-help,.security-note,.simple-link,.resend-panel-top span,.resend-note),
html[data-theme="light"] :is(.verify-page,.two-factor-page) :is(.resend-note,.resend-row span,.trust-row,.logout-button) {
    color:var(--auth-muted);
}
html[data-theme="light"] :is(.login-right,.register-right) .divider::before,
html[data-theme="light"] :is(.login-right,.register-right) .divider::after {background:#d8e6dc}
html[data-theme="light"] :is(.login-right,.register-right) :is(.forgot-password a:hover,.register-link a,.login-link a,.eula-open),
html[data-theme="light"] :is(.reset-page,.code-page,.verify-page) .simple-link:hover {color:var(--auth-green)}
html[data-theme="light"] :is(.login-right,.register-right) :is(.security-note,.eula-box) {
    background:#eff8f1;border-color:#c4e1cc;color:#45644d;
}
html[data-theme="light"] :is(.login-right,.register-right) .eula-row {color:#48624f}
html[data-theme="light"] :is(.login-right,.register-right) :is(.error-text),
html[data-theme="light"] :is(.reset-page,.code-page) .error-text {color:var(--auth-danger)}
html[data-theme="light"] :is(.login-btn,.register-btn,.reset-btn,.reset-submit-btn,.two-factor-submit,.verify-btn,.auth-confirm-card button[type="submit"]) {
    color:#fff !important;background:#187d30 !important;border-color:#187d30 !important;
    box-shadow:0 10px 22px rgba(24,125,48,.15) !important;
}
html[data-theme="light"] :is(.login-btn,.register-btn,.reset-btn,.reset-submit-btn,.two-factor-submit,.verify-btn,.auth-confirm-card button[type="submit"]):hover {
    background:#116925 !important;border-color:#116925 !important;
}
html[data-theme="light"] :is(.login-right,.register-right) .social-google {background:#fff;color:#26352a;border:1px solid #d5e3d8}
html[data-theme="light"] :is(.login-right,.register-right) .social-facebook,
html[data-theme="light"] :is(.login-right,.register-right) .social-discord {color:#fff}
html[data-theme="light"] .auth-bg-page .eula-modal-card {
    background:#fff;border-color:#bfdcc6;color:var(--auth-ink);
    box-shadow:0 28px 70px rgba(21,64,33,.20);
}
html[data-theme="light"] .auth-bg-page .eula-modal :is(.eula-modal-header,.eula-modal-footer) {
    border-color:#d8e6db;
}
html[data-theme="light"] .auth-bg-page .eula-modal-title {color:var(--auth-ink)}
html[data-theme="light"] .auth-bg-page .eula-content {color:#49614f}
html[data-theme="light"] .auth-bg-page .eula-content h3 {color:var(--auth-green)}
html[data-theme="light"] .auth-bg-page .eula-close {background:#edf6ef;border-color:#c2ddc8;color:var(--auth-ink)}
html[data-theme="light"] .auth-bg-page .eula-scroll-warning {color:var(--auth-muted)}
html[data-theme="light"] .auth-bg-page .eula-accept-btn:not(.active) {background:#e4ebe5;color:#6f8275}
html[data-theme="light"] .auth-bg-page .eula-accept-btn.active {background:#187d30;color:#fff}

/* Forgot password and reset-code: two-panel recovery flow. */
html[data-theme="light"] :is(.reset-page,.code-page) :is(.reset-logo,.code-logo) {color:var(--auth-ink)}
html[data-theme="light"] :is(.reset-page,.code-page) :is(.form-head h2,.form-label label,.reset-help strong,.security-note strong,.resend-panel-top strong) {color:var(--auth-ink)}
html[data-theme="light"] :is(.reset-page,.code-page) :is(.input-icon,.brand-badge,.timer-pill) {color:var(--auth-green)}
html[data-theme="light"] :is(.reset-help,.resend-panel,.security-note) {
    background:#f0f8f2;border-color:#cbded0;color:var(--auth-muted);
}
html[data-theme="light"] :is(.reset-page,.code-page) :is(.success-alert,.alert-box.success) {
    background:#e6f6e9;border-color:#b4dfbd;color:#236a35;
}
html[data-theme="light"] :is(.reset-page,.code-page) :is(.success-alert strong,.alert-box.success strong) {color:var(--auth-green)}
html[data-theme="light"] .code-page .alert-box.warning {
    background:#fff5e0;border-color:#ead3a6;color:#895b12;
}
html[data-theme="light"] .code-page .alert-box.warning strong {color:#895b12}
html[data-theme="light"] .code-page .resend-btn:not(:disabled) {
    color:var(--auth-green);background:#e9f6ec;border-color:#b6ddc1;
}
html[data-theme="light"] .code-page .resend-btn:disabled {
    color:#7c8f80;background:#f1f5f1;border-color:#d9e5dc;
}
html[data-theme="light"] .code-page .timer-pill {background:#e9f6ec;border-color:#b6ddc1}

/* Email verification and two-factor login. */
html[data-theme="light"] .verify-page .verify-shell {background:#fff}
html[data-theme="light"] .verify-page :is(.brand-title,.hero-title,.panel-title,.email-box strong,.code-label,.resend-title) {
    color:var(--auth-ink);
}
html[data-theme="light"] .verify-page :is(.email-box,.resend-card) {
    color:var(--auth-ink);background:#f5faf6;border-color:#cbded0;
}
html[data-theme="light"] .verify-page :is(.email-box span,.code-label span:last-child,.resend-note) {color:var(--auth-muted)}
html[data-theme="light"] .verify-page :is(.panel-kicker,.email-badge) {background:#e7f6ea;border-color:#b8dfc1;color:var(--auth-green)}
html[data-theme="light"] .verify-page .notice-box {background:#e7f6ea;border-color:#b8dfc1;color:var(--auth-green)}
html[data-theme="light"] .verify-page .error-box {background:#fff0f1;border-color:#eec5cc;color:var(--auth-danger)}
html[data-theme="light"] .verify-page .resend-btn:not(:disabled) {background:#e9f7ec;border-color:#b8dfc1;color:var(--auth-green)}
html[data-theme="light"] .verify-page .resend-btn:disabled {background:#eef3ef;border-color:#d5e3d8;color:#768c7c}
html[data-theme="light"] .verify-page .resend-note strong {color:var(--auth-green)}
html[data-theme="light"] .verify-page .verify-step {color:#35553e}
html[data-theme="light"] .two-factor-card .two-factor-mark {background:#e7f6ea;border-color:#b8dfc1;color:var(--auth-green)}
html[data-theme="light"] .two-factor-card .two-factor-email {background:#f2f8f4;border-color:#d1e3d6;color:var(--auth-ink)}
html[data-theme="light"] .two-factor-card .two-factor-alert.success {background:#e8f7eb;border-color:#b6ddbf;color:var(--auth-green)}
html[data-theme="light"] .two-factor-card .two-factor-alert.error {background:#fff0f1;border-color:#eec5cc;color:var(--auth-danger)}
html[data-theme="light"] .two-factor-card .trust-row {color:var(--auth-muted)}
html[data-theme="light"] .two-factor-card .trust-row input {accent-color:#187d30}
html[data-theme="light"] .two-factor-card .resend-row {border-color:#d6e5da}
html[data-theme="light"] .two-factor-card .resend-button {background:#fff;border-color:#cbded0;color:var(--auth-ink)}
html[data-theme="light"] .two-factor-card .resend-button:not(:disabled):hover {background:#e8f6eb;border-color:#a9d1b3;color:var(--auth-green)}
html[data-theme="light"] .two-factor-card .resend-button:disabled {background:#f3f7f4;color:#7d9283}
html[data-theme="light"] .two-factor-card .logout-button {color:#526c59}

/* Suspension page intentionally retains semantic danger/warning colors. */
html[data-theme="light"] .suspended-shell :is(.suspended-panel,.suspended-main) {
    background:linear-gradient(145deg,#fff,#f8fcf9);border-color:#cbded0;color:var(--auth-ink);
}
html[data-theme="light"] .suspended-shell :is(.suspended-brand strong,.suspended-panel h1,.suspended-main-head h2,.suspended-profile strong,.suspended-mini-card strong,.suspended-guide-card h3) {color:var(--auth-ink)}
html[data-theme="light"] .suspended-shell :is(.suspended-panel p,.suspended-profile span,.suspended-profile-title,.suspended-main-head p,.suspended-mini-card span,.suspended-guide-card ul,.suspended-footer) {color:var(--auth-muted)}
html[data-theme="light"] .suspended-shell :is(.suspended-profile,.suspended-mini-card,.suspended-guide-card) {background:#fff;border-color:#d0e2d4;color:var(--auth-ink)}
html[data-theme="light"] .suspended-shell .suspended-main-head {border-color:#dce8df}
html[data-theme="light"] .suspended-shell .suspended-reason-card {
    background:linear-gradient(135deg,#fff0f1,#fff9f9);border-color:#e7bbc2;
}
html[data-theme="light"] .suspended-shell .suspended-reason-text {color:#863442}
html[data-theme="light"] .suspended-shell :is(.suspended-kicker,.suspended-status-pill,.suspended-reason-label,.suspended-guide-card.bad h3) {color:#aa3d4b}
html[data-theme="light"] .suspended-shell .suspended-guide-card.good h3 {color:var(--auth-green)}
html[data-theme="light"] .suspended-shell .suspended-warning {background:#fff7e6;border-color:#ecd5a5;color:#76541c}
html[data-theme="light"] .suspended-shell .suspended-warning strong {color:#94620e}
html[data-theme="light"] .suspended-shell .suspended-btn.primary {color:#fff;background:#187d30}
html[data-theme="light"] .suspended-shell .suspended-btn.secondary {background:#fff;border-color:#cbded0;color:var(--auth-ink)}

/* The old guest-layout-only password confirmation was unstyled under app. */
.auth-confirm-page {
    min-height:calc(100dvh - 78px);
    display:grid;place-items:center;
    padding:36px 16px;
    background:linear-gradient(180deg,rgba(0,0,0,.71),rgba(0,0,0,.86)),
        url('../images/gamingmarketplace2k.webp') center/cover no-repeat,#050705;
}
.auth-confirm-card {
    width:min(490px,100%);
    padding:34px;border:1px solid rgba(57,255,20,.22);border-radius:24px;
    background:linear-gradient(145deg,#111911,#090c09);color:#f4f9f4;
    box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.auth-confirm-icon {
    display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;
    color:#39ff14;background:rgba(57,255,20,.10);border:1px solid rgba(57,255,20,.24);border-radius:16px;
}
.auth-confirm-kicker {color:#39ff14;font-size:11px;font-weight:900;letter-spacing:.8px}
.auth-confirm-card h1 {font-size:30px;font-weight:950;line-height:1.1;margin:10px 0 12px}
.auth-confirm-card p {color:#a5b2a6;font-size:14px;line-height:1.7;margin-bottom:24px}
.auth-confirm-card label {display:block;font-size:13px;font-weight:850;margin-bottom:8px}
.auth-confirm-card input {
    width:100%;min-height:52px;border:1px solid #304130;border-radius:12px;
    padding:12px 14px;background:#050805;color:#fff;font:inherit;
}
.auth-confirm-error {margin:8px 0;color:#ff8484;font-size:12px}
.auth-confirm-card button[type="submit"] {
    display:block;width:100%;min-height:50px;margin-top:18px;border:0;border-radius:12px;
    background:#39ff14;color:#061006;font:inherit;font-weight:900;cursor:pointer;
}
html[data-theme="light"] .auth-confirm-card :is(.auth-confirm-kicker,.auth-confirm-icon) {color:var(--auth-green)}
html[data-theme="light"] .auth-confirm-card .auth-confirm-icon {background:#e7f6ea;border-color:#b8dfc1}
html[data-theme="light"] .auth-confirm-card p {color:var(--auth-muted)}
html[data-theme="light"] .auth-confirm-card :is(label,h1) {color:var(--auth-ink)}
html[data-theme="light"] .auth-confirm-card .auth-confirm-error {color:var(--auth-danger)}

@media(max-width:680px) {
    html[data-theme="light"] :is(.login-container,.register-container) {padding:20px 12px}
    html[data-theme="light"] :is(.login-left,.register-left,.login-right,.register-right,.verify-hero,.verify-panel) {padding:26px 20px}
    .auth-confirm-card {padding:26px 20px}
}
@media(prefers-reduced-motion:reduce) {
    html[data-theme="light"] :is(.login-card,.register-card,.reset-card,.code-card,.two-factor-card,.verify-shell) {animation:none;transition:none}
}