/* Shared auth/page surfaces, panels, and surface primitives. */

/* Shared app components, Bootstrap-compatible primitives, forms, panels, and common controls. */

.app-page-auth {
    min-height: calc(100vh - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0.75rem;
}

.app-auth-card,
.app-panel {
    width: 100%;
    border: 1px solid var(--app-border);
    border-radius: 0.9rem;
    background: linear-gradient(180deg, var(--app-surface-2), var(--app-surface));
    box-shadow: 0 0.7rem 1.7rem var(--app-shadow-md-raw);
}

.app-auth-card {
    max-width: 26rem;
}

.app-surface {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-raised);
}