/* Shared console density: navigation identifies the page; content starts here. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.console-body .topbar{height:56px;padding-inline:24px}
.console-body .brand{height:56px;min-height:56px;font-size:18px}
.console-body .brand-mark{width:30px;height:30px}
.console-body .sidebar-body{padding-top:6px}
.console-body .nav-caption{padding-top:10px;padding-bottom:6px}
.console-body .side-nav>a{padding-block:9px;margin-block:2px}
.console-body .main-content{padding:12px 24px 0;min-height:calc(100vh - 56px)}
.console-body .page-footer{margin-top:24px;padding-block:16px}
.console-body .page-heading{gap:14px;margin-bottom:12px}
.console-body .page-heading h1{font-size:21px;line-height:1.4;overflow-wrap:anywhere}
.console-body .page-heading p{font-size:12px;margin-top:3px}
.console-body .page-heading .eyebrow{margin:0 0 3px}
.console-body .alert{padding:9px 12px;margin-bottom:12px}
.console-body .table-heading{padding:12px 18px;margin:0;gap:12px}
.console-body .table-heading h2{font-size:15px}
.console-body table th,.console-body table td{padding-top:11px;padding-bottom:11px}
.console-body .form-narrow{padding:20px}
.console-body .field-group{margin-bottom:14px}
.console-body .form-footer{margin-top:16px;padding-top:16px}
/* Categories and search/sort share one toolbar, with room for real labels. */
.catalog-page-body .catalog-toolbar{gap:14px}
.catalog-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}
.catalog-controls .catalog-search{width:210px}
.catalog-controls .catalog-sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.catalog-controls .catalog-sort select{max-width:112px}
.catalog-page-body .catalog-results-summary{margin-top:6px;margin-bottom:8px}
/* Account details and shortcuts have no separate page-title block. */
.account-page-body .account-hero{padding:16px 20px;gap:16px;margin-bottom:14px;border-radius:12px}
.account-page-body .account-hero>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;flex:1;min-width:0}
.account-page-body .account-hero .eyebrow{margin:0;font-size:11px;grid-column:1}
.account-page-body .account-hero h2{font-size:18px;margin:2px 0 0;grid-column:1;grid-row:2}
.account-page-body .account-hero p{grid-column:2;grid-row:1/3;font-size:12px}
.account-page-body .account-hero p strong{font-size:22px;margin-left:8px}
.account-page-body .account-entry-grid{gap:14px;margin-bottom:14px}
.account-page-body .account-entry{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px 12px;padding:18px}
.account-page-body .account-entry-icon{padding:7px;border-radius:9px;align-self:center}
.account-page-body .account-entry h2{font-size:15px;margin:0;align-self:center}
.account-page-body .account-entry p{grid-column:1/-1;min-height:0;margin:0;line-height:1.7}
.account-page-body .account-entry>span:last-child{grid-column:1/-1}
.account-page-body .account-links{padding:0 18px;gap:20px}
.account-page-body .account-links a{padding:14px 0}
/* The connection form starts directly below the navigation. */
.connect-page-body .connect-layout{margin-top:0;gap:24px;align-items:start}
.connect-page-body .connect-panel{padding:20px}
.connect-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.connect-page-body .connect-panel-heading h2{font-size:17px;margin:0}
.connect-panel-heading>a{font-size:12px;color:var(--teal);white-space:nowrap}
.connect-page-body .connect-panel>p{margin-bottom:16px;font-size:12px}
.connect-page-body .connect-password{margin:12px 0 16px}
.connect-page-body .connect-guide{padding:12px 0 0}
.connect-page-body .connect-guide h2{font-size:16px;margin-bottom:16px}
.connect-page-body .connect-guide li{gap:12px;margin-bottom:14px}
.connect-page-body .connect-guide strong{font-size:13px}
.connect-page-body .connect-guide p{font-size:12px;margin-top:3px}
.connect-page-body .connect-guide-note{padding-top:12px}
.connect-page-body .connection-records{margin-top:16px;padding:16px 20px}
.connect-page-body .connection-status-list{margin-top:10px}
.connect-page-body .connection-status-row{padding-block:10px}
.connect-page-body .connection-status-row small{margin-top:3px}
/* Summary counts and the primary action belong in a single row. */
.tasks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;min-height:36px}
.task-counts{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:12px;color:var(--muted)}
.task-counts>span{white-space:nowrap}.task-counts strong{font-size:17px;color:var(--ink);font-weight:600;margin-left:5px;font-variant-numeric:tabular-nums}
.tasks-toolbar>.button{min-height:36px;padding:6px 12px;font-size:13px;white-space:nowrap}
.batch-page-body .batch-summary{padding:14px 18px;margin-bottom:16px}
.batch-page-body .batch-summary progress{margin-top:10px}
.batch-page-body .result-task-grid-heading{margin-bottom:10px}
/* Recharge and ledger: retain billing explanations, reduce decorative spacing. */
.wallet-page-body .wallet-layout{gap:16px;margin-bottom:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.wallet-page-body .wallet-balance,.wallet-page-body .wallet-recharge{padding:20px}
.wallet-page-body .balance-number{font-size:36px;margin:8px 0}
.wallet-page-body .balance-number small{display:inline;font-size:12px;margin-left:12px}
.wallet-page-body .wallet-balance>.muted{font-size:12px;margin-bottom:12px;line-height:1.7}
.wallet-page-body .balance-bottom{padding-top:12px;margin-top:auto;font-size:11px}
.wallet-page-body .recharge-heading{margin-bottom:12px}
.wallet-page-body .recharge-heading h2{font-size:16px}
.wallet-page-body .wallet-recharge form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.wallet-page-body .wallet-recharge .field-group{margin:0;min-width:0}
.wallet-page-body .wallet-recharge select{width:100%;min-width:0}
.wallet-page-body .wallet-recharge .button,.wallet-page-body .recharge-note{grid-column:1/-1}
.wallet-page-body .recharge-note{margin:0}
/* Legal text keeps its reading line-height; only its header and gutters shrink. */
.agreement-page-body .agreement-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px;margin-bottom:16px}
.agreement-page-body .agreement-header h1{font-size:20px;margin:0}
.agreement-page-body .agreement-columns{gap:20px}
.agreement-page-body .agreement-document{padding:20px 26px}
.agreement-page-body .agreement-toc{top:72px}
@media(max-width:1150px){.catalog-page-body .catalog-toolbar{flex-wrap:wrap}.catalog-page-body .catalog-category-strip{flex-basis:100%}.catalog-controls{width:100%;justify-content:space-between}.catalog-controls .catalog-search{flex:1;width:auto}.account-page-body .account-hero>div{column-gap:16px}.wallet-page-body .wallet-layout{grid-template-columns:1fr 1fr}.wallet-page-body .wallet-recharge form{grid-template-columns:1fr}}
@media(max-width:950px){.wallet-page-body .wallet-layout{grid-template-columns:1fr}.wallet-page-body .wallet-recharge form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.account-page-body .account-hero>div{display:block}.account-page-body .account-hero p{margin-top:4px}.account-page-body .account-entry-grid{gap:10px}.account-page-body .account-entry{padding:14px}}
@media(max-width:760px){
 .console-body .topbar{height:52px;padding-inline:14px;gap:8px}
 .console-body .main-content{padding:12px 14px 0;min-height:calc(100vh - 52px)}
 .console-body .breadcrumb{font-size:12px;min-width:0;overflow:hidden}
 .console-body .breadcrumb strong{overflow:hidden;text-overflow:ellipsis}
 .console-body .topbar-actions{gap:8px;flex-shrink:0}
 .console-body .topbar-actions>.text-link{font-size:11px}
 .console-body .page-heading{gap:10px}.console-body .page-heading h1{font-size:18px}
 .console-body .table-heading{padding:10px 14px;flex-wrap:wrap;gap:4px}
 .console-body .table-heading>span{font-size:11px}
 .catalog-page-body .catalog-toolbar{gap:8px}.catalog-controls{gap:8px}
 .tasks-toolbar{align-items:flex-start;gap:10px}.task-counts{gap:4px 14px}.task-counts strong{font-size:15px}.task-counts>span{font-size:11px}
 .account-page-body .account-hero{flex-direction:row;align-items:center;padding:14px;gap:12px}.account-page-body .account-hero h2{font-size:16px}.account-page-body .account-hero>.button{font-size:12px;padding:7px 10px;white-space:nowrap}
 .account-page-body .account-entry-grid{grid-template-columns:1fr}.account-page-body .account-entry{grid-template-columns:34px minmax(0,1fr) auto;gap:4px 10px}.account-page-body .account-entry-icon{grid-row:1/3}.account-page-body .account-entry p{grid-column:2;grid-row:2}.account-page-body .account-entry>span:last-child{grid-column:3;grid-row:1/3;align-self:center;font-size:11px}
 .connect-page-body .connect-layout{grid-template-columns:1fr;gap:14px}.connect-page-body .connect-panel{padding:16px}.connect-page-body .connect-guide{padding:0}.connect-page-body .connect-guide h2{margin-bottom:12px}.connect-page-body .connection-records{padding:14px 16px}
 .wallet-page-body .wallet-balance,.wallet-page-body .wallet-recharge{padding:16px}.wallet-page-body .balance-bottom{margin-top:4px}.wallet-page-body .recharge-heading{display:flex}.wallet-page-body .recharge-heading>span{font-size:10px;margin:0}
 .agreement-page-body .agreement-header{gap:4px;margin-bottom:12px}.agreement-page-body .agreement-document{padding:18px}.agreement-page-body .agreement-columns{gap:12px}
}
@media(max-width:390px){.wallet-page-body .wallet-recharge form{grid-template-columns:1fr}.account-page-body .account-entry>span:last-child{font-size:10px}.account-page-body .account-entry{gap:4px 8px}.console-body .topbar-actions{gap:5px}}
.console-body .table-empty{padding:24px 16px}
.tasks-page-body .table-subline{display:inline;margin-left:8px}
.batch-page-body .result-task-grid-section{margin-top:16px}
