/* ELAK Deneme Sonuc — v3.3.48 visual refresh.
 * Design-only layer. Does not alter results, forms, JS events, or permissions.
 * Loaded AFTER assets/app.css. Print reports intentionally left untouched.
 */
@media screen {
:root {
  --navy: #285676;
  --navy2: #193e5b;
  --blue: #417fa8;
  --sky: #edf5fb;
  --teal: #248b83;
  --green: #2d9779;
  --orange: #c78a48;
  --red: #c45b64;
  --ink: #263d50;
  --muted: #6b7c8d;
  --line: #e2e9f0;
  --paper: #fff;
  --bg: #f6f8fb;
  --shadow: 0 5px 22px rgba(32,66,91,.055);
  --radius: 17px;
  --a-bg: #f6f8fb;
  --a-paper: #fff;
  --a-ink: #284153;
  --a-muted: #758797;
  --a-line: #e4eaf1;
  --a-blue: #4d86ac;
  --a-blue-soft: #f0f6fc;
  --a-green: #349984;
  --a-green-soft: #edf8f4;
  --a-orange: #c68b4c;
  --a-orange-soft: #fff7ee;
  --a-purple: #8371ac;
  --a-purple-soft: #f6f2fb;
  --a-cyan: #5096a6;
  --a-cyan-soft: #eff8fa;
  --a-pink: #ba7c98;
  --a-pink-soft: #fcf2f6;
  --a-shadow: 0 6px 24px rgba(38,66,92,.045);
  --a-shadow-hover: 0 12px 28px rgba(38,66,92,.085);
  --a-radius: 17px;
  --a-sidebar: 256px;
}
html {scrollbar-gutter: stable;scroll-behavior:smooth}
body {background:#f6f8fb;color:#284153;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,body.mode-admin {line-height:1.53}
button,input,select,textarea {font-family:inherit}
button,select,input[type="checkbox"],input[type="radio"],summary {accent-color:#4b8caa}
img,svg,video,canvas {max-width:100%}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid rgba(66,137,168,.28);outline-offset:2px}
:where(button,a,.btn) { -webkit-tap-highlight-color: transparent; }

/* Shared structure, card rhythm, understated hierarchy */
.mode-admin .page-wrap {padding:24px 28px 46px!important;min-width:0}
.mode-admin .page-wrap > * {min-width:0;max-width:100%}
.mode-admin .footer {color:#8a98a7!important}
.mode-admin h1,.mode-admin h2,.mode-admin h3 {letter-spacing:-.018em!important;font-weight:600!important;color:#25445c}
.mode-admin .section-heading {gap:14px!important;margin-bottom:20px!important}
.mode-admin .section-heading h1 {font-size:clamp(21px,2.1vw,27px)!important;font-weight:600!important;line-height:1.22!important}
.mode-admin .section-heading p {font-size:13.5px!important;font-weight:400!important;line-height:1.55!important}
.mode-admin .admin-kicker-v280 {font-weight:550!important;letter-spacing:.05em!important}
.mode-admin strong,.mode-admin b {font-weight:600}
.mode-admin .small {font-size:12.5px!important}
.mode-admin .card,.mode-admin .panel,.mode-admin .box,
.mode-admin .admin-box-v280 {
  border:1px solid #e4ebf1!important;border-radius:17px!important;
  box-shadow:0 5px 22px rgba(37,68,93,.045)!important;
  background:#fff!important;
}
.mode-admin .card,.mode-admin .panel,.mode-admin .box {padding:18px!important}
.mode-admin .card-title h2,.mode-admin .card-title h3 {font-size:17px!important;font-weight:600!important}
.mode-admin .grid,.mode-admin .grid-2,.mode-admin .grid-3,.mode-admin .grid-4{gap:14px!important}
.mode-admin hr {border:0;border-top:1px solid #e8eef3}

/* Sidebar: compact enough to fit comfortably without sacrificing legibility */
.mode-admin .admin-sidebar-v300 {width:var(--a-sidebar)!important;padding:14px 11px 12px!important;background:#fbfcfe!important;border-right:1px solid #e5ebf1!important;box-shadow:6px 0 20px rgba(39,61,81,.025)!important;scrollbar-width:thin;scrollbar-color:#d6e2ec transparent}
.mode-admin .admin-sidebar-brand-v300 {padding:5px 7px 13px!important;margin-bottom:10px!important;gap:10px}
.mode-admin .admin-sidebar-mark-v300 {width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important;background:linear-gradient(145deg,#91b9cf,#558fa9)!important;box-shadow:none!important;font-weight:600!important}
.mode-admin .admin-sidebar-brand-copy-v300 strong {font-size:13.5px!important;font-weight:600!important;max-width:170px}
.mode-admin .admin-sidebar-brand-copy-v300 small {font-size:10.5px!important;color:#8293a1}
.mode-admin .admin-sidebar-school-v300 {padding:10px 11px!important;margin:0 2px 10px!important;border-radius:12px!important;background:#f0f6fa!important;border-color:#e2ebf1!important}
.mode-admin .admin-sidebar-school-v300 .label {font-weight:550!important;color:#7c8b9a!important;font-size:9.5px!important;letter-spacing:.07em!important}
.mode-admin .admin-sidebar-school-v300 strong {font-weight:550!important;font-size:12px!important}
.mode-admin .admin-sidebar-school-v300 select {font-weight:500!important;font-size:12px!important}
.mode-admin .admin-nav-caption-v300 {padding:7px 10px 4px!important;font-weight:600!important;letter-spacing:.075em!important;font-size:10px!important}
.mode-admin .admin-nav-caption-v300.second {margin-top:8px!important;padding-top:12px!important}
.mode-admin .admin-sidebar-nav-v300 {gap:3px!important}
.mode-admin .admin-sidebar-nav-v300 a {grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;min-height:47px!important;padding:6px 9px!important;border-radius:11px!important}
.mode-admin .admin-sidebar-nav-v300 a i {width:31px!important;height:31px!important;border-radius:10px!important;font-size:16px!important;font-weight:500!important}
.mode-admin .admin-sidebar-nav-v300 a strong {font-size:12.8px!important;font-weight:550!important;line-height:1.2!important}
.mode-admin .admin-sidebar-nav-v300 a small {font-size:10px!important;font-weight:400!important;margin-top:2px!important;color:#8799a7!important}
.mode-admin .admin-sidebar-nav-v300 a.active:before {left:-10px!important;top:9px;bottom:9px;width:3px!important}
.mode-admin .admin-sidebar-nav-v300 a:hover {transform:none!important;box-shadow:none!important}
.mode-admin .admin-sidebar-bottom-v300 {gap:6px!important;margin-top:8px!important;padding-top:10px!important}
.mode-admin .admin-sidebar-bottom-v300 a {height:37px!important;font-size:11px!important;font-weight:550!important}

/* Dashboard: softer, smaller cards and a clear reading order */
.mode-admin .admin-dashboard-v280 {gap:15px!important}
.mode-admin .admin-hero-v280 {align-items:center!important;gap:14px!important}
.mode-admin .admin-hero-v280 h1 {font-size:clamp(23px,2.1vw,28px)!important;font-weight:600!important;line-height:1.22!important;color:#233f55!important}
.mode-admin .admin-hero-v280 p {font-size:13.5px!important;color:#6e8192!important;line-height:1.5!important}
.mode-admin .admin-action-grid-v280 {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:11px!important}
.mode-admin .action-card-v280 {min-height:90px!important;padding:14px!important;border-radius:16px!important;border:1px solid #e2eaf0!important;box-shadow:0 5px 18px rgba(31,68,93,.045)!important;transition:box-shadow .17s ease,transform .17s ease!important}
.mode-admin .action-card-v280:hover {transform:translateY(-2px)!important;box-shadow:0 11px 24px rgba(31,68,93,.08)!important}
.mode-admin .action-card-v280 strong {font-size:13px!important;font-weight:600!important;line-height:1.3!important}
.mode-admin .action-card-v280 small {font-size:11px!important;font-weight:400!important;line-height:1.4!important}
.mode-admin .action-card-v280 .ico {border-radius:12px!important;box-shadow:none!important}
.mode-admin .stat-card-v280 {border-radius:16px!important;min-height:91px!important;padding:14px!important;box-shadow:0 5px 18px rgba(31,68,93,.045)!important}
.mode-admin .stat-card-v280 strong {font-weight:600!important;font-size:24px!important}
.mode-admin .stat-card-v280 small {font-weight:500!important;font-size:10px!important;letter-spacing:.035em!important}
.mode-admin .stat-card-v280 em {font-size:11px!important;font-style:normal!important;opacity:.8}
.mode-admin .box-head-v280 h2 {font-size:18px!important;font-weight:600!important}
.mode-admin .box-head-v280 p {font-size:12.5px!important;line-height:1.45!important}
.mode-admin .exam-item-v280 {border-bottom:1px solid #edf1f5!important}
.mode-admin .exam-item-v280 strong {font-weight:550!important}

/* Pastel KPI palette: less visual noise, clearer semantic distinction */
.mode-admin .stat-card-v280.s-blue {background:#edf5fb!important;color:#315d7e!important;border-color:#dbe9f3!important}
.mode-admin .stat-card-v280.s-green {background:#eaf7f2!important;color:#2b7865!important;border-color:#d5ede3!important}
.mode-admin .stat-card-v280.s-violet {background:#f3f0fb!important;color:#63568c!important;border-color:#e5dff4!important}
.mode-admin .stat-card-v280.s-orange {background:#fff4e8!important;color:#886139!important;border-color:#f3e4d1!important}
.mode-admin .stat-card-v280>span {background:rgba(255,255,255,.70)!important}
.mode-admin .stat-card-v280:after {opacity:.35!important}
.mode-admin .action-card-v280.c-green .ico {background:#d8f1e7!important;color:#287d65!important}
.mode-admin .action-card-v280.c-blue .ico {background:#ddecfa!important;color:#3c78a1!important}
.mode-admin .action-card-v280.c-orange .ico {background:#fbe8d4!important;color:#a7753f!important}
.mode-admin .action-card-v280.c-violet .ico {background:#e9e2f8!important;color:#74639d!important}
.mode-admin .action-card-v280.c-cyan .ico {background:#d9eff4!important;color:#407e91!important}
.mode-admin .action-card-v280.c-teal .ico {background:#d8f0ed!important;color:#43857d!important}

/* Form controls and the button system */
.mode-admin .form-label,.mode-admin label:not(.check):not(.scan-confirm-v330) {font-weight:500}
.mode-admin .form-label {font-size:12.5px!important;font-weight:550!important;color:#425f73!important;margin-bottom:7px!important}
.mode-admin .form-control,.mode-admin select.form-control,.mode-admin input.form-control,
.mode-admin textarea.form-control {background:#fff!important;border:1px solid #d8e3eb!important;border-radius:11px!important;min-height:41px!important;box-shadow:0 1px 2px rgba(36,64,86,.025)!important;font-size:13.5px!important;font-weight:400!important;color:#284559!important}
.mode-admin textarea.form-control {min-height:76px!important}
.mode-admin .form-control:focus {outline:0!important;border-color:#79acc5!important;box-shadow:0 0 0 3px rgba(88,155,182,.13)!important}
.mode-admin input[type=file] {max-width:100%;font-size:12px;color:#577388}
.mode-admin input[type=file]::file-selector-button {border:1px solid #cedfe9;background:#eef5fa;border-radius:9px;padding:8px 10px;color:#315c76;margin-right:10px;cursor:pointer}
.mode-admin .form-help {font-size:12px!important;line-height:1.5!important;color:#788b9a!important}
.mode-admin .btn,.mode-admin .btn-v280,.mode-admin button[type=submit]:not(.admin-nav-toggle-v300) {font-weight:550!important;letter-spacing:0!important}
.mode-admin .btn {min-height:39px!important;border-radius:10px!important;padding:9px 13px!important;font-size:12.5px!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;box-shadow:none!important;transform:none!important}
.mode-admin .btn:hover {filter:brightness(.98);box-shadow:0 5px 12px rgba(46,79,101,.07)!important;transform:none!important}
.mode-admin .btn-sm {min-height:33px!important;padding:6px 10px!important;font-size:11.5px!important}
.mode-admin .btn-primary {background:#447fa8!important;border-color:#447fa8!important;color:#fff!important}
.mode-admin .btn-success {background:#318e77!important;border-color:#318e77!important}
.mode-admin .btn-warning {background:#c58b4b!important;border-color:#c58b4b!important}
.mode-admin .btn-danger {background:#bf606b!important;border-color:#bf606b!important}
.mode-admin .btn-soft,.mode-admin .btn-outline {border:1px solid #d5e1eb!important;background:#f8fbfd!important;color:#42647d!important}
.mode-admin .actions,.mode-admin .section-heading .actions,.mode-admin .exam-top-actions-v334 {gap:8px!important;flex-wrap:wrap!important}
.mode-admin .badge {font-weight:550!important;border-radius:999px!important;padding:4px 8px!important;font-size:11px!important;line-height:1.3!important}
.mode-admin .pill-tabs a {font-size:12px!important;font-weight:550!important;border-radius:9px!important}
.mode-admin .alert,.mode-admin .file-note {border-radius:12px!important;font-weight:400!important;line-height:1.55!important}
.mode-admin .alert strong,.mode-admin .file-note strong {font-weight:600!important}

/* Tables: prevent page-wide overflow; preserve all columns via horizontal scrolling */
.mode-admin .table-wrap,.mode-admin .table-responsive,.mode-admin .table-scroll {max-width:100%!important;min-width:0;overflow-x:auto!important;overscroll-behavior-x:contain;border-radius:13px!important;border:1px solid #e3eaf0!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:#bdd0dc #eef4f8}
.mode-admin .table-wrap::-webkit-scrollbar {height:8px}
.mode-admin .table-wrap::-webkit-scrollbar-thumb {background:#bbccda;border-radius:10px}
.mode-admin .table-wrap::-webkit-scrollbar-track {background:#edf3f7;border-radius:10px}
.mode-admin .table {font-size:12.5px!important;border-collapse:separate!important;border-spacing:0!important;line-height:1.45!important}
.mode-admin .table th {background:#f4f8fb!important;color:#576e81!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.01em!important;padding:11px 12px!important;vertical-align:middle!important;border-bottom:1px solid #e3ebf1!important}
.mode-admin .table td {padding:10px 12px!important;border-bottom:1px solid #edf2f6!important;vertical-align:middle;font-weight:400!important}
.mode-admin .table tbody tr:hover td {background:#f9fbfd}
.mode-admin .table tbody tr:last-child td {border-bottom:0!important}
.mode-admin .table td strong {font-weight:550!important}
.mode-admin .table td small {font-size:11px!important;color:#778c9a}
.mode-admin .table .badge {white-space:normal!important}

/* TXT reader and matching UI */
.mode-admin .scan-step-head-v330 {align-items:center!important;gap:12px!important}
.mode-admin .scan-step-head-v330>span {width:35px!important;flex-basis:35px!important;height:35px!important;border-radius:11px!important;background:#e8f3f7!important;color:#387a9a!important;font-size:16px!important;font-weight:600!important}
.mode-admin .scan-step-head-v330 h2 {font-size:18px!important;font-weight:600!important}
.mode-admin .scan-step-head-v330 p {font-size:12px!important}
.mode-admin .scan-upload-v330,.mode-admin .scan-mode-v330 {background:#f8fbfd!important;border:1px dashed #d0e0e9!important;border-radius:14px!important;padding:14px!important}
.mode-admin .scan-upload-v330 strong,.mode-admin .scan-info-grid-v330 strong {font-weight:600!important}
.mode-admin .scan-subjects-v330 span,.mode-admin .scan-bundle-stats-v330 span {background:#f3f8fb!important;border-color:#e1edf2!important;border-radius:9px!important;font-size:12px!important}
.mode-admin .scan-confirm-v330 {background:#f3f9f7!important;border-color:#d8eae5!important;border-radius:14px!important}
.mode-admin .scan-match-table-v330 {min-width:950px!important}
.mode-admin .scan-match-table-v330 td {vertical-align:top!important}
.mode-admin .scan-student-select-v330 {min-width:225px!important}
.mode-admin .scan-match-choice-v326 {min-width:220px!important;max-width:360px!important}
.mode-admin .scan-match-choice-v326 select,.mode-admin .scan-student-search-v326 {font-size:12px!important;border-radius:10px!important}
.mode-admin .scan-candidate-v326 {background:#f6f9fc!important;border-color:#e0eaf1!important;border-radius:10px!important;padding:8px 10px!important;line-height:1.4!important}
.mode-admin .scan-candidate-v326:hover {background:#edf5fb!important;border-color:#a9ccdf!important}
.mode-admin .scan-picked-v326 {background:#ebf7f2!important;border-color:#b6decf!important}
.mode-admin .scan-reason-v326 {background:#fff9ef!important;border-color:#efdfc5!important;color:#805f38!important;font-size:11.5px!important;font-weight:400!important}
.mode-admin .scan-progress-dialog-v326 {border-radius:20px!important;border:1px solid #e1ebf2!important;box-shadow:0 22px 64px rgba(25,50,74,.22)!important}
.mode-admin .scan-progress-dialog-v326 h2 {font-weight:600!important}
.mode-admin .scan-unmatched-row-v330 td {background:#fffaf7!important}

/* Report controls, tabs, and pop-up dialogs */
.mode-admin .modal-card,.mode-admin .ui-modal-dialog-v320,.mode-admin .exam-modal-dialog-v302,
.mode-admin .report-modal-dialog-v310,.mode-admin .scan-progress-dialog-v326,
.mode-admin .pwa-install-modal-card {border-radius:18px!important;border:1px solid #e1eaf0!important;box-shadow:0 22px 70px rgba(26,53,75,.19)!important}
.mode-admin .modal-backdrop,.mode-admin .ui-modal-v320,.mode-admin .exam-modal-v302,
.mode-admin .report-modal-v310 {backdrop-filter:blur(3px)}
.mode-admin .ui-modal-dialog-v320>header,.mode-admin .report-modal-head-v310 {background:#f7fafc!important;border-bottom-color:#e5edf2!important}
.mode-admin .ui-modal-dialog-v320>header h2,.mode-admin .report-modal-head-v310 h2 {font-size:19px!important;font-weight:600!important}
.mode-admin .ui-modal-body-v320 {font-size:13.5px!important}
.mode-admin .report-modal-tabs-v310 button {font-weight:550!important;font-size:12.5px!important}
.mode-admin .upload-drop {background:#f7fbfd!important;border-color:#cadde8!important;border-radius:13px!important}
.mode-admin .exam-form-section-v300 {border-radius:14px!important;background:#fafcfe!important;border-color:#e1ebf1!important}
.mode-admin .exam-form-section-head-v300>span {font-weight:600!important}
.mode-admin .exam-filter-v334,.mode-admin .exam-advanced-panel-v334 {border-radius:15px!important}
.mode-admin .teacher-card-v3317 {border-color:#e1eaf1!important;border-radius:13px!important}
.mode-admin .teacher-card-v3317>summary {background:#f8fafc!important}

/* Student/parent area keeps the same visual language without touching score charts */
.mode-student .topbar,.mode-public .topbar {background:linear-gradient(110deg,#315b7e,#407e90)!important;box-shadow:0 4px 16px rgba(40,70,95,.09)!important}
.mode-student .topnav a,.mode-public .topnav a {font-weight:500!important;font-size:12.5px!important}
.mode-student .brand strong,.mode-public .brand strong {font-weight:600!important}
.mode-student .card,.mode-public .card,.mode-student .subject-card,.mode-public .subject-card,
.mode-student .metric,.mode-public .metric {border:1px solid #e3ebf0!important;border-radius:16px!important;box-shadow:0 5px 18px rgba(32,66,91,.05)!important}
.mode-student h1,.mode-public h1 {font-weight:650}
.mode-student h2,.mode-public h2,.mode-student h3,.mode-public h3 {font-weight:600}
.mode-student .btn,.mode-public .btn {font-weight:550!important;border-radius:10px!important}
.mode-student .table-wrap,.mode-public .table-wrap {overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#bed1dd #f2f6f9}
.mode-student .form-label,.mode-public .form-label {font-weight:550}
.mode-student .topnav,.mode-public .topnav {min-width:0}
}

/* Responsive improvements live at the end to override historical UI styles. */
@media screen and (max-width:1380px) {
  :root {--a-sidebar:244px}
  .mode-admin .page-wrap {padding:22px 22px 42px!important}
  .mode-admin .admin-action-grid-v280 {grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
}
@media screen and (max-width:1099px) {
  body.mode-admin {padding-top:60px!important}
  .mode-admin .admin-mobile-bar-v300 {height:60px!important;padding:8px 14px!important;gap:10px!important;background:#fbfdff!important;box-shadow:0 3px 15px rgba(29,59,77,.08)!important}
  .mode-admin .admin-nav-toggle-v300 {font-weight:500!important;background:#edf5fa!important;border-color:#d4e3ec!important;border-radius:11px!important}
  .mode-admin .admin-mobile-brand-v300 strong {font-size:12.5px!important;font-weight:600!important}
  .mode-admin .admin-mobile-brand-v300 small {color:#788b9a!important}
  .mode-admin .admin-mobile-portal-v300 {background:#edf7f3!important;font-weight:550!important}
  .mode-admin .admin-sidebar-v300 {width:min(86vw,286px)!important;box-shadow:12px 0 38px rgba(30,56,80,.15)!important}
  .mode-admin .page-wrap {margin-left:0!important;padding:20px 16px 38px!important}
  .mode-admin .admin-hero-v280 {align-items:flex-start!important}
  .mode-admin .admin-action-grid-v280 {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mode-admin .admin-content-grid-v280 {grid-template-columns:1fr!important}
}
@media screen and (max-width:760px) {
  html {scrollbar-gutter:auto}
  .mode-admin .page-wrap {padding:16px 12px 30px!important}
  .mode-admin .section-heading {flex-direction:column!important;align-items:stretch!important;gap:9px!important;margin-bottom:16px!important}
  .mode-admin .section-heading h1 {font-size:22px!important}
  .mode-admin .section-heading p {font-size:12.5px!important}
  .mode-admin .section-heading .actions {width:100%;justify-content:flex-start!important}
  .mode-admin .admin-hero-v280 h1 {font-size:22px!important}
  .mode-admin .admin-hero-v280 p {font-size:12.5px!important}
  .mode-admin .admin-action-grid-v280 {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .mode-admin .action-card-v280 {min-height:82px!important;padding:12px!important}
  .mode-admin .admin-stat-grid-v280 {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .mode-admin .stat-card-v280 {min-height:79px!important;padding:12px!important}
  .mode-admin .stat-card-v280 strong {font-size:21px!important}
  .mode-admin .card,.mode-admin .panel,.mode-admin .box {padding:14px!important;border-radius:14px!important}
  .mode-admin .grid-2,.mode-admin .grid-3,.mode-admin .grid-4 {grid-template-columns:1fr!important}
  .mode-admin .scan-grid-v330,.mode-admin .scan-files-v330 {grid-template-columns:1fr!important}
  .mode-admin .scan-confirm-v330,.mode-admin .scan-submit-v330 {display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .mode-admin .scan-confirm-v330>.btn,.mode-admin .scan-submit-v330>.btn {width:100%}
  .mode-admin .table-wrap::before {
    content:"Tablonun diğer sütunları için yana kaydırın →";
    display:block;position:sticky;left:0;z-index:2;width:max-content;max-width:100%;
    padding:5px 11px;background:#edf5fa;color:#567991;border-bottom:1px solid #dfebf3;
    border-radius:0 0 8px 0;font-size:10.5px;font-weight:500;
  }
  .mode-admin .scan-match-table-v330 {min-width:900px!important}
  .mode-admin .scan-match-choice-v326 {min-width:195px!important}
  .mode-admin .exam-top-actions-v334 {display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .mode-admin .exam-top-actions-v334>* {flex:1 1 calc(50% - 8px);min-width:0}
  .mode-admin .form-row,.mode-admin .report-filter-v280,.mode-admin .search-row {grid-template-columns:1fr!important}
  .mode-admin .ui-modal-dialog-v320,.mode-admin .exam-modal-dialog-v302,.mode-admin .report-modal-dialog-v310 {max-height:calc(100dvh - 20px)!important}
  .mode-admin .ui-modal-body-v320,.mode-admin .report-modal-body-v310 {padding:13px!important}
  .mode-admin .modal-grid-v320 {grid-template-columns:1fr!important}
  .mode-student .page-wrap,.mode-public .page-wrap {padding:16px 12px 38px!important}
  .mode-student .topnav,.mode-public .topnav {overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
  .mode-student .topnav a,.mode-public .topnav a {white-space:nowrap}
}
@media screen and (max-width:480px) {
  .mode-admin .admin-action-grid-v280 {grid-template-columns:1fr 1fr!important}
  .mode-admin .action-card-v280 {grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;min-height:92px!important}
  .mode-admin .action-card-v280 .ico {width:33px!important;height:33px!important}
  .mode-admin .action-card-v280>b:last-child {display:none!important}
  .mode-admin .action-card-v280 strong {font-size:12px!important}
  .mode-admin .action-card-v280 small {font-size:10px!important;line-height:1.3!important}
  .mode-admin .admin-stat-grid-v280 {grid-template-columns:1fr 1fr!important}
  .mode-admin .stat-card-v280 {gap:8px!important;padding:11px!important}
  .mode-admin .stat-card-v280>span {font-size:18px!important}
  .mode-admin .stat-card-v280 strong {font-size:20px!important}
  .mode-admin .stat-card-v280 em {font-size:10px!important}
  .mode-admin .exam-top-actions-v334>* {flex-basis:100%}
  .mode-admin .admin-mobile-brand-v300 .admin-mobile-mark-v300 {width:31px!important;height:31px!important}
  .mode-admin .table {font-size:12px!important}
  .mode-admin .modal-backdrop {padding:8px!important}
  .mode-admin .modal-card {padding:14px!important;max-height:calc(100dvh - 16px)!important}
  .mode-admin .scan-progress-dialog-v326 {padding:20px 15px!important}
}
@media screen and (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto}
  .mode-admin .action-card-v280,.mode-admin .btn,.mode-admin .admin-sidebar-nav-v300 a {transition:none!important;animation:none!important}
  .mode-admin .action-card-v280:hover {transform:none!important}
}
@media print {
  /* Existing print styles and report sizes are not changed by the redesign. */
}