/* Dashboard page arrangements; shared component appearance belongs to design-system.css. */
.account-context{display:flex;align-items:center;gap:var(--ds-gap);flex-wrap:wrap}
.account-context h2,.account-context details,.account-context #signedInUser{display:none}
.account-context label{min-width:0;max-width:560px}
.account-identity{flex:0 1 220px;min-width:0;display:flex;flex-direction:column;gap:var(--ds-label-gap)}
.account-context .account-identity label{max-width:none;width:100%}
.account-context>.header-status{flex:1 1 260px;justify-content:flex-end}
.user-administration .account-context{display:none}
.advanced-users{margin-top:var(--ds-space-6);padding-top:var(--ds-card-padding);border-top:1px solid var(--ds-border)}
#registerKeyForm>label{max-width:480px}
.state-chips{display:flex;gap:var(--ds-action-gap);flex-wrap:wrap;align-items:center}
#signalBadge,#overview #start,#overview #stop{display:none!important}
#chart{min-width:0}
/* Account/market content shares the same padded card edge, including the chart host. */
#overview.dashboard-overview{display:grid;gap:var(--ds-gap);background:transparent;padding:0;border:0;box-shadow:none}
.overview-main,.overview-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:var(--ds-gap)}
.overview-panel{min-width:0;overflow:hidden}
.overview-body{min-width:0}
.overview-servers{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6)}
@media(max-width:950px){.overview-main,.overview-bottom{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 .account-identity{flex:1 1 100%}.account-context>.header-status{flex:1 1 100%;justify-content:flex-start}
}
@media(max-width:480px){
 .overview-servers{gap:var(--ds-space-3)}
}