/* Authentifizierungsoberfläche: eigener Scope, keine Kundenportal-Designwerte. */
.rt-auth {
    --rt-color-primary: #006ab5;
    --rt-color-primary-dark: #00538f;
    --rt-color-success: #009416;
    --rt-color-warning: #eda509;
    --rt-color-danger: #c22515;
    --rt-color-text: #222222;
    --rt-color-muted: #65717d;
    --rt-color-border: #dfe4e8;
    --rt-color-bg: #f7f7f9;
    --rt-color-surface: #ffffff;
    --rt-radius: 12px;
    --rt-shadow: 0 10px 40px rgba(27, 44, 58, 0.12);
    --rt-font-heading: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --rt-font-body: "Mulish", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-height: 100vh;
    background: var(--rt-color-bg);
}

.rt-auth-main {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
}

.rt-auth-card {
    width: min(100%, 460px);
    overflow: hidden;
    background: var(--rt-color-surface);
    border: 1px solid var(--rt-color-border);
    border-radius: var(--rt-radius);
    box-shadow: var(--rt-shadow);
}

.rt-auth-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--rt-color-border);
}

.rt-auth-brand strong,
.rt-auth-brand small {
    display: block;
}

.rt-auth-brand small {
    margin-top: 2px;
    color: var(--rt-color-muted);
}

.rt-auth-content {
    padding: 28px 24px 30px;
}

.rt-auth-content h1 {
    margin: 0 0 8px;
    font-size: 1.65rem;
    font-weight: 750;
}

.rt-auth-intro {
    margin: 0 0 24px;
    color: var(--rt-color-muted);
}

.rt-auth .btn-primary {
    --bs-btn-bg: var(--rt-color-primary);
    --bs-btn-border-color: var(--rt-color-primary);
    --bs-btn-hover-bg: var(--rt-color-primary-dark);
    --bs-btn-hover-border-color: var(--rt-color-primary-dark);
    --bs-btn-active-bg: var(--rt-color-primary-dark);
    --bs-btn-active-border-color: var(--rt-color-primary-dark);
}