.account-security-layout {
    display: grid;
    gap: 16px;
}

.security-card {
    padding: 18px;
    border: 1px solid #dfe3e8;
    border-radius: 7px;
    background: #fff;
}

.security-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.security-card h4 { margin: 0; color: #252932; font-size: 17px; }
.security-card-description { margin: 7px 0 0; color: #667085; line-height: 1.6; }
.security-feedback { min-height: 22px; margin: 0; color: #a3231d; line-height: 1.55; }
.security-feedback.success { color: #24713b; }

.security-button {
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid #506072;
    border-radius: 5px;
    color: #fff;
    background: #35485d;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.security-button.secondary { color: #26313d; border-color: #b7c0ca; background: #f2f4f7; }
.security-button.danger { color: #8e211c; border-color: #d7aaa7; background: #fff5f4; }
.security-button:disabled { opacity: .55; cursor: not-allowed; }
.security-button:focus-visible { outline: 3px solid rgba(0, 127, 145, .25); outline-offset: 2px; }

.security-session-list,
.security-activity-list,
.security-verification-list { display: grid; gap: 10px; margin-top: 14px; }

.security-session-item,
.security-activity-item,
.security-verification-item {
    padding: 13px;
    border: 1px solid #e2e6eb;
    border-radius: 6px;
    background: #f8f9fb;
}

.security-session-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.security-session-title { color: #26313d; font-weight: 700; overflow-wrap: anywhere; }
.security-session-meta,
.security-activity-meta { margin-top: 5px; color: #69727e; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.security-current-label { color: #24713b; font-size: 13px; font-weight: 700; }
.security-empty { padding: 16px 0; color: #69727e; text-align: center; }

.security-verification-item { display: flex; justify-content: space-between; gap: 12px; color: #303640; }
.security-verification-status { font-weight: 700; }
.security-verification-status.verified { color: #24713b; }
.security-verification-status.unverified { color: #985800; }

.security-confirm-backdrop {
    width: min(430px, calc(100% - 32px));
    padding: 0;
    border: 0;
    border-radius: 7px;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .34);
}
.security-confirm-backdrop::backdrop { background: rgba(12, 16, 22, .62); }
.security-confirm-dialog { padding: 22px; }
.security-confirm-dialog h3 { margin: 0; color: #252932; }
.security-confirm-dialog p { margin: 12px 0 0; color: #58616d; line-height: 1.65; }
.security-confirm-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; }

@media (max-width: 620px) {
    .security-card { padding: 15px; }
    .security-card-header { display: grid; }
    .security-card-header .security-button { width: 100%; }
    .security-session-item { grid-template-columns: minmax(0, 1fr); }
    .security-session-item > .security-button { width: 100%; }
    .security-verification-item { display: grid; gap: 5px; }
    .security-confirm-actions { display: grid; grid-template-columns: 1fr 1fr; }
}