/* SHAKO panels v3 (preview): layout and labels only. */
.sidebar{overflow:hidden}
#primary-nav{flex:1 1 auto;min-height:0;overflow-y:auto;gap:0;padding-inline-end:2px;align-content:start;grid-auto-rows:max-content}
.nav-group{display:grid;gap:1px;padding:5px 0;border-bottom:1px solid #eef2f8}
.nav-group:last-child{border-bottom:0}
.nav-group-title{margin:5px 14px 3px;font-size:11px;font-weight:800;color:#8a97ab}
.nav-button{min-height:38px;padding:7px 13px}
.support-card{margin-top:10px;padding:10px;grid-template-columns:auto 1fr;text-align:start;align-items:center;column-gap:8px}
.support-card>span{grid-row:span 2;font-size:20px}
/* Row actions: icon plus a short visible label, grouped by kind. */
.account-action-group{display:flex;flex-wrap:wrap;gap:6px;width:330px;max-width:100%}
.account-action-group .management-action{width:auto;min-width:0;height:34px;min-height:34px;max-height:34px;flex:0 0 auto;
  display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:0 10px!important;border-radius:9px}
.account-action-group .management-action .ui-icon{width:16px;height:16px}
.management-action .action-label{font-size:12px;font-weight:700;white-space:nowrap}
.management-action:not(.account-action-group .management-action) .action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.account-action-group .management-action[data-tone=danger]{margin-inline-start:auto}
@media (max-width:760px){.account-action-group{width:100%}}
/* Action strip under each account row. */
.account-table tr.has-action-strip>td{border-bottom:0}
.account-table tr.row-action-strip>td{padding:0 14px 14px;background:transparent}
.row-action-strip .account-action-group{width:auto;max-width:none;justify-content:flex-start;padding:10px 12px;border:1px dashed #e1e8f3;border-radius:12px;background:#fbfcff}
.account-table td.moved-actions:empty::after{content:"⬇";color:#a5b1c4}
@media (max-width:760px){
 .account-table td.moved-actions{display:none}
 .row-action-strip .account-action-group{display:grid;grid-template-columns:1fr 1fr;padding:8px}
 .row-action-strip .account-action-group .management-action{width:100%;justify-content:center}
 .row-action-strip .account-action-group .management-action[data-tone=danger]{margin:0}
}
/* Dashboard: cards grouped under short headings. */
.metric-group{margin-bottom:18px}
.metric-group-title{margin:4px 2px 10px;font-size:15px;font-weight:800;color:#2d3e5c}
.metric-group .cards{margin-bottom:0}
/* Audit codes and calm ids stay readable but secondary. */
.audit-code bdi,.account-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#8a97ab}
/* One pagination look everywhere. */
.list-pager,.mirror-pager,.pagination,.table-pagination,.trash-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #eef2f8}
.list-pager .actions,.mirror-pager .actions,.pagination .actions,.table-pagination .actions,.trash-pagination .actions,.picker-pages{display:flex;align-items:center;gap:8px}
.list-pager .button,.mirror-pager .button,.pagination .button,.table-pagination .button,.trash-pagination .button,.picker-pages .button{min-height:36px;padding:0 14px;border-radius:9px}
/* Attribution line inside the workspace margins. */
.workspace>p.muted.small{padding:0 clamp(18px,3vw,38px) 24px;margin:0}