/* Account center hierarchy; other pages using account.css are unaffected. */
body[data-resource-context="account"] .account-subnav {
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px;
  padding-bottom:12px; border-bottom:1px solid #dce5f0;
}
body[data-resource-context="account"] .account-subnav button {
  min-height:42px; padding:9px 15px; border:1px solid #d7e3f2;
  border-radius:8px; background:#fff; color:#415674; font:inherit; font-size:14px;
  font-weight:650; cursor:pointer;
}
body[data-resource-context="account"] .account-subnav button:hover { background:#f3f7fd; }
body[data-resource-context="account"] .account-subnav button[aria-current="page"] {
  background:#edf3fc; border-color:#b8ccee; color:#2057bd;
}
body[data-resource-context="account"] .account-subnav button[hidden] { display:none; }
body[data-resource-context="account"] .account-subnav button:focus-visible,
body[data-resource-context="account"] .scope-item:focus-visible { outline:3px solid #7caaf2; outline-offset:2px; }
@media (max-width:600px) {
  body[data-resource-context="account"] .sidebar-scroll { max-height:none; padding:10px 15px; }
  body[data-resource-context="account"] .sidebar .identity,
  body[data-resource-context="account"] .sidebar-title { display:none !important; }
  body[data-resource-context="account"] .scope-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  body[data-resource-context="account"] .scope-item { justify-content:center; min-height:44px; padding:8px 5px; font-size:12px; text-align:center; }
  body[data-resource-context="account"] .scope-item.active::before { display:none; }
  body[data-resource-context="account"] .scope-hint { display:none; }
  body[data-resource-context="account"] .account-subnav { gap:6px; margin-bottom:18px; }
  body[data-resource-context="account"] .account-subnav button { flex:1 1 auto; padding:8px 9px; font-size:13px; }
}

body[data-resource-context="account"] [data-cabin-access][data-permission-view="basic"] .cabin-summary,
body[data-resource-context="account"] [data-cabin-access][data-permission-view="operation"] .cabin-summary { grid-template-columns:minmax(0,1fr); }

body[data-resource-context="account"] .perm-independent-hint {
  display:block; margin-top:6px; color:#657894; font-size:12px; line-height:1.5;
}
body[data-resource-context="account"] .perm-independent-link {
  display:inline-block; margin-top:5px; color:#2057bd; font-size:12px; font-weight:650;
}
body[data-resource-context="account"] .perm-independent-link:focus-visible {
  outline:3px solid #7caaf2; outline-offset:2px;
}