/* ─────────────────────────────────── */
/* FEATURE: Auth                       */
/* ─────────────────────────────────── */

/* ─────────────────────────────────── */
/* BLOCK: Not-authed app state         */
/* ─────────────────────────────────── */

.app--not-authed .app__top,
.app--not-authed .app__screen-nav {
    opacity: 0.25;
    pointer-events: none;
}

/* ─────────────────────────────────── */
/* BLOCK: Auth gate                    */
/* ─────────────────────────────────── */

/* Full-screen overlay, non-clickable — above all nav layers */
.auth-gate {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-top-nav) + 1);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: calc(7rem + 1rem);
    background-color: var(--color-overlay-dark);
    pointer-events: none;
}

.auth-gate[hidden] {
    display: none;
}

/* Centered card, clickable */
.auth-gate__panel {
    width: 375px;
    max-width: calc(100% - var(--space-2));
    background-color: var(--color-bg);
    border-radius: var(--radius-lg);
    pointer-events: auto;
    overflow: hidden;
}

.auth-screen__divider {
    font-size: var(--font-sm);
    color: var(--color-text-muted);
    text-align: center;
    margin-top: var(--space-8);
    margin-bottom: var(--space-8);
}

/* ─────────────────────────────────── */
/* BLOCK: Form                         */
/* ─────────────────────────────────── */

.auth-screen__form {
    display: flex;
    flex-direction: column;
}

/* ─────────────────────────────────── */
/* BLOCK: OAuth buttons                */
/* ─────────────────────────────────── */

.auth-screen__oauth-icon {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

[data-role="auth-google"] {
    margin-top: 0;
    background-color: var(--color-white);
}

[data-role="auth-linkedin"] {
    background-color: var(--color-white);
}

/* ─────────────────────────────────── */
/* BLOCK: Sent confirmation            */
/* ─────────────────────────────────── */

.auth-screen__sent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
    text-align: center;
    padding: var(--space-4) 0;
}

.auth-screen__sent[hidden] {
    display: none;
}

.auth-screen__sent-icon {
    font-size: 3rem;
    color: var(--color-blue-dark);
}

.auth-screen__sent-text {
    font-size: var(--font-sm);
    color: var(--color-text);
    line-height: var(--line-height-normal);
}

/* ─────────────────────────────────── */
/* BLOCK: Legal notice                 */
/* ─────────────────────────────────── */

.auth-screen__legal {
    font-size: var(--font-xs);
    color: var(--color-text-muted);
    text-align: center;
    line-height: var(--line-height-normal);
    margin-top: var(--space-8);
}

.auth-screen__legal a {
    color: var(--color-text-muted);
    text-decoration: underline;
}

/* ─────────────────────────────────── */
/* BLOCK: Account details              */
/* ─────────────────────────────────── */

[data-role="account-delete"] {
    margin-top: var(--space-8);
}