/* Final control layout: market in one compact row, scan/tools/actions in one row. */
@media (min-width: 1180px) {
  .header {
    display: grid !important;
    grid-template-columns: minmax(760px, 1.86fr) minmax(340px, .72fr) minmax(300px, .58fr) !important;
    grid-template-areas:
      "market market market"
      "scan tools execute" !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .market-group {
    grid-area: market !important;
  }

  .mode-group {
    grid-area: scan !important;
  }

  .tool-group {
    grid-area: tools !important;
  }

  .action-group {
    grid-area: execute !important;
  }
}

.market-group {
  padding: 8px 10px !important;
  min-height: 52px !important;
}

.market-group .tabs.markets {
  display: grid !important;
  grid-template-columns: minmax(260px, .76fr) minmax(330px, .96fr) minmax(460px, 1.28fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}

.market-group .market-tier {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
}

.market-group .market-tier-title {
  min-width: max-content !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.market-group .market-tier-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.market-group .tabs.markets .tab {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mode-group,
.tool-group,
.action-group {
  align-self: stretch !important;
  min-height: 0 !important;
}

.mode-group .scan-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  height: auto !important;
  align-items: stretch !important;
}

.mode-group .scan-tier {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: stretch !important;
  align-content: start !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 146px !important;
  padding: 10px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.mode-group .scan-tier-head {
  min-height: 0 !important;
  display: grid !important;
  gap: 2px !important;
  align-content: start !important;
}

.mode-group .scan-tier-head span {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.mode-group .scan-tier-head small {
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.mode-group .scan-tier-actions,
.mode-group .scan-tier-core .scan-tier-actions,
.mode-group .scan-tier-trend .scan-tier-actions,
.mode-group .scan-tier-structure .scan-tier-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 30px !important;
  gap: 6px !important;
  align-content: start !important;
  min-width: 0 !important;
}

.mode-group .scan-tier .tab,
.tool-actions .theme-toggle,
.run-actions .primary,
.run-actions .primary.secondary,
.run-actions .primary.ghost {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  border-radius: 6px !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tool-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-content: center !important;
  height: 100% !important;
}

.action-group {
  align-content: start !important;
}

.action-group .run-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-content: start !important;
}

.action-group .execution-warm-summary {
  grid-column: 1 / -1 !important;
  margin-top: 8px !important;
}

@media (max-width: 1500px) and (min-width: 1180px) {
  .header {
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, .68fr) minmax(260px, .54fr) !important;
  }

  .market-group .tabs.markets {
    grid-template-columns: minmax(220px, .7fr) minmax(300px, .92fr) minmax(390px, 1.2fr) !important;
  }

  .mode-group .scan-tier {
    grid-template-columns: 1fr !important;
    min-height: 154px !important;
  }
}

@media (max-width: 1179px) {
  .header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "market"
      "scan"
      "tools"
      "execute" !important;
  }

  .market-group .tabs.markets,
  .mode-group .scan-tabs {
    grid-template-columns: 1fr !important;
  }

  .market-group .market-tier,
  .mode-group .scan-tier {
    grid-template-columns: 1fr !important;
  }
}