/* Authentication area: light brand shell and focused account information surfaces. */
.auth-shell {
    background: #f7fbfe;
}
.auth-header {
    background: #fff;
    border-bottom: 1px solid var(--line);
}
.auth-header .brand {
    gap: 12px;
}
.auth-header .brand-context {
    color: var(--blue-deep);
    font: 800 9px/1.2 Manrope, sans-serif;
    letter-spacing: .14em;
    white-space: nowrap;
}
.auth-header .primary-nav {
    align-items: center;
}
.auth-card {
    position: relative;
}
.auth-card::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    border-radius: 26px 26px 0 0;
    background: linear-gradient(90deg, var(--blue-deep), #82d4fb);
}
.auth-boundary {
    margin-top: 20px;
}
.auth-catalog-grid {
    margin-top: 26px;
}
.auth-catalog-grid .catalog-page-card {
    min-height: 230px;
}
.auth-catalog-grid .catalog-page-card h2 {
    margin: 0;
    color: var(--navy);
    font: 800 20px/1.2 Manrope, sans-serif;
}
.auth-provider-list {
    margin-top: 20px;
}
.auth-provider-list .workflow-card {
    padding: 18px;
}
.auth-provider-list .workflow-card-top {
    align-items: center;
}
.auth-provider-list .status-pill {
    flex-shrink: 0;
}
.auth-footer {
    margin-top: 30px;
}
@media (max-width: 760px) {
    .auth-header .brand {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        padding: 9px 0;
    }
    .auth-header .brand-context {
        display: block;
    }
    .auth-provider-list .workflow-card-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}