.account-group-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.account-group-tabs [aria-selected="true"]{color:#165dae;border-color:#5593d5;background:#eef6ff;box-shadow:inset 0 0 0 1px #5593d5}
#account-management [hidden]{display:none!important}
.account-group{margin:18px 0;border:1px solid #dce6ef;border-radius:12px;overflow:hidden}
.account-group h3{padding:15px 18px;margin:0;background:#f3f7fc;color:#294a69;font-size:var(--ui-font-15, 15px)}
.account-group table{min-width:740px;width:100%}
.account-row-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:215px}
.account-state-note{display:block;font-size:var(--ui-font-12, 12px);color:#9a641f;margin-top:5px}
#accounts-status{color:#64748b;font-size:var(--ui-font-13, 13px);line-height:1.7}

/* HX183 A: keep the full-width account table and its original tab/permission logic. */
@media screen {
 #account-management .account-group{border-color:var(--hx-ui-line,#d8e5e2)}
 #account-management .account-group h3{color:var(--hx-ui-ink,#183d43);background:#f3f7f5;overflow-wrap:anywhere}
 #account-management .account-group :is(th,td){border-color:var(--hx-ui-line,#d8e5e2)}
 #account-management .account-group td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
 #account-management .account-group-tabs [aria-selected="true"]{color:var(--hx-ui-accent,#176d70);border-color:var(--hx-ui-accent,#176d70);background:#edf5f2;box-shadow:none}
 #account-management .account-group-tabs button:focus-visible{outline:2px solid var(--hx-ui-accent,#176d70);outline-offset:3px}
 #account-management #accounts-status{color:var(--hx-ui-muted,#526c71);overflow-wrap:anywhere}
 @media(forced-colors:active){
  #account-management .account-group h3{background:Canvas;color:CanvasText}
  #account-management .account-group-tabs [aria-selected="true"]{background:Highlight;color:HighlightText;border-color:Highlight}
  #account-management .account-group-tabs button:focus-visible{outline-color:Highlight}
 }
}