/* =========================================================
   BFY Lab UI v2 — paylaşılan cila katmanı
   Mevcut lab sınıflarını (satır içi <style>'dan SONRA yüklenir)
   Vektör v2 standardına göre güzelleştirir. JS/ID'ler değişmez.
   ========================================================= */

/* --- "Nasıl kullanılır" şeridi --- */
.lab-help{display:flex;align-items:flex-start;gap:12px;background:#fff7ec;border:1px solid #f0dcae;
  border-radius:14px;padding:12px 16px;margin:16px 0 2px;color:#7a5a10;font-size:.95rem;line-height:1.5;}
.lab-help .ic{font-size:1.25rem;line-height:1.2;}
.lab-help b{color:#5f4409;}

/* --- Sahne --- */
.stage-wrap{border-radius:16px;box-shadow:0 12px 30px rgba(28,35,54,.10);border-color:#e7e9f1;}

/* --- Kontrol çubuğu (toolbar) --- */
.toolbar{align-items:center;gap:9px;background:#f4f6fb;border:1px solid #e7e9f1;border-radius:14px;padding:8px 10px;}
.tb{border:1px solid #e2e6f0;border-radius:11px;font-weight:700;transition:all .14s;}
.tb:hover{background:#eef2fb;}
.tb.primary{background:#1c2336;border-color:#1c2336;color:#fff;}
.tb.primary:hover{background:#2fa96b;border-color:#2fa96b;color:#fff;}
.tb.on{background:#e6b53d;border-color:#e6b53d;color:#3a2b03;}

/* --- Görünüm çipleri (toggles) --- */
.toggles{gap:8px;margin-top:10px;}
.toggles .tb{border-radius:20px;background:#fff;color:#697089;}
.toggles .tb:hover{background:#eef2fb;color:#1c2336;}
.toggles .tb.on{background:#1c2336;border-color:#1c2336;color:#fff;}

/* --- Paneller --- */
.panel{border:1px solid #e7e9f1;border-radius:16px;box-shadow:0 6px 18px rgba(28,35,54,.05);}
.graph-wrap{border:1px solid #e7e9f1;border-radius:12px;}

/* --- HUD balonu --- */
.hud .pill{background:rgba(255,255,255,.92);border:1px solid #e7e9f1;box-shadow:0 2px 8px rgba(28,35,54,.08);}