.exam-eyebrow { display:block; margin-bottom:6px; color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* Akademi katalog ve personel takip ekranları */
#wrapper.academy-list-mode { grid-template-columns:minmax(0,1fr); }
#wrapper.academy-list-mode .main { width:100%; min-width:0; }
.academy-shell { width:min(1120px,100%); margin:0 auto 64px; color:#334155; font-size:16px; }
.academy-hero,.tracking-hero,.queue-hero { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:28px; margin-bottom:18px; padding:28px; overflow:hidden; border:1px solid #dbeafe; border-radius:20px; background:linear-gradient(135deg,#fff 0%,#f0f9ff 65%,#ecfeff 100%); box-shadow:0 14px 40px rgba(15,23,42,.07); }
.academy-hero h1,.tracking-hero h1,.queue-hero h1 { margin:0; color:#0f172a; font-size:clamp(26px,4vw,36px); line-height:1.15; letter-spacing:-.035em; }
.academy-hero p,.tracking-hero p,.queue-hero p { max-width:690px; margin:10px 0 0; color:#64748b; font-size:15px; line-height:1.65; }
.academy-progress-card { padding:18px; border:1px solid rgba(255,255,255,.9); border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 8px 22px rgba(14,116,144,.1); }
.academy-progress-card strong,.academy-progress-card span { display:block; }
.academy-progress-card strong { color:#0e7490; font-size:31px; line-height:1; }
.academy-progress-card span { margin-top:7px; color:#475569; font-size:13px; font-weight:700; }
.academy-progress-card>div { height:7px; margin-top:14px; overflow:hidden; border-radius:999px; background:#dbeafe; }
.academy-progress-card i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2563eb,#06b6d4); }
.academy-toolbar { position:sticky; top:66px; z-index:6; display:grid; grid-template-columns:minmax(250px,1fr) auto; align-items:center; gap:12px; margin-bottom:26px; padding:11px; border:1px solid #e2e8f0; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 8px 25px rgba(15,23,42,.07); backdrop-filter:blur(12px); }
.academy-search { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; min-width:0; min-height:46px; padding:0 13px; border:1px solid #dbe5ee; border-radius:11px; background:#f8fafc; }
.academy-search>span { color:#64748b; font-size:23px; line-height:1; transform:rotate(-15deg); }
.academy-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#0f172a; font:inherit; font-size:14px; }
.academy-filter-tabs { display:flex; gap:5px; overflow-x:auto; padding:2px; scrollbar-width:none; }
.academy-filter-tabs::-webkit-scrollbar { display:none; }
.academy-filter-tabs button { min-height:42px; flex:0 0 auto; padding:9px 12px; border:0; border-radius:9px; background:transparent; color:#64748b; font:inherit; font-size:13px; font-weight:800; cursor:pointer; white-space:nowrap; }
.academy-filter-tabs button span { display:inline-grid; min-width:22px; height:22px; margin-left:4px; place-items:center; padding:0 5px; border-radius:999px; background:#e2e8f0; font-size:11px; }
.academy-filter-tabs button.is-active { background:#0f172a; color:#fff; box-shadow:0 5px 13px rgba(15,23,42,.16); }
.academy-filter-tabs button.is-active span { background:rgba(255,255,255,.16); }
.academy-track-list { display:grid; gap:32px; }
.academy-track-section[hidden],.academy-course-card[hidden] { display:none!important; }
.academy-section-heading,.tracking-section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:13px; padding:0 3px; }
.academy-section-heading span,.tracking-section-heading span { display:block; margin-bottom:3px; color:#0e7490; font-size:12px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.academy-section-heading h2,.tracking-section-heading h2 { margin:0; color:#0f172a; font-size:21px; line-height:1.25; }
.academy-section-heading b,.tracking-section-heading b { display:grid; min-width:36px; height:36px; place-items:center; padding:0 9px; border-radius:11px; background:#e0f2fe; color:#0369a1; font-size:14px; }
.academy-course-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.academy-course-card { display:flex; min-width:0; min-height:190px; flex-direction:column; padding:18px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(15,23,42,.045); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.academy-course-card:hover { transform:translateY(-2px); border-color:#bae6fd; box-shadow:0 12px 26px rgba(15,23,42,.08); }
.academy-course-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; }
.academy-course-code { min-width:0; overflow:hidden; color:#64748b; font-size:12px; font-weight:800; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.academy-status { display:inline-flex; flex:0 0 auto; align-items:center; min-height:25px; padding:4px 8px; border-radius:999px; background:#f1f5f9; color:#475569; font-size:11px; font-weight:800; }
.academy-status.started { background:#fff7ed; color:#c2410c; }
.academy-status.completed { background:#dcfce7; color:#15803d; }
.academy-status.exam { background:#fee2e2; color:#b91c1c; }
.academy-course-card h3 { margin:0 0 13px; color:#0f172a; font-size:17px; line-height:1.4; overflow-wrap:anywhere; }
.academy-course-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:auto 0 15px; color:#64748b; font-size:12px; line-height:1.4; }
.academy-company-badge { display:inline-flex; width:max-content; padding:5px 8px; border-radius:7px; background:#e0f2fe; color:#0369a1; font-size:11px; font-weight:800; }
.academy-company-badge.sec { background:#ffe4e6; color:#be123c; }
.academy-course-card>button,.exam-queue-card>button { display:flex; width:100%; min-height:43px; align-items:center; justify-content:space-between; gap:10px; padding:10px 13px; border:0; border-radius:10px; background:#f1f5f9; color:#0f172a; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.academy-course-card>button:hover { background:#e0f2fe; color:#0369a1; }
.academy-course-card[data-status="exam"]>button { background:#dc2626; color:#fff; }
.academy-empty-filter,.tracking-empty { grid-column:1/-1; padding:38px 22px; border:1px dashed #cbd5e1; border-radius:16px; background:#fff; color:#64748b; text-align:center; }
.academy-empty-filter { margin-top:18px; }
.academy-empty-filter[hidden] { display:none; }
.tracking-section { margin-top:30px; }
.tracking-section.is-complete-list { padding-top:28px; border-top:1px solid #e2e8f0; }
.tracking-empty span,.tracking-empty strong,.tracking-empty p { display:block; }
.tracking-empty span { width:46px; height:46px; margin:0 auto 10px; padding-top:8px; border-radius:50%; background:#dcfce7; color:#15803d; font-size:22px; font-weight:900; }
.tracking-empty strong { color:#0f172a; font-size:17px; }
.tracking-empty p { margin:6px 0 0; font-size:14px; }
.tracking-empty.muted span { display:none; }
.queue-hero { grid-template-columns:minmax(0,1fr) 150px; border-color:#fecdd3; background:linear-gradient(135deg,#fff,#fff1f2); }
.queue-count { padding:18px; border:1px solid #fecdd3; border-radius:16px; background:#fff; text-align:center; box-shadow:0 8px 22px rgba(190,18,60,.08); }
.queue-count strong,.queue-count span { display:block; }
.queue-count strong { color:#be123c; font-size:36px; line-height:1; }
.queue-count span { margin-top:7px; color:#64748b; font-size:13px; font-weight:700; }
.exam-queue-list { display:grid; gap:12px; }
.exam-queue-card { display:grid; grid-template-columns:44px minmax(0,1fr) 160px; align-items:center; gap:16px; padding:18px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(15,23,42,.045); }
.exam-queue-number { display:grid; width:44px; height:44px; place-items:center; border-radius:13px; background:#fee2e2; color:#be123c; font-size:17px; font-weight:900; }
.exam-queue-copy { min-width:0; }
.exam-queue-copy>div { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:7px; }
.exam-queue-copy h2 { margin:0; color:#0f172a; font-size:17px; line-height:1.35; overflow-wrap:anywhere; }
.exam-queue-copy p { margin:6px 0 0; color:#64748b; font-size:13px; line-height:1.45; }
.exam-queue-card>button { background:#dc2626; color:#fff; }
.exam-primary-btn,.exam-secondary-btn,.exam-detail-btn { min-height:42px; padding:10px 16px; border:0; border-radius:9px; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.exam-primary-btn { background:#2563eb; color:#fff; }
.exam-primary-btn:hover { background:#1d4ed8; }
.exam-secondary-btn { border:1px solid #cbd5e1; background:#fff; color:#334155; }
.exam-danger-btn { background:#dc2626; }
.exam-danger-btn:hover { background:#b91c1c; }

.personnel-reminders { width:100%; margin:22px auto 0; padding-top:20px; border-top:1px solid #e2e8f0; }
.personnel-reminders-heading { margin-bottom:13px; text-align:left; }
.personnel-reminders-heading h2 { margin:0; color:#0f172a; font-size:20px; }
.personnel-reminder-grid { display:grid; grid-template-columns:1fr; gap:11px; }
.personnel-reminder-card { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px 14px; padding:16px; border:1px solid #dbe5ee; border-radius:14px; background:#fff; text-align:left; box-shadow:0 5px 18px rgba(15,23,42,.05); }
.personnel-reminder-card.training-reminder.has-action { border-color:#bfdbfe; background:linear-gradient(135deg,#eff6ff,#fff); }
.personnel-reminder-card.exam-reminder.has-action { border-color:#fecaca; background:linear-gradient(135deg,#fff1f2,#fff); }
.personnel-reminder-card.is-complete { background:#f8fafc; }
.personnel-reminder-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:11px; background:#fff; font-size:22px; box-shadow:0 2px 8px rgba(15,23,42,.08); }
.personnel-reminder-copy { min-width:0; }
.personnel-reminder-copy>span { display:block; margin-bottom:3px; color:#64748b; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.personnel-reminder-copy h3 { margin:0; color:#0f172a; font-size:16px; line-height:1.35; }
.personnel-reminder-copy p { margin:5px 0 0; color:#64748b; font-size:13px; line-height:1.45; }
.personnel-reminder-card button { grid-column:1 / -1; width:100%; min-height:43px; border:0; border-radius:9px; background:#2563eb; color:#fff; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.personnel-reminder-card.exam-reminder button { background:#dc2626; }
.personnel-reminder-card button:disabled { background:#e2e8f0; color:#64748b; cursor:default; }

.training-completion-panel { display:flex; gap:18px; max-width:900px; margin:24px auto 60px; padding:24px; box-sizing:border-box; border:1px solid #bfdbfe; border-radius:16px; background:linear-gradient(135deg,#eff6ff,#fff); box-shadow:0 10px 30px rgba(37,99,235,.08); }
.training-completion-icon { display:grid; width:52px; height:52px; flex:0 0 52px; place-items:center; border-radius:50%; background:#dbeafe; color:#1d4ed8; font-size:25px; font-weight:900; }
.training-completion-copy { min-width:0; flex:1; }
.training-completion-copy h2 { margin:0 0 16px; color:#0f172a; font-size:21px; line-height:1.3; }
.training-completion-action { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.training-completion-action>p { width:100%; margin:0; color:#64748b; font-size:13px; }
.exam-ready-copy,.exam-state { display:flex; min-width:240px; flex:1; flex-direction:column; gap:4px; }
.exam-ready-copy strong,.exam-state strong { color:#0f172a; font-size:16px; }
.exam-ready-copy span,.exam-state span { color:#64748b; font-size:13px; line-height:1.45; }
.exam-state { padding:14px 16px; border-radius:10px; }
.exam-state-waiting { background:#fff7ed; }
.exam-state-sent { background:#ecfdf5; }

.pending-exams-panel { max-width:820px; margin:22px auto 0; padding:20px; border:1px solid #fecaca; border-radius:16px; background:#fff; box-shadow:0 8px 28px rgba(15,23,42,.06); }
.pending-exams-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.pending-exams-heading h3 { margin:0; color:#0f172a; font-size:20px; }
.pending-exam-count { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:#fee2e2; color:#b91c1c; font-weight:900; }
.pending-exam-list { display:grid; gap:10px; }
.pending-exam-list article { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid #e2e8f0; border-radius:11px; background:#f8fafc; }
.pending-exam-list article>div { display:flex; min-width:0; flex-direction:column; gap:4px; }
.pending-exam-list strong { color:#1e293b; font-size:15px; }
.pending-exam-list span { color:#64748b; font-size:13px; }
.pending-exam-list button { flex:0 0 auto; padding:9px 13px; border:0; border-radius:8px; background:#dc2626; color:#fff; font-weight:800; cursor:pointer; }

.personnel-exam-shell { width:100%; max-width:840px; margin:20px auto 60px; padding:0 16px; box-sizing:border-box; overflow-x:hidden; }
.personnel-exam-header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; padding:20px; border:1px solid #dbe5ee; border-radius:15px; background:rgba(255,255,255,.96); box-shadow:0 8px 24px rgba(15,23,42,.08); backdrop-filter:blur(10px); }
.personnel-exam-header h1 { margin:0; color:#0f172a; font-size:24px; line-height:1.25; }
.personnel-exam-header p { margin:5px 0 0; color:#64748b; font-size:14px; }
.exam-timer { display:flex; min-width:112px; flex-direction:column; align-items:center; gap:3px; padding:10px 14px; border-radius:10px; background:#0f172a; color:#fff; }
.exam-timer span { font-size:11px; color:#cbd5e1; }
.exam-timer strong { font-size:21px; letter-spacing:.04em; }
.exam-privacy-note { margin-bottom:16px; padding:12px 15px; border-radius:10px; background:#eff6ff; color:#1e40af; font-size:14px; font-weight:700; }
.personnel-question-card { width:100%; min-width:0; margin:0 0 15px; padding:20px; box-sizing:border-box; overflow:hidden; border:1px solid #dbe5ee; border-radius:14px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.personnel-question-title { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:start; gap:11px; width:100%; min-width:0; margin-bottom:16px; }
.personnel-question-title>span { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:#dbeafe; color:#1d4ed8; font-size:16px; font-weight:900; line-height:1; }
.personnel-question-title h2 { min-width:0; margin:3px 0 0; color:#0f172a; font-size:17px; font-weight:800; line-height:1.42; overflow-wrap:anywhere; }
.personnel-options { display:grid; gap:9px; }
.personnel-options label { display:grid; grid-template-columns:20px 30px minmax(0,1fr); align-items:center; gap:10px; width:100%; min-width:0; min-height:50px; padding:9px 12px; box-sizing:border-box; border:1px solid #e2e8f0; border-radius:10px; color:#334155; cursor:pointer; }
.personnel-options label:hover,.personnel-options label:has(input:checked) { border-color:#60a5fa; background:#eff6ff; }
.personnel-options input { width:18px; height:18px; margin:0; accent-color:#2563eb; }
.option-letter { display:grid; width:28px; height:28px; flex:0 0 28px; place-items:center; border-radius:7px; background:#f1f5f9; color:#475569; font-weight:800; }
.personnel-options label>span:last-child { min-width:0; font-size:15px; line-height:1.4; overflow-wrap:anywhere; }
.exam-submit-btn { width:100%; min-height:54px; margin-top:12px; border:0; border-radius:12px; background:#0f172a; color:#fff; font:inherit; font-size:16px; font-weight:900; cursor:pointer; }
.exam-submitted-screen { max-width:620px; margin:70px auto; padding:38px 26px; border:1px solid #bbf7d0; border-radius:18px; background:#fff; text-align:center; box-shadow:0 16px 40px rgba(15,23,42,.08); }
.exam-submitted-icon { display:grid; width:70px; height:70px; margin:0 auto 18px; place-items:center; border-radius:50%; background:#dcfce7; color:#15803d; font-size:34px; font-weight:900; }
.exam-submitted-screen h1 { margin:0 0 12px; color:#0f172a; font-size:27px; }
.exam-submitted-screen p { margin:0 auto 22px; color:#64748b; line-height:1.6; }
.exam-submitted-screen button { padding:12px 19px; border:0; border-radius:10px; background:#2563eb; color:#fff; font-weight:800; cursor:pointer; }

.exam-admin-shell { min-width:0; }
.exam-admin-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
.exam-admin-heading h2 { margin:0; color:#0f172a; font-size:26px; }
.exam-admin-tabs { display:flex; gap:5px; margin-bottom:18px; padding:5px; border-radius:11px; background:#e2e8f0; }
.exam-admin-tabs button { min-height:42px; flex:1; padding:9px 14px; border:0; border-radius:8px; background:transparent; color:#64748b; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.exam-admin-tabs button.is-active { background:#fff; color:#1d4ed8; box-shadow:0 2px 7px rgba(15,23,42,.08); }
.exam-table-wrap { overflow:auto; border:1px solid #e2e8f0; border-radius:13px; background:#fff; }
.exam-table { width:100%; min-width:900px; border-collapse:collapse; }
.exam-table th { padding:13px 14px; background:#f8fafc; color:#64748b; font-size:12px; font-weight:800; text-align:left; text-transform:uppercase; }
.exam-table td { padding:14px; color:#334155; font-size:14px; vertical-align:middle; }
.exam-table td>strong,.exam-table td>span { display:block; }
.exam-table td>span:not(.exam-badge) { margin-top:4px; color:#64748b; font-size:12px; }
.exam-badge { display:inline-flex!important; width:max-content; padding:5px 9px; border-radius:999px; font-size:12px!important; font-weight:800; }
.exam-badge.is-active { background:#dcfce7; color:#166534!important; }
.exam-badge.is-draft { background:#f1f5f9; color:#475569!important; }
.exam-badge.is-failed { background:#fee2e2; color:#991b1b!important; }
.exam-row-actions { display:flex; flex-wrap:wrap; gap:6px; }
.exam-row-actions button,.exam-detail-btn { padding:7px 9px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#334155; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.exam-row-actions button.is-danger { color:#b91c1c; }
.exam-empty { padding:60px 24px; border:1px dashed #cbd5e1; border-radius:14px; background:#fff; text-align:center; }
.exam-empty.compact { padding:42px 20px; }
.exam-empty>div { font-size:38px; }
.exam-empty h3 { margin:10px 0 6px; color:#0f172a; }
.exam-empty p { margin:0 0 18px; color:#64748b; }

.exam-modal-overlay { position:fixed; inset:0; z-index:20000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.66); backdrop-filter:blur(4px); }
.exam-modal-card { width:min(1100px,100%); max-height:92vh; overflow:auto; border-radius:17px; background:#f8fafc; box-shadow:0 24px 80px rgba(15,23,42,.34); }
.exam-modal-header { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 22px; border-bottom:1px solid #e2e8f0; background:#fff; }
.exam-modal-header h2 { margin:0; color:#0f172a; font-size:23px; }
.exam-modal-header>button { width:38px; height:38px; border:0; border-radius:9px; background:#f1f5f9; color:#475569; font-size:25px; cursor:pointer; }
.exam-builder-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; padding:20px 22px; }
.exam-field { display:flex; min-width:0; flex-direction:column; gap:6px; }
.exam-field:first-child,.exam-field:nth-child(2) { grid-column:span 2; }
.exam-field span { color:#475569; font-size:13px; font-weight:800; }
.exam-field input,.exam-field select { width:100%; min-height:44px; box-sizing:border-box; padding:9px 11px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#0f172a; font:inherit; font-size:14px; }
.exam-field input[readonly] { background:#f1f5f9; color:#475569; }
.exam-word-import { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 22px 18px; padding:17px; border:1px solid #bfdbfe; border-radius:12px; background:#eff6ff; }
.exam-word-import>div:first-child { display:flex; min-width:0; flex-direction:column; gap:4px; }
.exam-word-import strong { color:#1e3a8a; font-size:15px; }
.exam-word-import span { color:#64748b; font-size:13px; line-height:1.4; }
.exam-word-actions { display:flex; flex:0 0 auto; align-items:center; gap:12px; }
.exam-word-actions button { padding:10px 14px; border:0; border-radius:8px; background:#2563eb; color:#fff; font-weight:800; cursor:pointer; }
.exam-word-actions a { color:#1d4ed8; font-size:13px; font-weight:800; }
.exam-import-status { flex-basis:100%; margin:0; color:#64748b; font-size:13px; }
.exam-import-status:empty { display:none; }
.exam-import-status[data-tone="success"] { color:#047857; }
.exam-import-status[data-tone="warning"] { color:#b45309; }
.exam-import-status[data-tone="error"] { color:#b91c1c; }
.exam-word-import:has(.exam-import-status:not(:empty)) { flex-wrap:wrap; }
.exam-question-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 22px; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; background:#fff; }
.exam-question-toolbar>div { display:flex; flex-direction:column; gap:3px; }
.exam-question-toolbar strong { color:#0f172a; }
.exam-question-toolbar span { color:#64748b; font-size:12px; }
.exam-question-toolbar button { padding:9px 12px; border:1px solid #93c5fd; border-radius:8px; background:#eff6ff; color:#1d4ed8; font-weight:800; cursor:pointer; }
.exam-question-editor { display:grid; gap:14px; padding:18px 22px; }
.exam-question-empty { padding:35px; border:1px dashed #cbd5e1; border-radius:11px; background:#fff; color:#64748b; text-align:center; }
.exam-question-card { padding:17px; border:1px solid #dbe5ee; border-radius:12px; background:#fff; }
.exam-question-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.exam-question-card-heading strong { color:#0f172a; }
.exam-question-card-heading button { border:0; background:transparent; color:#dc2626; font-size:12px; font-weight:800; cursor:pointer; }
.exam-question-text { width:100%; min-height:64px; box-sizing:border-box; resize:vertical; }
.exam-option-editor { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
.exam-option-editor label { display:flex; align-items:center; gap:8px; padding:7px; border:1px solid #e2e8f0; border-radius:9px; }
.exam-option-editor label:has(input[type="radio"]:checked) { border-color:#60a5fa; background:#eff6ff; }
.exam-option-editor input[type="radio"] { width:17px; height:17px; accent-color:#2563eb; }
.exam-option-editor label>span { display:grid; width:26px; height:26px; flex:0 0 26px; place-items:center; border-radius:6px; background:#e2e8f0; color:#475569; font-size:12px; font-weight:900; }
.exam-option-text { min-width:0; width:100%; border:0!important; box-shadow:none!important; background:transparent!important; }
.exam-question-card small { display:block; margin-top:9px; color:#64748b; }
.exam-modal-footer { position:sticky; bottom:0; z-index:3; display:flex; justify-content:flex-end; gap:10px; padding:15px 22px; border-top:1px solid #e2e8f0; background:#fff; }

.exam-result-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.exam-result-categories button { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:62px; padding:13px; border:1px solid #e2e8f0; border-radius:11px; background:#fff; color:#475569; text-align:left; cursor:pointer; }
.exam-result-categories button.is-active { border-color:#60a5fa; background:#eff6ff; color:#1d4ed8; box-shadow:inset 0 0 0 1px #60a5fa; }
.exam-result-categories span { font-size:13px; font-weight:800; }
.exam-result-categories strong { font-size:22px; }
.exam-result-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.exam-result-filters select,.exam-result-filters input { min-height:43px; box-sizing:border-box; padding:9px 11px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#334155; font:inherit; font-size:13px; }
.exam-result-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:18px 22px; }
.exam-result-summary>div { padding:13px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; }
.exam-result-summary span,.exam-result-summary strong { display:block; }
.exam-result-summary span { margin-bottom:5px; color:#64748b; font-size:12px; font-weight:700; }
.exam-result-summary strong { color:#0f172a; font-size:14px; }
.is-pass-text { color:#15803d!important; }.is-fail-text { color:#b91c1c!important; }
.exam-answer-review { display:grid; gap:10px; padding:0 22px 18px; }
.exam-answer-review article { padding:14px; border-left:4px solid #94a3b8; border-radius:9px; background:#fff; }
.exam-answer-review article.is-correct { border-left-color:#22c55e; }.exam-answer-review article.is-wrong { border-left-color:#ef4444; }
.answer-review-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.answer-review-heading strong { color:#0f172a; font-size:14px; line-height:1.45; }
.answer-review-heading span { flex:0 0 auto; font-size:12px; font-weight:800; }
.is-correct .answer-review-heading span { color:#15803d; }.is-wrong .answer-review-heading span { color:#b91c1c; }
.exam-answer-review p { margin:7px 0 0; color:#64748b; font-size:13px; }

@media (max-width:900px) {
    .academy-hero,.tracking-hero,.queue-hero { grid-template-columns:minmax(0,1fr) 190px; }
    .academy-toolbar { position:relative; top:auto; grid-template-columns:1fr; }
    .exam-builder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .exam-result-categories,.exam-result-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:640px) {
    #wrapper.academy-list-mode .main { padding:72px 12px 20px!important; }
    .academy-shell { margin-bottom:42px; font-size:16px; }
    .academy-hero,.tracking-hero,.queue-hero { grid-template-columns:1fr; gap:17px; margin-bottom:12px; padding:20px 17px; border-radius:17px; }
    .academy-hero h1,.tracking-hero h1,.queue-hero h1 { font-size:25px; }
    .academy-hero p,.tracking-hero p,.queue-hero p { font-size:14px; line-height:1.55; }
    .academy-progress-card { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:0 12px; padding:14px; }
    .academy-progress-card strong { grid-row:1/3; font-size:27px; }
    .academy-progress-card span { margin:0; }
    .academy-progress-card>div { grid-column:1/-1; margin-top:11px; }
    .academy-toolbar { margin-bottom:23px; padding:9px; border-radius:14px; }
    .academy-search { min-height:44px; }
    .academy-filter-tabs { width:100%; }
    .academy-filter-tabs button { min-height:40px; }
    .academy-track-list { gap:27px; }
    .academy-section-heading,.tracking-section-heading { align-items:center; }
    .academy-section-heading h2,.tracking-section-heading h2 { font-size:19px; }
    .academy-course-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
    .academy-course-card { min-height:0; padding:16px; border-radius:14px; }
    .academy-course-card h3 { font-size:16px; }
    .academy-course-card:hover { transform:none; }
    .tracking-section { margin-top:25px; }
    .tracking-section.is-complete-list { padding-top:24px; }
    .queue-count { display:flex; align-items:center; justify-content:center; gap:8px; padding:13px; }
    .queue-count strong { font-size:27px; }
    .queue-count span { margin:0; }
    .exam-queue-card { grid-template-columns:38px minmax(0,1fr); gap:12px; padding:15px; }
    .exam-queue-number { width:38px; height:38px; border-radius:11px; }
    .exam-queue-card>button { grid-column:1/-1; }
    .training-completion-panel { margin:16px 12px 40px; padding:18px; }
    .training-completion-icon { width:42px; height:42px; flex-basis:42px; }
    .training-completion-copy h2 { font-size:18px; }
    .training-completion-action,.pending-exam-list article,.exam-admin-heading,.personnel-exam-header,.exam-word-import { align-items:stretch; flex-direction:column; }
    .training-completion-action .exam-primary-btn,.pending-exam-list button { width:100%; }
    .pending-exams-panel { margin:16px 12px 0; padding:15px; }
    .personnel-exam-shell { margin-top:12px; padding:0 12px; }
    .personnel-exam-header { position:relative; padding:16px; }
    .personnel-exam-header h1 { font-size:20px; }
    .exam-timer { width:100%; box-sizing:border-box; }
    .personnel-question-card { padding:15px 14px; border-radius:13px; }
    .personnel-question-title { grid-template-columns:32px minmax(0,1fr); gap:10px; margin-bottom:14px; }
    .personnel-question-title>span { width:32px; height:32px; }
    .personnel-question-title h2 { margin-top:2px; font-size:16px; line-height:1.38; }
    .personnel-options label { grid-template-columns:20px 28px minmax(0,1fr); gap:9px; min-height:52px; padding:9px 10px; }
    .exam-modal-overlay { padding:0; }
    .exam-modal-card { width:100%; height:100%; max-height:none; border-radius:0; }
    .exam-builder-grid,.exam-result-categories,.exam-result-filters,.exam-result-summary,.exam-option-editor { grid-template-columns:1fr; }
    .exam-field:first-child,.exam-field:nth-child(2) { grid-column:span 1; }
    .exam-word-actions { width:100%; flex-wrap:wrap; }
    .exam-admin-heading .exam-primary-btn,.exam-admin-heading .exam-secondary-btn { width:100%; }
    .exam-admin-tabs { flex-direction:column; }
}

@media (min-width:900px) {
    .personnel-reminder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}