/* ESP32 Simulator — main.css */
:root {
  --bg-primary:   #1a1a2e;
  --bg-secondary: #16213e;
  --bg-panel:     #0f3460;
  --accent:       #00d4ff;
  --accent2:      #7c3aed;
  --text:         #e2e8f0;
  --text-dim:     #94a3b8;
  --success:      #10b981;
  --error:        #ef4444;
  --warning:      #f59e0b;
  --border:       #2d3748;
  --border-light: #4a5568;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-size: 14px; color: var(--text); background: var(--bg-primary); }
#app { display: flex; flex-direction: column; height: 100vh; width: 100vw; overflow: hidden; }
#toolbar { height: 48px; min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background: var(--bg-secondary); border-bottom: 1px solid var(--border); gap: 8px; flex-shrink: 0; z-index: 100; }
.toolbar-left, .toolbar-center, .toolbar-right { display: flex; align-items: center; gap: 6px; }
.toolbar-left { flex: 0 0 auto; }
.toolbar-center { flex: 1 1 auto; justify-content: center; }
.toolbar-right { flex: 0 0 auto; }
.app-logo { font-size: 15px; font-weight: 600; color: var(--accent); letter-spacing: .5px; white-space: nowrap; }
.toolbar-sep { width: 1px; height: 24px; background: var(--border-light); margin: 0 4px; }
.sim-status { font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: .6px; }
.sim-status--idle    { background: var(--border);  color: var(--text-dim); }
.sim-status--running { background: var(--success); color: #fff; }
.sim-status--stopped { background: var(--error);   color: #fff; }
#workspace { display: flex; flex-direction: row; flex: 1 1 0; overflow: hidden; }