@import url("./styles.css?v=20260804-command-center-base");

body.command-center .app { width: auto; margin: 0 0 0 224px; padding: 0 22px 38px; }
body.command-center .topbar { z-index: 40; min-height: 66px; margin: 0 -22px 16px; padding: 10px 22px; border: 0; border-bottom: 1px solid #172a3e; border-radius: 0; background: rgba(4, 15, 27, .94); box-shadow: none; }
body.command-center h2, body.command-center .section-head h2 { color: #f5f8ff; }
body.command-center .language-switch { border-color: var(--cc-border); border-radius: 7px; box-shadow: none; }
body.command-center .language-switch button { color: #b8c7da; }
body.command-center .language-switch button.active { background: var(--cc-blue); color: #fff; }
body.command-center .status.idle { border-color: #244464; background: #0b2238; color: #6da9ff; }
body.command-center .summary-grid { gap: 12px; margin-bottom: 14px; }
body.command-center .metric, body.command-center .panel { border-color: var(--cc-border); border-radius: 9px; background: linear-gradient(145deg, var(--cc-panel), #081725); color: var(--cc-text); box-shadow: none; }
body.command-center .metric { min-height: 124px; padding: 18px; }
body.command-center .metric::before { left: 18px; top: 14px; background: linear-gradient(90deg, var(--cc-blue), var(--cc-cyan)); }
body.command-center .metric span { color: #b5c4d7; }
body.command-center .metric strong { color: #fff; font-family: var(--sans); font-size: 30px; }
body.command-center .workspace { grid-template-columns: 360px minmax(0, 1fr); gap: 14px; }
body.command-center .panel { padding: 18px; }
body.command-center .control-panel { top: 82px; border-top: 1px solid var(--cc-border); }
body.command-center .section-head { border-bottom-color: var(--cc-border); }
body.command-center .keyword-list, body.command-center .city-options, body.command-center .option-box, body.command-center .api-box, body.command-center .profile-card, body.command-center .poster-progress, body.command-center .iteration-card { border-color: var(--cc-border); background: #081827; }
body.command-center .keyword-row, body.command-center .city-option, body.command-center .query-item, body.command-center .step, body.command-center .lead-card { border-color: #213950; background: #0a1c2d; color: #c7d5e7; box-shadow: none; }
body.command-center .step.active { background: #0d2843; box-shadow: inset 0 3px var(--cc-blue); }
body.command-center .result-head p, body.command-center .panel-subtitle, body.command-center .selected-count, body.command-center .email-campaign-status, body.command-center .lead-meta, body.command-center .mini-stat, body.command-center .iteration-card p, body.command-center .profile-field span, body.command-center .keyword-row p, body.command-center .keyword-hint, body.command-center .step span, body.command-center .query-item, body.command-center label { color: var(--cc-muted); }
body.command-center .lead-title h3 { color: #f4f8ff; }
body.command-center .lead-links a:hover { background: #153858; }
body.command-center .mini-stat strong { color: #69a8ff; }
body.command-center .ins { background: #2b1730; color: #ff7fc4; }
body.command-center .fb { background: #112b4b; color: #79b2ff; }
body.command-center .toast { border: 1px solid #2e5272; background: #0a1b2c; color: #fff; }

@media (max-width: 1050px) {
  body.command-center .app { margin-left: 74px; }
  body.command-center .workspace { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  body.command-center .app { width: auto; margin-left: 0; padding-inline: 12px; }
  body.command-center .topbar { margin-inline: -12px; padding-inline: 12px; }
}