/* Beta Lab UI */
.betaLab .grid2 { display:grid; gap:14px; grid-template-columns:1fr; }
@media (min-width: 900px){ .betaLab .grid2{ grid-template-columns:1fr 1fr; } }

.betaLab .card { background: var(--panel, #f7f8fb); border:1px solid var(--line,#e6e9f2); border-radius:16px; padding:14px; }
.betaLab .hr { height:1px; background: var(--line,#e6e9f2); margin:12px 0; }
.betaLab .mini{ font-size:.86rem; color: var(--muted,#4a5568); }
.betaLab .muted{ opacity:.8; }

.betaLab .row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.betaLab .input, .betaLab select, .betaLab textarea{
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--line,#e6e9f2);
  background: var(--bg,#fff); color: var(--text,#0b1220); font: inherit;
}
.betaLab textarea{ min-height:110px; }

.betaLab .btn{
  padding:9px 12px; border-radius:999px; border:none; cursor:pointer;
  font-weight:900; background: var(--accent,#1d4ed8); color:#fff;
}
.betaLab .btn.ghost{ background: transparent; border:1px solid var(--line,#e6e9f2); color: var(--text,#0b1220); }
.betaLab .pill{ display:inline-flex; padding:4px 10px; border-radius:999px; background: var(--accent2,#fbbf24); color:#000; font-weight:900; font-size:.75rem; }
.betaLab .item{ background: var(--bg,#fff); border:1px solid var(--line,#e6e9f2); border-radius:14px; padding:10px 12px; }

#betaOut{ display:none; width:100%; min-height:240px; }

#betaToastHost{
  position: fixed; right: 12px; bottom: 12px; display:flex; flex-direction:column; gap:10px; z-index: 9999;
  max-width: 360px;
}
.toast{
  background: var(--panel,#f7f8fb); border:1px solid var(--line,#e6e9f2); border-radius:16px; padding:12px;
  box-shadow: 0 12px 26px rgba(0,0,0,.2);
}
.toastTop{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.toastMsg{ margin-top:6px; font-size:.9rem; color: var(--text,#0b1220); }