/* Shared component dimensions derived from the Overview interface. */
html[data-component-scale="overview"]{
  --ect-control-compact:32px;--ect-control-standard:36px;--ect-control-primary:40px;
  --ect-panel-header:64px;--ect-compact-header:52px;--ect-metric-card:112px;--ect-entity-row:76px;
}

/* Technical workbench */
[data-system-route="charts"] .command-bar{min-height:64px!important}
[data-system-route="charts"] .workspace-modes{height:40px!important}
[data-system-route="charts"] .workspace-modes button{height:32px!important}
[data-system-route="charts"] .segmented button{width:36px!important;height:36px!important}
[data-system-route="charts"] :is(.command-field,.toggle-control,.command-button,.icon-button){height:var(--ect-control-primary)!important}
[data-system-route="charts"] .icon-button{width:var(--ect-control-primary)!important}
[data-system-route="charts"] .watch-panel{grid-template-rows:var(--ect-panel-header) minmax(0,1fr) 48px!important}
[data-system-route="charts"] .signal-panel{grid-template-rows:var(--ect-panel-header) auto auto minmax(0,1fr) 54px!important}
[data-system-route="charts"] :is(.watch-panel>header,.signal-panel>header){height:var(--ect-panel-header)!important;padding-inline:18px!important}
[data-system-route="charts"] .chart-panel{grid-template-rows:var(--ect-panel-header) minmax(0,1fr) 42px!important}
[data-system-route="charts"] .chart-panel-head{height:var(--ect-panel-header)!important}
[data-system-route="charts"] :is(.panel-market select,.panel-tools select,.panel-tools button){height:var(--ect-control-standard)!important}

/* Route comparison */
[data-system-route="rates"] .rates-desk{grid-template-rows:var(--ect-metric-card) minmax(0,1fr) 254px!important}
[data-system-route="rates"] .route-summary{height:var(--ect-metric-card)!important;min-height:var(--ect-metric-card)!important}
[data-system-route="rates"] .route-stat{height:var(--ect-metric-card)!important}
[data-system-route="rates"] .rates-panel-head{height:var(--ect-panel-header)!important;padding-inline:24px!important}
[data-system-route="rates"] .watch-panel{grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="rates"] .comparison{grid-template-rows:var(--ect-panel-header) 64px minmax(0,1fr)!important}
[data-system-route="rates"] .route-inspector{grid-template-rows:var(--ect-panel-header) minmax(0,1fr) 198px!important}
[data-system-route="rates"] :is(.depth-panel,.route-alerts){grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="rates"] .exchange-button{height:var(--ect-control-standard)!important;padding-inline:14px!important}

/* Sentiment analytics */
[data-system-route="sentiment"] .main-card{grid-template-rows:var(--ect-panel-header) 46px minmax(0,1fr)!important}
[data-system-route="sentiment"] .score-card{grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="sentiment"] .card-head{height:var(--ect-panel-header)!important;padding-inline:24px!important}
[data-system-route="sentiment"] .period span{height:var(--ect-control-standard)!important;padding-inline:14px!important}

/* Portfolio */
[data-system-route="portfolio"] .section-tab{height:var(--ect-control-standard)!important;padding-inline:13px!important}
[data-system-route="portfolio"] .portfolio-controls{height:var(--ect-control-standard)!important}
[data-system-route="portfolio"] .portfolio-nav{width:30px!important;height:30px!important}
[data-system-route="portfolio"] .chart-panel{grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="portfolio"] .panel-head{height:var(--ect-panel-header)!important;padding-inline:24px!important}
[data-system-route="portfolio"] .overview{grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="portfolio"] .watch{grid-template-rows:var(--ect-panel-header) minmax(0,1fr)!important}
[data-system-route="portfolio"] .range button{height:var(--ect-control-compact)!important;min-width:40px!important}
[data-system-route="portfolio"] .add-coin{height:var(--ect-control-compact)!important}

/* Event operations */
[data-system-route="events"] .p4-surface-head{height:var(--ect-panel-header)!important;padding-inline:20px!important}
[data-system-route="events"] .p4-button.primary{height:var(--ect-control-primary)!important}
[data-system-route="events"] .p4-tabs button{height:var(--ect-control-standard)!important}
[data-system-route="events"] .catalyst-row{min-height:var(--ect-entity-row)!important}

/* Airdrop task board */
[data-system-route="airdrops"] :is(.filter,.airdrop-search,.export-list){height:var(--ect-control-primary)!important}
[data-system-route="airdrops"] .air-metric{height:var(--ect-metric-card)!important;padding:16px 18px!important}
[data-system-route="airdrops"] .drop-row{min-height:88px!important;padding:16px!important}

/* Profile and settings */
[data-system-route="profile"] .editor-head{height:var(--ect-panel-header)!important;padding:0 22px!important}
[data-system-route="profile"] .status-head{height:var(--ect-compact-header)!important;padding:0 16px!important}
[data-system-route="profile"] .rail-nav button{height:var(--ect-control-primary)!important}
[data-system-route="profile"] :is(.field input,.field select,.add-field input,.add-field select,.primary,.outline,.add){height:var(--ect-control-primary)!important}
[data-system-route="profile"] :is(.secondary,.copy-button){height:var(--ect-control-standard)!important}

/* Portfolio operations */
[data-system-route="holdings"] .ledger-head,[data-system-route="activity"] .ledger-toolbar,[data-system-route="diagnostics"] .surface-head,[data-system-route="wallet-sync"] .panel-head,[data-system-route="stress-test"] .surface-head{min-height:var(--ect-panel-header)!important}
[data-system-route="holdings"] :is(.ledger-search,.filter-group button,.primary-button),[data-system-route="activity"] :is(.search-field,.type-filter button,.source-select,.primary-button),[data-system-route="diagnostics"] :is(.button,.primary-button),[data-system-route="wallet-sync"] :is(.button,.segment button),[data-system-route="stress-test"] .scenario-control button{min-height:var(--ect-control-primary)!important}

@media(max-width:1500px){
  [data-system-route="charts"] :is(.command-field,.toggle-control,.command-button,.icon-button){height:var(--ect-control-standard)!important}
  [data-system-route="charts"] .icon-button{width:var(--ect-control-standard)!important}
}