/* GeeGit Lab: gaya elemen yang dibuat JavaScript (tabel, kuis) dan kontrol lab. */
.lab-panel{background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:20px}
.lab-kontrol{display:grid;gap:14px}
.lab-kontrol label{display:grid;gap:6px;font-size:14px;color:#cbd5e1}
.lab-kontrol .lab-baris{display:flex;justify-content:space-between;gap:10px}
.lab-kontrol output{font-family:"JetBrains Mono",monospace;color:#6ee7b7;font-weight:700}
.lab-kontrol input[type=range]{width:100%;accent-color:#10b981}
.lab-kontrol select{background:#020617;border:1px solid #334155;border-radius:10px;color:#e2e8f0;padding:8px 10px}
.lab-tombol{display:inline-flex;align-items:center;gap:6px;background:#059669;color:#fff;font-weight:700;font-size:14px;border:0;border-radius:12px;padding:10px 16px;cursor:pointer}
.lab-tombol:hover{background:#10b981}
.lab-tombol.sekunder{background:transparent;border:1px solid #334155;color:#cbd5e1}
.lab-tombol.sekunder:hover{border-color:#10b981;color:#fff}
.lab-kanvas{width:100%;height:auto;background:radial-gradient(600px 300px at 50% 0%,#064e3b55,transparent),#020617;border:1px solid #1e293b;border-radius:16px;display:block}
.lab-tabel-wrap{overflow-x:auto;border:1px solid #1e293b;border-radius:14px}
.lab-tabel{width:100%;border-collapse:collapse;font-size:13px;font-family:"JetBrains Mono",monospace}
.lab-tabel th{background:#0f172a;color:#94a3b8;font-weight:600;text-align:right;padding:9px 10px;white-space:nowrap;border-bottom:1px solid #1e293b}
.lab-tabel td{text-align:right;padding:7px 10px;border-bottom:1px solid #1e293b55;color:#e2e8f0;white-space:nowrap}
.lab-tabel th:first-child,.lab-tabel td:first-child{text-align:left;color:#64748b}
.lab-kosong{text-align:center!important;color:#64748b!important;padding:18px!important;font-family:Inter,sans-serif}
.lab-hapus{background:none;border:0;color:#64748b;cursor:pointer;font-size:13px}
.lab-hapus:hover{color:#f87171}
.lab-hasil{background:#022c22;border:1px solid #065f46;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.65;color:#d1fae5}
.lab-peringatan{display:inline-block;margin-top:6px;color:#fcd34d}
.lab-grafik{position:relative;height:300px}
.lab-soal{border:1px solid #1e293b;border-radius:14px;padding:14px 16px;margin-bottom:12px}
.lab-soal legend{padding:0 6px;font-weight:600;color:#f1f5f9;font-size:15px}
.lab-soal label{display:block;padding:5px 0;color:#cbd5e1;font-size:14px;cursor:pointer}
.lab-soal input{accent-color:#10b981;margin-right:6px}
.lab-jawab{margin-top:8px;font-size:13.5px;line-height:1.55;border-radius:10px;padding:8px 10px}
.lab-benar{background:#022c22;color:#a7f3d0}
.lab-salah{background:#2a0e0e;color:#fecaca}
.lab-skor{margin-top:10px;font-weight:700;color:#6ee7b7}
.lab-rumus{font-family:"Newsreader",Georgia,serif;font-size:22px;color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:12px 16px;display:inline-block;margin:6px 0}
.lab-isi p{margin:10px 0;line-height:1.75;color:#cbd5e1}
.lab-isi ol,.lab-isi ul{margin:10px 0 10px 22px;line-height:1.75;color:#cbd5e1}
.lab-isi ol{list-style:decimal}.lab-isi ul{list-style:disc}
.lab-isi b{color:#f1f5f9}

/* atribut hidden harus menang atas display dari kelas tombol */
[hidden]{display:none!important}