/* =========================================================
   DESKTOP.CSS
   Aktif untuk layar >= 1025px (PC & Laptop)
   Dimuat dengan: <link media="screen and (min-width:1025px)">
   ========================================================= */

.container { max-width: 1140px; padding: 24px; }

.navbar { padding: 16px 40px; }
.navbar .brand { font-size: 1.4rem; }

.grid.dashboard-grid { grid-template-columns: repeat(4, 1fr); }

.login-box { max-width: 420px; }

.card { padding: 26px; }

table th, table td { padding: 12px 16px; font-size: .95rem; }

.two-col { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }

.soal-box { padding: 22px; }

.score-circle { width: 170px; height: 170px; font-size: 2.6rem; }

.exam-layout { display: grid; grid-template-columns: 3fr 1fr; gap: 20px; }
.exam-nav-panel { position: sticky; top: 80px; height: fit-content; }
.soal-nav-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.soal-nav-grid button { padding: 10px; }