.account-security {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
}

.security-heading { flex: 1 1 420px; }
.session-list { flex: 1 0 100%; display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }
.session-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcff; }
.session-row strong, .session-row small { display: block; }
.session-row strong { font-size: 12px; }
.session-row small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.account-security h3 { margin: 5px 0; }
.account-security p { margin: 0; color: var(--muted); font-size: 12px; }
.member-role { padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--ink); font: inherit; font-size: 12px; font-weight: 750; }
.team-card .action-group { justify-content: flex-end; }
.onboarding-step > span { flex: 1; }
.onboarding-step .text-btn { white-space: nowrap; }
.onboarding-guide { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; align-items:center; margin-bottom:14px; padding:14px; border:1px solid #cfe5d7; border-radius:12px; background:linear-gradient(135deg,#f3fbf6,#f8faf9); }
.onboarding-guide > div:nth-child(2) { display:grid; gap:3px; }
.onboarding-guide span,.onboarding-guide small { color:var(--muted); font-size:11px; }
.onboarding-guide strong { font-size:14px; }
.onboarding-progress { grid-column:1/-1; height:7px; overflow:hidden; border-radius:999px; background:#dfe8e3; }
.onboarding-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--green),#9edb54); transition:width .25s ease; }
.knowledge-list { display:grid; gap:10px; margin-top:18px; max-height:340px; overflow:auto; }
.knowledge-list h3 { margin:12px 0 2px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.knowledge-list article { display:flex; justify-content:space-between; gap:14px; padding:12px; border:1px solid var(--line); border-radius:12px; background:#fbfcff; }
.knowledge-list article div { display:grid; min-width:0; gap:4px; }
.knowledge-list article small,.knowledge-list article p { margin:0; color:var(--muted); }
@media(max-width:650px){.onboarding-guide{grid-template-columns:1fr}.onboarding-guide button{width:100%}}

.subscription-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: -2px 0 14px;
  padding: 11px 14px;
  border: 1px solid #efd38c;
  border-radius: 11px;
  background: #fff8e6;
  color: #72520d;
}

.subscription-alert[hidden] { display: none; }
.subscription-alert.critical { border-color: #e8aaa5; background: #fff0ef; color: #87352f; }
.subscription-alert strong, .subscription-alert span { display: block; }
.subscription-alert strong { margin-bottom: 2px; font-size: 12px; }
.subscription-alert span { font-size: 11px; }
.subscription-alert button { flex: 0 0 auto; padding: 8px 12px; }

@media (max-width: 700px) {
  .account-security { align-items: stretch; flex-direction: column; }
  .security-heading { flex-basis: auto; }
  .session-row { align-items: flex-start; }
  .team-card { grid-template-columns: auto 1fr; }
  .team-card .member-role, .team-card .action-group { grid-column: 2; }
  .subscription-alert { align-items: stretch; flex-direction: column; }
}