/* Central Stilfil för SBSLogik ID V2 (Bootstrap Customizations & Theme Support) */

:root {
    --brand-primary: #0d6efd;
    --brand-bg: #f8f9fa;
    --brand-card-bg: #ffffff;
    --brand-text: #212529;
}

[data-bs-theme="dark"] {
    --brand-primary: #0d6efd;
    --brand-bg: #121212;
    --brand-card-bg: #1e1e1e;
    --brand-text: #e0e0e0;
}

body {
    background-color: var(--brand-bg);
    color: var(--brand-text);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Logotyp / Bildväxlare beroende på Bootstrap-tema */
.logo-light {
    display: block;
}
.logo-dark {
    display: none;
}

[data-bs-theme="dark"] .logo-light {
    display: none;
}
[data-bs-theme="dark"] .logo-dark {
    display: block;
}

.auth-card {
    background-color: var(--brand-card-bg);
    border-radius: 12px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    max-width: 420px;
    width: 100%;
    padding: 2.5rem;
}

.brand-logo {
    display: block;
    max-width: 190px;
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto 0.75rem auto;
}

.id-reset-page {
    min-height: auto;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.id-reset-page .auth-card {
    max-width: 390px;
    padding: 1.75rem;
}

.password-field-wrapper {
    position: relative;
}

.password-field-wrapper input {
    padding-right: 2.75rem;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 0.25rem;
    transform: translateY(-50%);
    padding: 0.25rem 0.5rem;
    color: var(--brand-text);
    text-decoration: none;
}

.password-toggle:hover,
.password-toggle:focus-visible {
    color: var(--brand-primary);
}

.password-requirements li {
    transition: color 0.15s ease;
}