/* Qadeem clean authentication UI — visual only. */

.auth-clean-page {
    --auth-bg: #f6f6f7;
    --auth-panel: #ffffff;
    --auth-border: #e4e4e7;
    --auth-text: #18181b;
    --auth-muted: #71717a;
    --auth-soft: #f4f4f5;
    --theme-accent: #2563eb !important;
    --theme-accent-rgb: 37, 99, 235 !important;
    --theme-link-color: #52525b !important;
    --theme-link-hover-color: #18181b !important;
    --theme-body-bg: var(--auth-bg) !important;
    --theme-panel-bg: var(--auth-panel) !important;
    --theme-panel-border: var(--auth-border) !important;
    --theme-border-color: var(--auth-border) !important;
    --theme-header-text-color: var(--auth-text) !important;
    --theme-input-surface: #ffffff !important;
    --theme-input-text: var(--auth-text) !important;
    --theme-input-placeholder: #a1a1aa !important;
    --theme-input-radius: 8px !important;
    --theme-button-radius: 8px !important;
    background: var(--auth-bg) !important;
    color: var(--auth-text) !important;
    font-size: 14px;
}

html[data-theme-resolved='dark'] .auth-clean-page {
    --auth-bg: #0d0d0e;
    --auth-panel: #161617;
    --auth-border: #2a2a2d;
    --auth-text: #f4f4f5;
    --auth-muted: #a1a1aa;
    --auth-soft: #222224;
    --theme-link-color: #d4d4d8 !important;
    --theme-link-hover-color: #ffffff !important;
    --theme-input-surface: #1b1b1d !important;
    --theme-input-text: #f4f4f5 !important;
    --theme-input-placeholder: #71717a !important;
}

.auth-clean-shell {
    min-height: 100vh;
    padding: 1.5rem !important;
    background: var(--auth-bg) !important;
}

.auth-clean-bg {
    background: var(--auth-bg) !important;
}

.auth-clean-decoration {
    display: none !important;
}

.auth-clean-frame {
    min-height: calc(100vh - 3rem) !important;
    max-width: none !important;
}

.auth-clean-wrap {
    width: 100%;
    max-width: 420px !important;
}

.auth-register-page .auth-clean-wrap {
    max-width: 680px !important;
}

.auth-clean-toolbar {
    max-width: none !important;
    margin-bottom: 1.25rem !important;
}

.auth-clean-toolbar img {
    height: 2rem !important;
}

.auth-clean-card {
    padding: 1.75rem !important;
    overflow: visible !important;
    border: 1px solid var(--auth-border) !important;
    border-radius: 12px !important;
    background: var(--auth-panel) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.auth-clean-card > .absolute {
    display: none !important;
}

.auth-clean-card h1 {
    color: var(--auth-text) !important;
    font-size: 1.375rem !important;
    line-height: 1.3 !important;
    letter-spacing: -0.025em !important;
}

.auth-clean-card p,
.auth-clean-card [class*="text-white/"] {
    color: var(--auth-muted) !important;
}

.auth-clean-card label,
.auth-clean-card label span {
    color: var(--auth-text) !important;
    font-size: 13px !important;
}

.auth-clean-card .auth-eyebrow {
    display: none !important;
}

.auth-clean-card form,
.auth-clean-card .gap-6 {
    gap: 1rem !important;
}

.auth-clean-card .gap-5 {
    gap: 0.875rem !important;
}

.auth-clean-card input:not([type='checkbox']):not([type='radio']),
.auth-clean-card select,
.auth-clean-card textarea {
    min-height: 42px !important;
    border-color: var(--auth-border) !important;
    border-radius: 8px !important;
    background: var(--theme-input-surface) !important;
    color: var(--theme-input-text) !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.auth-clean-card input:focus,
.auth-clean-card select:focus,
.auth-clean-card textarea:focus {
    border-color: var(--theme-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--theme-accent-rgb), 0.1) !important;
}

.auth-clean-card button,
.auth-clean-card a[class*="border"] {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.auth-clean-card button[type='submit'] {
    min-height: 42px !important;
    border-color: #18181b !important;
    background: #18181b !important;
    color: #ffffff !important;
}

html[data-theme-resolved='dark'] .auth-clean-card button[type='submit'] {
    border-color: #f4f4f5 !important;
    background: #f4f4f5 !important;
    color: #18181b !important;
}

.auth-clean-card [class*="rounded-2xl"],
.auth-clean-card [class*="rounded-3xl"] {
    border-radius: 8px !important;
    box-shadow: none !important;
}

@media (max-width: 767.98px) {
    .auth-clean-shell {
        padding: 1rem !important;
    }

    .auth-clean-frame {
        min-height: calc(100vh - 2rem) !important;
    }

    .auth-clean-card {
        padding: 1.25rem !important;
    }

    .auth-register-page .auth-clean-card .md\:grid-cols-2 {
        grid-template-columns: 1fr !important;
    }
}