/* Malaka Ujian — tampilan peserta */
.mu-app{--mu-p:#0b6fb4;--mu-p2:#08527f;--mu-r:#d51820;--mu-g:#1d8a3f;--mu-ln:#dde8f1;--mu-bg:#f2f7fb;--mu-ink:#12263a;
  font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#3c4c5c;line-height:1.7;max-width:1100px;margin:0 auto}
.mu-app *,.mu-app *::before,.mu-app *::after{box-sizing:border-box}

.mu-panel{background:#fff;border:1px solid var(--mu-ln);border-radius:14px;padding:32px;max-width:560px;margin:0 auto;box-shadow:0 10px 30px rgba(18,38,58,.07)}
.mu-panel--hasil{max-width:720px;text-align:center}
.mu-panel__judul{margin:0 0 6px;font-size:1.6rem;color:var(--mu-ink)}
.mu-panel__sub{margin:0 0 22px;font-size:.95rem;color:#647787}

.mu-form{display:block}
.mu-field{display:block;margin-bottom:16px}
.mu-field span{display:block;font-size:.85rem;font-weight:700;color:var(--mu-ink);margin-bottom:6px}
.mu-field input,.mu-field select{width:100%;padding:.8rem 1rem;border:1px solid var(--mu-ln);border-radius:8px;font-family:inherit;font-size:1rem;background:#fff;color:var(--mu-ink)}
.mu-field input:focus{outline:none;border-color:var(--mu-p);box-shadow:0 0 0 3px rgba(11,111,180,.14)}
.mu-token-field{text-transform:uppercase;letter-spacing:4px;font-weight:700;text-align:center;font-size:1.3rem!important}
.mu-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.mu-row{grid-template-columns:1fr}}

.mu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.9rem 1.6rem;border:2px solid transparent;border-radius:99px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:.18s}
.mu-btn--utama{background:var(--mu-r);color:#fff;width:100%}
.mu-btn--utama:hover{background:#a5121a;color:#fff}
.mu-btn--garis{background:transparent;border-color:var(--mu-ln);color:var(--mu-ink)}
.mu-btn--garis:hover{border-color:var(--mu-p);color:var(--mu-p)}
.mu-btn:disabled{opacity:.6;cursor:not-allowed}

.mu-alert{padding:12px 16px;border-radius:8px;font-size:.93rem;margin-bottom:18px}
.mu-alert--err{background:#fdebec;border:1px solid #f5c2c5;color:#9b1620}
.mu-alert--info{background:#eaf4fb;border:1px solid #c4e0f2;color:#0a4b78}
.mu-alert--ok{background:#e8f6ec;border:1px solid #b6e2c3;color:#1d6b33}
.mu-alert p:last-child{margin-bottom:0}

/* Bilah atas */
.mu-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--mu-ink);color:#fff;padding:12px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap}
.mu-bar__info strong{display:block;font-size:1rem;line-height:1.3}
.mu-bar__info span{font-size:.83rem;color:#a9bdcf}
.mu-timer{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;background:rgba(255,255,255,.12);padding:6px 16px;border-radius:8px;letter-spacing:1px}
.mu-timer.is-kritis{background:var(--mu-r);animation:muBlink 1s steps(2) infinite}
@keyframes muBlink{50%{opacity:.55}}

.mu-kerja{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}
@media (max-width:900px){.mu-kerja{grid-template-columns:1fr}.mu-nav{order:-1;position:static!important}}

.mu-soal{display:flex;gap:14px;background:#fff;border:1px solid var(--mu-ln);border-radius:12px;padding:20px;margin-bottom:16px;scroll-margin-top:90px}
.mu-soal__no{width:32px;height:32px;flex:none;border-radius:50%;background:var(--mu-bg);color:var(--mu-p2);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.mu-soal__isi{flex:1;min-width:0}
.mu-soal__q{margin-bottom:12px;color:var(--mu-ink)}
.mu-soal__q p{margin:0 0 .6em}
.mu-soal__img{max-width:100%;height:auto;border-radius:8px;margin-bottom:12px}

.mu-opsi{display:grid;gap:8px}
.mu-opsi__item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px solid var(--mu-ln);border-radius:8px;cursor:pointer;transition:.15s;background:#fff}
.mu-opsi__item:hover{border-color:var(--mu-p);background:var(--mu-bg)}
.mu-opsi__item.is-pilih{border-color:var(--mu-p);background:#eaf4fb;box-shadow:inset 0 0 0 1px var(--mu-p)}
.mu-opsi__item input{margin:5px 0 0}
.mu-opsi__huruf{font-weight:800;color:var(--mu-p2);flex:none;min-width:18px}
.mu-opsi__teks{flex:1}
.mu-hapus-pilihan{margin-top:10px;background:none;border:0;color:#8598a8;font-size:.82rem;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit}
.mu-hapus-pilihan:hover{color:var(--mu-r)}
.mu-esai-input{width:100%;padding:.9rem 1rem;border:1px solid var(--mu-ln);border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.7;resize:vertical}
.mu-esai-input:focus{outline:none;border-color:var(--mu-p);box-shadow:0 0 0 3px rgba(11,111,180,.14)}

.mu-selesai-box{background:#fff;border:1px solid var(--mu-ln);border-radius:12px;padding:22px;text-align:center}
.mu-selesai-box p{font-size:.93rem;margin-top:0}

.mu-nav{position:sticky;top:88px;background:#fff;border:1px solid var(--mu-ln);border-radius:12px;padding:18px}
.mu-nav__judul{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mu-p2);margin-bottom:12px}
.mu-nav__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mu-nav__btn{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--mu-ln);border-radius:6px;font-size:.82rem;font-weight:700;color:#647787;text-decoration:none;background:#fff}
.mu-nav__btn:hover{border-color:var(--mu-p);color:var(--mu-p)}
.mu-nav__btn.is-isi{background:var(--mu-g);border-color:var(--mu-g);color:#fff}
.mu-nav__ket{margin-top:14px;font-size:.78rem;color:#647787;display:grid;gap:5px}
.mu-nav__ket i{display:inline-block;width:12px;height:12px;border:1px solid var(--mu-ln);border-radius:3px;vertical-align:-2px;margin-right:5px}
.mu-nav__ket i.is-isi{background:var(--mu-g);border-color:var(--mu-g)}
.mu-nav__status{margin-top:12px;font-size:.78rem;color:#8598a8;min-height:18px}
.mu-nav__status.is-err{color:var(--mu-r);font-weight:700}

/* Hasil */
.mu-identitas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;text-align:left}
@media (max-width:520px){.mu-identitas{grid-template-columns:1fr}}
.mu-identitas div{background:var(--mu-bg);border-radius:8px;padding:10px 14px}
.mu-identitas span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#8598a8}
.mu-identitas strong{color:var(--mu-ink)}
.mu-nilai{padding:24px;border-radius:12px;margin:20px 0}
.mu-nilai.is-lulus{background:#e8f6ec;border:1px solid #b6e2c3}
.mu-nilai.is-gagal{background:#fdebec;border:1px solid #f5c2c5}
.mu-nilai__angka{display:block;font-size:3.4rem;font-weight:800;line-height:1;color:var(--mu-ink)}
.mu-nilai__ket{display:block;margin-top:8px;font-weight:700;font-size:.9rem;color:#50606f}
.mu-ringkas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mu-ringkas div{background:var(--mu-bg);border-radius:8px;padding:14px;font-size:.82rem;color:#647787}
.mu-ringkas strong{display:block;font-size:1.7rem;color:var(--mu-ink);line-height:1.2}
.mu-sub{margin:30px 0 12px;text-align:left;color:var(--mu-ink)}
.mu-bahas{text-align:left;padding-left:20px}
.mu-bahas li{padding:12px 14px;border-radius:8px;margin-bottom:10px;border:1px solid var(--mu-ln)}
.mu-bahas li.is-benar{background:#f4fbf6;border-color:#c9e8d3}
.mu-bahas li.is-salah{background:#fdf5f5;border-color:#f2cdcf}
.mu-bahas__q{font-weight:600;color:var(--mu-ink)}
.mu-bahas__p{font-size:.9rem;color:#50606f;margin-bottom:0}

/* Daftar ujian */
.mu-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.mu-daftar__item{background:#fff;border:1px solid var(--mu-ln);border-radius:12px;padding:18px}
.mu-daftar__item h4{margin:0 0 6px;color:var(--mu-ink);font-size:1.05rem}
.mu-daftar__item p{margin:0 0 6px;font-size:.88rem}
.mu-tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mu-tag--buka{background:#e8f6ec;color:#1d6b33}
.mu-tag--belum{background:#fcf3e3;color:#8a5700}
.mu-tag--tutup{background:#fdebec;color:#9b1620}
.mu-tag--nonaktif{background:#f0f0f1;color:#646970}