:root{--blue:#064f9e;--dark:#03366d;--gold:#f3c54b;--bg:#f6f9fd;--red:#b42318;--green:#067647}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#172033}.top{background:linear-gradient(135deg,var(--dark),var(--blue));color:#fff;padding:18px 24px}.top a{color:#fff;text-decoration:none;margin-right:16px;font-weight:700}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid #d9e2ef;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 8px 18px rgba(3,54,109,.08)}h1,h2,h3{margin-top:0}.btn,button,input[type=submit]{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.gold{background:var(--gold);color:#111}.btn.red{background:var(--red)}.btn.gray{background:#667085}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-row{margin:10px 0}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:10px;border:1px solid #bcc8d8;border-radius:8px;font-size:15px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e4e7ec;padding:10px;text-align:left;vertical-align:top}th{background:#eef5ff}.notice{padding:12px;border-radius:10px;background:#fff6db;border:1px solid #f5d36a}.ok{color:var(--green);font-weight:700}.bad{color:var(--red);font-weight:700}.question{border:1px solid #d9e2ef;border-radius:12px;padding:14px;margin:12px 0;background:#fff}.choices label{font-weight:400;display:block;padding:8px;border:1px solid #e4e7ec;border-radius:8px;margin:6px 0}.pill{display:inline-block;border-radius:999px;background:#eef5ff;color:#064f9e;padding:4px 8px;font-size:12px;font-weight:700}.small{font-size:13px;color:#667085}.navtabs a{display:inline-block;margin:4px 6px 4px 0}.right{float:right}@media(max-width:700px){.top a{display:block;margin:8px 0}.right{float:none}}

.question-img{display:block;max-width:100%;height:auto;margin:12px 0 8px;border:1px solid #d9e2ef;border-radius:10px;background:#fff;padding:8px}

/* Printable exam/PDF layout */
.print-body{background:#fff;color:#000;font-family:"Times New Roman",Times,serif;font-size:12pt;line-height:1.25}
.print-toolbar{position:sticky;top:0;background:#eef5ff;border-bottom:1px solid #ccd6e6;padding:12px;z-index:10;font-family:Arial,Helvetica,sans-serif}
.exam-paper{max-width:794px;margin:18px auto;padding:24px 36px;background:#fff;color:#000}
.exam-title{text-align:center;font-size:16pt;text-transform:uppercase;margin:0 0 18px;font-weight:700}
.candidate-lines{margin:6px 0 12px}.candidate-lines div{font-weight:700;margin:7px 0}.candidate-lines span{display:inline-block;border-bottom:1px solid #000;min-width:360px;margin-left:12px;height:16px}
.exam-instruction{font-size:11pt;text-align:left;margin:12px 0 18px}
.pdf-question{break-inside:avoid;page-break-inside:avoid;margin:0 0 13px}.pdf-q-text{margin:0 0 4px}.pdf-choice{margin:2px 0 2px 0}.pdf-question-img{display:block;max-width:260px;max-height:150px;margin:6px 0 6px 24px;border:0;padding:0}.exam-footer-block{break-inside:avoid;page-break-inside:avoid;margin-top:18px}.exam-footer-block h3{text-align:left;font-size:12pt;margin-top:16px}.commission-table{width:100%;border-collapse:collapse;margin-top:6px}.commission-table th,.commission-table td{border:1px solid #000;padding:8px;height:34px;color:#000;background:#fff}
@media print{body.print-body{margin:0;background:#fff}.print-toolbar{display:none}.exam-paper{max-width:none;margin:0;padding:0}.pdf-question{break-inside:avoid;page-break-inside:avoid}.top,.wrap>.card:not(.exam-paper){display:none}@page{size:A4;margin:16mm 14mm}}

/* Training materials */
.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}
.material-card{background:#fff;border:1px solid #d9e2ef;border-radius:14px;overflow:hidden;box-shadow:0 8px 18px rgba(3,54,109,.08)}
.material-thumb{width:100%;height:150px;object-fit:cover;display:block;background:#eef5ff}
.material-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:52px;color:#064f9e}
.material-body{padding:16px}.material-body h3{margin:0 0 8px}

/* v8 - prikaz jednog pitanja po ekranu */
.test-progress{font-weight:700;margin:0 0 14px;padding:10px 12px;background:#eef5ff;border-left:4px solid #064f9e;border-radius:8px}
.one-question{min-height:260px}
.test-nav{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.correct-answer-box{margin-top:12px;padding:12px 14px;background:#e9f8ee;border:1px solid #b9e5c8;border-radius:8px;color:#155b2b}
.show-answer-btn{margin-top:10px}