/* ── CONTROLS.CSS v1.1.3 ── */
#controls { padding:7px 10px; background:var(--panel); border-top:1px solid var(--border); flex-shrink:0; }
.btn-row   { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; margin-bottom:7px; }
.btn-row-2 { display:grid; grid-template-columns:1fr 1fr; gap:7px; }

.sim-header-row { display:flex; justify-content:flex-end; margin-bottom:5px; }
.btn-simset { background:transparent; border:1px solid var(--cyan); color:var(--cyan); font-family:var(--font-ui); font-size:0.65em; letter-spacing:1.5px; padding:5px 14px; border-radius:4px; cursor:pointer; min-height:32px; transition:all 0.15s; }
.btn-simset:active { background:rgba(0,229,255,0.12); }

.sim-action-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; }

button { font-family:var(--font-ui); border:1px solid var(--border-bright); border-radius:5px; padding:11px 6px; font-size:0.72em; letter-spacing:1.5px; cursor:pointer; transition:all 0.15s; user-select:none; min-height:42px; background:transparent; color:var(--text-main); }
button:active { transform:scale(0.96); }

.btn-primary        { background:var(--cyan); color:#000; font-weight:bold; border-color:var(--cyan); }
.btn-primary:active { background:rgba(0,229,255,0.7); }
.btn-secondary       { background:transparent; color:var(--text-mid); border-color:var(--border-bright); }
.btn-secondary:active{ background:rgba(255,255,255,0.06); }
.btn-danger         { color:var(--red); border-color:var(--red); }
.btn-danger:active  { background:rgba(255,23,68,0.15); }
.btn-amber          { color:var(--cyan); border-color:var(--cyan); }
.btn-amber:active   { background:rgba(0,229,255,0.12); }
.btn-active         { background:var(--cyan); color:#000; border-color:var(--cyan); font-weight:bold; }
.btn-active:active  { opacity:0.85; }