.account-sheet {
    color: var(--menu-text, #252525);
    background: var(--menu-bg, #fffdf7);
    border: 2px solid var(--divider-color, #b9b5ab);
    border-radius: 0;
    box-shadow: none;
}

.account-sheet .sheet-header {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--divider-color, #b9b5ab);
}

.account-sheet .eyebrow { color: var(--secondary-text, #67645e); }

.account-content { color: var(--menu-text, #252525); }

.account-content .passkey-visual {
    color: var(--button-text, #fff);
    background: var(--button-bg, #3d7563);
    border: 2px solid var(--button-bg, #3d7563);
    border-radius: 0;
    box-shadow: none;
}

.account-content > p { color: var(--secondary-text, #67645e); }

#account-status:not(:empty) {
    color: var(--menu-text, #252525);
    background: var(--surface-2, #efede6);
    border: 1px solid var(--divider-color, #b9b5ab);
    border-left: 4px solid var(--button-bg, #3d7563);
    border-radius: 0;
}

.account-member-actions {
    display: grid;
    gap: 16px;
    margin-top: 22px;
    text-align: left;
}

.account-section-heading { display: grid; gap: 4px; }

.account-section-heading span,
.passkey-list small {
    color: var(--secondary-text, #67645e);
    font-size: .78rem;
}

.account-help {
    margin: -8px 0 0;
    color: var(--secondary-text, #67645e);
    font-size: .82rem;
    line-height: 1.5;
}

.passkey-list {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.passkey-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px;
    color: var(--menu-text, #252525);
    background: var(--surface-2, #efede6);
    border: 1px solid var(--divider-color, #b9b5ab);
    border-radius: 0;
}

.passkey-list li > span { display: grid; gap: 3px; }

.passkey-remove {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    border-radius: 0 !important;
}

.recovery-key-panel {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding: 16px;
    color: var(--menu-text, #252525);
    text-align: left;
    background: #f3eedf;
    border: 1px solid #a58a54;
    border-left: 4px solid #8a6a2f;
    border-radius: 0;
}

.recovery-key-panel p {
    margin: 0;
    color: var(--secondary-text, #67645e);
    font-size: .82rem;
}

.recovery-key-panel code {
    overflow-wrap: anywhere;
    padding: 10px;
    color: var(--menu-text, #252525);
    background: var(--menu-bg, #fffdf7);
    border: 1px solid var(--divider-color, #b9b5ab);
    border-radius: 0;
}

.recovery-key-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.recovery-confirm {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    font-size: .84rem;
    font-weight: 700;
}

.recovery-confirm input {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.account-recovery {
    margin-top: 18px;
    padding-top: 16px;
    text-align: left;
    border-top: 1px solid var(--divider-color, #b9b5ab);
}

.account-recovery summary {
    min-height: 44px;
    color: var(--secondary-text, #67645e);
    font-weight: 700;
    cursor: pointer;
}

.account-recovery[open] { display: grid; gap: 12px; }
.account-recovery-guide {
    display: grid;
    gap: 5px;
    padding: 12px;
    background: var(--surface-2, #efede6);
    border-left: 4px solid var(--navigator, #346f9f);
}

.account-recovery-guide p {
    margin: 0 0 8px;
    color: var(--secondary-text, #67645e);
    font-size: .82rem;
    line-height: 1.5;
}
.account-recovery .field-label { margin-top: 14px; }
.account-recovery input { width: 100%; border-radius: 0; }

.account-sheet .control-button,
.account-sheet input {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account-sheet .primary-action {
    color: var(--button-text, #fff) !important;
    background: var(--button-bg, #3d7563) !important;
    border-color: var(--button-bg, #3d7563) !important;
}

.account-privacy { color: var(--secondary-text, #67645e) !important; }

@media (min-width: 560px) {
    .account-member-actions .account-actions { grid-template-columns: 1.2fr 1fr; }
    .account-member-actions .account-actions > :last-child { grid-column: 1 / -1; }
}