.auto-preset-panel.autopilot-enhanced {
  gap: 14px;
  min-width: 0;
}

.autopilot-preset-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.autopilot-preset-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.autopilot-preset-head span:not(.trade-chip) {
  color: var(--muted, #64748b);
  font-size: 0.92rem;
}

.autopilot-market-line {
  border: 1px solid var(--cockpit-line, rgba(148, 163, 184, 0.28));
  border-radius: var(--radius, 16px);
  padding: 10px 12px;
  background: var(--cockpit-cell-bg-soft, rgba(15, 23, 42, 0.04));
  color: var(--muted, #64748b);
  font-size: 0.92rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

.autopilot-market-line.good {
  border-color: var(--cockpit-green-ring, rgba(34, 197, 94, 0.35));
  background: var(--cockpit-green-soft, rgba(34, 197, 94, 0.08));
}

.autopilot-market-line.warn {
  border-color: var(--cockpit-yellow-ring, rgba(245, 158, 11, 0.38));
  background: var(--cockpit-yellow-soft, rgba(245, 158, 11, 0.09));
}

.autopilot-market-line.bad {
  border-color: var(--cockpit-red-ring, rgba(239, 68, 68, 0.35));
  background: var(--cockpit-red-soft, rgba(239, 68, 68, 0.08));
}

.auto-dry-run-clarity {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: var(--radius-sm, 14px);
  border: 1px solid var(--cockpit-yellow-ring, rgba(245, 158, 11, 0.35));
  background: var(--cockpit-yellow-soft, rgba(245, 158, 11, 0.10));
  display: grid;
  gap: 4px;
}

.autopilot-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  min-width: 0;
}

.autopilot-grid .auto-preset-card {
  min-width: 0;
  overflow: hidden;
}

.autopilot-grid .auto-preset-card strong,
.autopilot-grid .auto-preset-card span,
.autopilot-grid .auto-preset-card small {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

.auto-preset-card.is-active {
  outline: 2px solid currentColor;
  transform: translateY(-1px);
}

@media (min-width: 1100px) {
  #tabAutoTrading .auto-trading-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    width: 100%;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(260px, 1fr) minmax(440px, 1.45fr);
    gap: 12px 16px;
    align-items: start;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .trade-card-head {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .auto-trading-switch {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .auto-trading-mode-row {
    grid-column: 3;
    grid-row: 1;
    margin: 0;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .trade-field-grid {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .auto-preset-panel {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 0;
    min-width: 0;
  }

  #tabAutoTrading .auto-trading-grid > details[data-auto-section="analysisRules"],
  #tabAutoTrading .auto-trading-grid > details[data-auto-section="earlyEntry"],
  #tabAutoTrading .auto-trading-grid > details[data-auto-section="guardrails"],
  #tabAutoTrading .auto-trading-grid > .auto-trading-safety {
    grid-column: 1 / -1;
    min-width: 0;
    width: 100%;
  }

  #tabAutoTrading .auto-trading-grid > details[data-auto-section="analysisRules"] {
    grid-row: 2;
  }

  #tabAutoTrading .auto-trading-grid > details[data-auto-section="earlyEntry"] {
    grid-row: 3;
  }

  #tabAutoTrading .auto-trading-grid > details[data-auto-section="guardrails"] {
    grid-row: 4;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-safety {
    grid-row: 5;
  }

  #tabAutoTrading details[data-auto-section="analysisRules"] .trade-field-grid,
  #tabAutoTrading details[data-auto-section="earlyEntry"] .trade-field-grid,
  #tabAutoTrading details[data-auto-section="guardrails"] .trade-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

@media (min-width: 1400px) {
  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child {
    grid-template-columns: minmax(240px, 0.75fr) minmax(340px, 1fr) minmax(360px, 1fr);
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child .autopilot-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}

@media (min-width: 1100px) and (max-width: 1399px) {
  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child {
    grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1fr);
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .auto-trading-mode-row {
    grid-column: 1;
    grid-row: 2;
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .trade-field-grid {
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tabAutoTrading .auto-trading-grid > .auto-trading-card:first-child > .auto-preset-panel {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

@media (max-width: 720px) {
  .autopilot-preset-head {
    flex-direction: column;
  }

  .autopilot-grid {
    grid-template-columns: 1fr;
  }
}
