/* Account management uses the existing brand, typeface and action handlers. */
#accounts #accountLicenseStatus[hidden] {display:none}
#accounts .workspace-column-head {height:48px;flex-basis:48px;padding:0 16px}
#accounts .workspace-column-head>div {display:flex;align-items:center;gap:10px}
#accounts .workspace-column-head h3 {font-size:13px;font-weight:600}
#accounts .workspace-column-head #workspaceAccountCount {margin-top:0;font-size:12px;color:#687384}
#accounts .workspace-account-table-head,
#accounts .workspace-account-item {grid-template-columns:minmax(235px,1.35fr) minmax(80px,.35fr) minmax(180px,1fr) minmax(100px,.4fr) minmax(160px,.6fr) 320px;gap:14px}
#accounts .workspace-account-table-head {height:40px;flex-basis:40px;padding:0 16px;background:#f4f5f7;color:#687384;font-size:12px;font-weight:500}
#accounts .workspace-account-item {min-height:100px;height:100px!important;padding:12px 16px!important}
#accounts .workspace-account-item:hover {background:#fff6f7!important}
#accounts .workspace-account-item:focus-visible {outline:2px solid #ff2442;outline-offset:-2px}
#accounts .workspace-account-copy b {font-size:14px;line-height:1.5;font-weight:600}
#accounts .workspace-account-copy span,
#accounts .workspace-account-copy small {font-size:11px;line-height:1.55;color:#727e90}
#accounts .workspace-account-stat b {font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}
#accounts .workspace-account-stat span,
#accounts .workspace-account-stat small {font-size:11px;color:#727e90;line-height:1.5}
#accounts .workspace-account-health b {display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.4}
#accounts .account-status-dot {width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}
#accounts .workspace-account-health.online b {color:#16865f}
#accounts .workspace-account-health.error b {color:#d83954}
#accounts .workspace-account-health.warning b {color:#966014}
#accounts .workspace-account-health.offline b {color:#687384}
#accounts .workspace-account-health>span {max-width:none;margin-top:4px;white-space:normal;overflow:visible;text-overflow:clip;font-size:11px;line-height:1.5;color:#727e90}
#accounts .account-health-actions {display:flex;align-items:center;gap:9px;margin-top:4px}
#accounts .account-health-action {display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;font:inherit;font-size:11px;line-height:18px;color:#d83954;cursor:pointer;white-space:nowrap}
#accounts .account-health-action:hover {text-decoration:underline}
#accounts .account-health-action.secondary {color:#727e90}
#accounts .account-health-action svg {width:12px;height:12px}
#accounts .account-health-action:focus-visible {outline:2px solid #ff2442;outline-offset:3px;border-radius:2px}
#accounts .workspace-account-actions {gap:6px!important}
#accounts .workspace-account-actions .btn {height:30px!important;min-height:30px!important;padding:4px 9px!important;font-size:11px!important;line-height:20px!important;border-radius:5px!important}
#accounts .workspace-account-actions .btn svg {width:13px;height:13px;flex:0 0 13px}
#accounts .workspace-account-actions .account-edit-replies {color:#d83954;border-color:#f4c6ce;background:#fff7f8}
#accounts .workspace-account-actions .account-edit-replies:hover {background:#ffedf0}
#accounts .workspace-account-actions .btn.danger {margin-left:4px}
#accounts .workspace-account-expiry b,
#accounts .workspace-account-expiry span {font-size:11px!important;line-height:1.65}
#accounts .workspace-account-reply>span {font-size:11px;line-height:1.4}
#accounts .workspace-account-pagination {padding:12px 16px;background:#fafbfc}
.account-diagnostic-help {display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-diagnostic-help p {margin:5px 0 0;font-size:12px;line-height:1.6}
.account-diagnostic-help .btn {white-space:nowrap}
@media (min-width:901px) and (max-width:1450px) {
 #accounts .workspace-account-table-head,#accounts .workspace-account-item {grid-template-columns:minmax(205px,1.1fr) 74px minmax(150px,.85fr) 94px 135px 306px;gap:9px}
 #accounts .workspace-account-actions {gap:4px!important}
 #accounts .workspace-account-actions .btn {padding:4px 7px!important}
}
@media (min-width:901px) and (max-width:1280px) {
 #accounts .workspace-account-item {height:auto!important;min-height:112px;grid-template-columns:minmax(205px,1.2fr) 74px minmax(150px,1fr) 100px 150px}
 #accounts .workspace-account-table-head {grid-template-columns:minmax(205px,1.2fr) 74px minmax(150px,1fr) 100px 150px}
 #accounts .workspace-account-table-head>span:last-child {display:none}
 #accounts .workspace-account-actions {grid-column:1/-1;flex-wrap:wrap!important}
}
@media (max-width:900px) {
 #accounts .workspace-account-table-head {display:none}
 #accounts .workspace-account-item {height:auto!important;min-height:200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px!important}
 #accounts .workspace-account-identity,#accounts .workspace-account-actions {grid-column:1/-1}
 #accounts .workspace-account-actions {flex-wrap:wrap!important}
 #accounts .workspace-account-actions .btn {min-height:34px!important;height:34px!important}
 #accounts .workspace-account-pagination {flex-wrap:wrap;justify-content:center}
}
@media (max-width:560px) {
 #accounts .workspace-account-item {grid-template-columns:repeat(2,minmax(0,1fr))}
 #accounts .workspace-account-stat,#accounts .workspace-account-health,#accounts .workspace-account-reply,#accounts .workspace-account-expiry {padding:10px;background:#fafbfc;border:0;border-radius:5px}
 #accounts .workspace-account-actions .btn {flex:0 0 auto!important}
 #accounts .workspace-column-head {padding:0 16px}
}