/* ============================================================
   ATLAS ACCOUNT CHROME
   Shared persistent account-entry controls for product hubs + Inside Atlas.
   ============================================================ */

.atlas-account-control,
.atlas-inside-account-action {
    font: inherit;
}

.atlas-account-control {
    flex-shrink: 0;
}

.spine-btn.atlas-account-control,
.mobile-header-btn.atlas-account-control {
    padding: 0;
}

.spine-btn.atlas-account-control[data-account-state="sign-in"],
.mobile-header-btn.atlas-account-control[data-account-state="sign-in"],
html[data-atlas-account-hint="anonymous"] .spine-btn.atlas-account-control[data-account-state="pending"],
html[data-atlas-account-hint="anonymous"] .mobile-header-btn.atlas-account-control[data-account-state="pending"] {
    width: auto;
    min-width: 38px;
    padding-inline: 0.72rem;
    gap: 0.34rem;
    white-space: nowrap;
    color: var(--control-text, var(--text-body, #504b43));
}

.mobile-header-session,
.mobile-session-pill,
.mobile-header-btn.atlas-account-control[data-account-state="sign-in"],
html[data-atlas-account-hint="anonymous"]
.mobile-header-btn.atlas-account-control[data-account-state="pending"] {
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1;
}

.mobile-header-btn.atlas-account-control[data-account-state="sign-in"],
html[data-atlas-account-hint="anonymous"]
.mobile-header-btn.atlas-account-control[data-account-state="pending"] {
    border-radius: 20px;
    padding-inline: 0.7rem;
    color: var(--text-body, #504b43);
}

.atlas-account-control:disabled {
    opacity: 1;
    cursor: default;
}

.atlas-account-control svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.atlas-account-control span {
    line-height: 1;
}

.atlas-account-firstpaint-sign-in { display: none; }
.atlas-account-firstpaint-icon { display: block; }
html[data-atlas-account-hint="anonymous"] .atlas-account-control[data-account-state="pending"] .atlas-account-firstpaint-sign-in { display: inline; }
html[data-atlas-account-hint="anonymous"] .atlas-account-control[data-account-state="pending"] .atlas-account-firstpaint-icon { display: none; }

/* ============================================================
   INSIDE ATLAS
   ============================================================ */

.atlas-inside-account-entry {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 4px;
}

.atlas-inside-account-action {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    transition:
        color var(--motion, 180ms ease),
        background var(--motion, 180ms ease),
        border-color var(--motion, 180ms ease),
        transform var(--motion, 180ms ease),
        box-shadow var(--motion, 180ms ease);
}

.atlas-inside-account-explore,
.atlas-inside-account-sign-in,
.atlas-inside-account-icon {
    border: 1px solid var(--border-subtle, rgba(33, 31, 27, .15));
    background: var(--surface-panel, #fffdf9);
    color: var(--text-body, #504b43);
}

.atlas-inside-account-explore,
.atlas-inside-account-sign-in {
    padding: 0 12px;
}

.atlas-inside-account-enter-label {
    display: none;
}

.atlas-inside-account-entry[data-account-state="account"]
.atlas-inside-account-explore-label {
    display: none;
}

.atlas-inside-account-entry[data-account-state="account"]
.atlas-inside-account-enter-label {
    display: inline;
}

html[data-atlas-account-hint="account"]
.atlas-inside-account-entry[data-account-state="pending"]
.atlas-inside-account-explore-label {
    display: none;
}

html[data-atlas-account-hint="account"]
.atlas-inside-account-entry[data-account-state="pending"]
.atlas-inside-account-enter-label {
    display: inline;
}

.atlas-inside-account-create {
    padding: 0 13px;
}

.atlas-inside-account-create,
.atlas-inside-account-entry[data-account-state="account"]
.atlas-inside-account-explore,
html[data-atlas-account-hint="account"]
.atlas-inside-account-entry[data-account-state="pending"]
.atlas-inside-account-explore {
    border: 1px solid var(--accent, #4d7184);
    background: var(--accent, #4d7184);
    color: var(--surface-panel, #fffdf9);
}

.atlas-inside-account-icon {
    width: 36px;
    min-width: 36px;
    padding: 0;
}

.atlas-inside-account-entry[data-account-state="pending"] .atlas-inside-account-sign-in,
.atlas-inside-account-entry[data-account-state="pending"] .atlas-inside-account-create {
    display: none;
}

html[data-atlas-account-hint="anonymous"]
.atlas-inside-account-entry[data-account-state="pending"] .atlas-inside-account-sign-in,
html[data-atlas-account-hint="anonymous"]
.atlas-inside-account-entry[data-account-state="pending"] .atlas-inside-account-create {
    display: inline-flex;
}

html[data-atlas-account-hint="anonymous"]
.atlas-inside-account-entry[data-account-state="pending"] .atlas-inside-account-icon {
    display: none;
}

.atlas-inside-account-action:hover:not(:disabled),
.atlas-inside-account-action:focus-visible {
    transform: translateY(-1px);
}

.atlas-inside-account-explore:hover,
.atlas-inside-account-sign-in:hover,
.atlas-inside-account-icon:hover {
    color: var(--text-heading, #211f1b);
    background: var(--surface-muted, #ebe7de);
}

.atlas-inside-account-create:hover,
.atlas-inside-account-entry[data-account-state="account"]
.atlas-inside-account-explore:hover,
html[data-atlas-account-hint="account"]
.atlas-inside-account-entry[data-account-state="pending"]
.atlas-inside-account-explore:hover {
    color: var(--surface-panel, #fffdf9);
    background: var(--accent, #4d7184);
    border-color: var(--accent, #4d7184);
    box-shadow: 0 6px 18px rgba(var(--accent-rgb, 77, 113, 132), 0.18);
}

.atlas-inside-account-action:disabled {
    opacity: 0.5;
    cursor: wait;
    transform: none;
}

.atlas-inside-account-action[hidden] {
    display: none !important;
}

.atlas-account-create-label-short {
    display: none;
}

@media (max-width: 980px) {
    body[data-atlas-surface="inside-atlas"] .site-header .nav {
        display: none;
    }

    body[data-atlas-surface="inside-atlas"] .atlas-inside-account-entry {
        margin-left: auto;
    }
}

@media (max-width: 720px) {
    .atlas-inside-account-explore {
        display: none;
    }

    .atlas-inside-account-entry[data-account-state="account"]
    .atlas-inside-account-explore,
    html[data-atlas-account-hint="account"]
    .atlas-inside-account-entry[data-account-state="pending"]
    .atlas-inside-account-explore {
        display: inline-flex;
    }

    .atlas-inside-account-entry {
        gap: 6px;
    }

    .atlas-inside-account-action {
        min-height: 34px;
        font-size: 0.75rem;
    }
}

@media (max-width: 420px) {
    .atlas-account-create-label-full {
        display: none;
    }

    .atlas-account-create-label-short {
        display: inline;
    }

    .atlas-inside-account-sign-in {
        padding-inline: 10px;
    }

    .atlas-inside-account-create {
        padding-inline: 10px;
    }
}

@media (max-width: 360px) {
    .mobile-header-actions .atlas-account-control[data-account-state="sign-in"] {
        padding-inline: 0.48rem;
        font-size: 0.7rem;
        gap: 0.25rem;
    }

    .mobile-header-actions .atlas-account-control[data-account-state="sign-in"] svg {
        display: none;
    }
}