.nav-button:disabled, .mobile-bottom-nav button:disabled { color: #a6a6ad; cursor: not-allowed; opacity: .7; }
.exam-unopened-badge { margin-left: auto; padding: 2px 6px; border-radius: 5px; color: #92929b; background: #ededf0; font-size: 10px; line-height: 1.6; white-space: nowrap; }
.mobile-bottom-nav .exam-unopened-badge { position: absolute; top: 3px; right: 3px; font-size: 8px; }
.exam-center-bar, .exam-bulk-bar { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 18px; border: 1px solid #e5e6eb; border-radius: 10px; background: #fff; }
.exam-center-bar { margin-bottom: 14px; }
.exam-center-tabs, .exam-bulk-bar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.exam-center-tabs button, .exam-text-button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 0; border-radius: 7px; color: #757580; background: transparent; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.exam-center-tabs button.is-active { color: #f5222d; background: #fff1f2; }
.exam-center-tabs svg, .exam-light-button svg { width: 16px; height: 16px; flex-shrink: 0; }
.exam-light-button { min-height: 36px; display: inline-flex; justify-content: center; align-items: center; gap: 7px; padding: 7px 13px; border: 1px solid #e1e2e7; border-radius: 8px; color: #53535e; background: #fff; font-size: 12px; font-weight: 650; text-decoration: none; cursor: pointer; white-space: nowrap; }
.exam-light-button:hover { border-color: #ffbfc5; color: #f5222d; }
.exam-light-button.is-primary { color: #fff; background: #f5222d; border-color: #f5222d; }
.exam-light-button:disabled { opacity: .4; cursor: not-allowed; }
.exam-bulk-bar { border: 0; border-bottom: 1px solid #ededf0; border-radius: 0; font-size: 12px; color: #7c7c87; }
.exam-bulk-bar strong { color: #f5222d; }
.exam-training-table.has-selection th.exam-select-cell, .exam-training-table.has-selection td.exam-select-cell { width: 40px; padding: 10px 8px 10px 14px; text-align: center; }
.exam-select-cell input, .exam-recipient-toolbar input[type=checkbox], .exam-recipient-row input { width: 16px; height: 16px; accent-color: #f5222d; cursor: pointer; }
.exam-training-table.has-selection th:nth-child(2) { width: 45px; min-width: 0; }
.exam-training-table.has-selection th:nth-child(3) { width: 82px; min-width: 0; }
.exam-training-table.has-selection th:nth-child(4) { width: auto; min-width: 190px; }
.exam-training-table.has-selection th:nth-child(5) { width: 70px; min-width: 0; }
.exam-training-table.has-selection th:nth-child(6) { width: auto; min-width: 180px; }
.exam-training-table.has-selection th:nth-child(7) { width: 60px; text-align: center; }
.exam-task-list { display: grid; gap: 12px; }
.exam-task-card { padding: 20px; display: flex; align-items: center; gap: 16px; border: 1px solid #e5e6eb; border-radius: 12px; background: #fff; }
.exam-task-card-icon { width: 44px; height: 44px; display: grid; place-items: center; flex-shrink: 0; border-radius: 10px; color: #f5222d; background: #fff1f2; }
.exam-task-card-icon svg { width: 22px; height: 22px; }
.exam-task-copy { min-width: 0; flex: 1; }
.exam-task-copy > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.exam-task-copy h2 { margin: 0; font-size: 15px; line-height: 1.6; }
.exam-task-copy p { margin: 6px 0; color: #777783; font-size: 12px; }
.exam-task-copy small { color: #92929c; font-size: 11px; }
.exam-task-type, .exam-task-status { padding: 3px 7px; border-radius: 5px; color: #777783; background: #f3f3f6; font-size: 11px; white-space: nowrap; }
.exam-task-status.is-done, .exam-open-mark { color: #16845b; background: #eaf7f1; }
.exam-center-empty { min-height: 220px; display: grid; justify-items: center; align-content: center; gap: 12px; color: #8b8b95; border: 1px solid #e5e6eb; border-radius: 12px; background: #fff; }
.exam-center-empty svg { width: 32px; height: 32px; }
.exam-center-empty strong { color: #575761; font-size: 14px; }
.exam-center-empty p { margin: 0; font-size: 12px; }
.exam-access-button { margin: 0 0 0 6px; padding: 4px 8px; border: 1px solid #e0e1e6; border-radius: 6px; color: #868690; background: #f7f7f9; font-size: 11px; cursor: pointer; }
.exam-access-button.is-open { color: #17835c; border-color: #ccebdc; background: #effaf5; }
.exam-center-dialog { width: min(680px, calc(100vw - 28px)); max-height: calc(100dvh - 40px); padding: 0; overflow: auto; border: 1px solid #e5e6eb; border-radius: 16px; color: #292932; background: #fff; box-shadow: 0 24px 80px #0003; }
.exam-center-dialog::backdrop { background: #17192260; backdrop-filter: blur(3px); }
.exam-center-dialog { width: min(760px,calc(100vw - 28px)); }
.exam-center-dialog > header { padding: 22px 24px; display: flex; justify-content: space-between; align-items: start; gap: 12px; border-bottom: 1px solid #eeeeF2; }
.exam-center-dialog h2 { margin: 0 0 7px; font-size: 21px; }
.exam-center-dialog header p { margin: 0; color: #83838f; font-size: 12px; line-height: 1.6; }
.exam-dialog-close { width: 32px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid #e4e5eb; border-radius: 8px; color: #878792; background: #fff; cursor: pointer; flex-shrink: 0; }
.exam-dialog-close svg { display: block; width: 18px; height: 18px; flex: none; }
.exam-dialog-body { padding: 20px 24px; }
.exam-wizard-progress { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:-4px 0 18px; }
.exam-wizard-progress-step { min-width:0; display:flex; align-items:center; gap:7px; color:#a0a4ad; font-size:11px; white-space:nowrap; }
.exam-wizard-progress-step>span { width:23px; height:23px; display:grid; place-items:center; flex:none; border:1px solid #e0e3e9; border-radius:50%; background:#fff; font-size:11px; font-weight:650; }
.exam-wizard-progress-step.is-current { color:#d61f31; }
.exam-wizard-progress-step.is-current>span,.exam-wizard-progress-step.is-done>span { color:#fff; border-color:#ef3340; background:#ef3340; }
.exam-wizard-content { min-height:225px; }
.exam-wizard-intro { margin:0 0 14px; padding:14px 16px; border:1px solid #e9ebf0; border-radius:10px; background:#fafbfc; }
.exam-wizard-intro strong { color:#333943; font-size:14px; }
.exam-wizard-intro p { margin:6px 0 0; color:#7c838e; font-size:12px; line-height:1.7; }
.exam-wizard-papers { display:grid; gap:8px; max-height:260px; overflow:auto; }
.exam-wizard-paper { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 13px; border:1px solid #e8eaef; border-radius:9px; background:#fff; }
.exam-wizard-paper-mark { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; color:#ef3340; background:#fff1f2; }
.exam-wizard-paper-mark svg { width:17px; height:17px; }
.exam-wizard-paper>div { min-width:0; display:grid; gap:4px; }
.exam-wizard-paper>div strong { overflow:hidden; color:#353a43; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.exam-wizard-paper>div small { color:#8a909b; font-size:11px; }
.exam-wizard-paper>a { color:#df2736; font-size:11px; text-decoration:none; white-space:nowrap; }
.exam-wizard-paper>a:hover { text-decoration:underline; }
.exam-wizard-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.exam-wizard-summary>div { display:grid; gap:6px; padding:13px 15px; border:1px solid #e8eaef; border-radius:9px; background:#fff; }
.exam-wizard-summary span { color:#8b929d; font-size:11px; }
.exam-wizard-summary strong { color:#363b45; font-size:13px; }
.exam-wizard-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid #eeeef2; color:#858b95; font-size:12px; }
.exam-wizard-footer>div { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.exam-assignment-banks { max-height: 76px; overflow: auto; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.exam-assignment-banks span { padding: 5px 8px; border-radius: 5px; color: #767682; background: #f5f5f8; font-size: 11px; }
.exam-time-fields { display: grid; grid-template-columns: 1fr 2fr; gap: 14px; margin-bottom: 18px; }
.exam-time-fields label { display: grid; align-content: start; gap: 8px; font-size: 13px; font-weight: 600; }
.exam-time-fields input, .exam-recipient-toolbar input[type=search] { height: 40px; width: 100%; min-width: 0; padding: 8px 10px; border: 1px solid #e1e2e7; border-radius: 7px; background: #fff; font: inherit; }
.exam-time-fields small { font-size: 11px; font-weight: 400; color: #9696a1; }
.exam-recipient-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.exam-recipient-toolbar label { display: flex; align-items: center; gap: 7px; font-size: 12px; white-space: nowrap; }
.exam-recipient-toolbar input[type=search] { max-width: 270px; font-size: 12px; }
.exam-recipient-list { max-height: 260px; overflow-y: auto; border: 1px solid #e9e9ee; border-radius: 9px; }
.exam-recipient-row { padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.exam-recipient-row + .exam-recipient-row { border-top: 1px solid #f0f0f4; }
.exam-recipient-row label { min-width: 0; display: flex; align-items: center; flex: 1; gap: 10px; cursor: pointer; }
.exam-recipient-row img { width: 32px; height: 32px; border-radius: 50%; }
.exam-recipient-row label span { display: grid; gap: 4px; }
.exam-recipient-row strong { font-size: 13px; }
.exam-recipient-row small { font-size: 11px; color: #92929e; }
.exam-open-mark { padding: 3px 7px; border-radius: 5px; font-size: 10px; white-space: nowrap; }
.exam-recipient-row .exam-text-button { font-size: 11px; color: #f5222d; }
.exam-assignment-hint { color: #9595a0; font-size: 11px; line-height: 1.7; }
.exam-dialog-error { min-height: 18px; margin: 10px 0; color: #e22b38; font-size: 12px; }
.exam-center-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid #eeeeF2; font-size: 12px; color: #8a8a95; }
.exam-results-list > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid #eeeef2; font-size: 12px; }
.exam-results-list strong, .exam-results-list small { display: block; }
.exam-results-list small { margin-top: 6px; color: #91919d; }
.exam-toast { position: fixed; z-index: 10000; left: 50%; bottom: 32px; transform: translateX(-50%); max-width: calc(100vw - 30px); padding: 12px 20px; border-radius: 10px; color: #fff; background: #292d38; box-shadow: 0 6px 24px #0003; font-size: 13px; }
@media(max-width: 700px) { .exam-bulk-bar { flex-direction: column; align-items: flex-start; } .exam-center-bar { padding: 8px 10px; } .exam-center-tabs { gap: 2px; } .exam-center-tabs button { padding: 7px 8px; font-size: 12px; } .exam-task-card { flex-wrap: wrap; gap: 12px; padding: 16px; } .exam-task-copy { min-width: calc(100% - 60px); } .exam-task-status { margin-left: 56px; } .exam-center-dialog > header, .exam-dialog-body { padding: 18px; } .exam-time-fields { grid-template-columns: 1fr; } .exam-recipient-toolbar { flex-wrap: wrap; } .exam-wizard-progress { gap:3px; } .exam-wizard-progress-step { gap:4px; font-size:10px; white-space:normal; } .exam-wizard-progress-step>span { width:20px; height:20px; } .exam-wizard-paper { grid-template-columns:28px minmax(0,1fr) auto; gap:7px; padding:9px; } .exam-wizard-paper-mark { width:27px; height:27px; } .exam-wizard-summary { grid-template-columns:1fr 1fr; } .exam-wizard-footer { align-items:flex-start; flex-direction:column; } .exam-wizard-footer>div { width:100%; } }
.workspace.is-exam-training-view .exam-center-bar { min-height: 64px; margin: 0; padding: 12px 20px; flex-wrap: wrap; border: 0; border-bottom: 1px solid #eceef2; border-radius: 0; }
.exam-header-actions, .exam-bulk-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.exam-bulk-actions > span { color: #848992; font-size: 12px; }
.exam-bulk-actions strong { color: #f5222d; }
.exam-center-tabs { gap: 12px; }
.exam-center-tabs button { min-height: 36px; padding: 8px 13px; color: #707780; font-size: 13px; font-weight: 650; }
.exam-center-tabs button.is-active { background: #fff2f3; color: #ed2631; }
.exam-training-surface .exam-training-toolbar { min-height: 46px; padding: 0 20px; border-bottom: 0; background: #fafbfc; }
.exam-training-surface .exam-training-category-tab { min-height: 46px; font-size: 12px; }
.exam-training-surface .exam-training-category-tabs { gap: 22px; }
.exam-training-surface .exam-training-category-tab::after { height: 2px; }
.exam-training-surface .exam-training-filter-card { padding: 14px 20px 18px; gap: 12px; }
.exam-training-surface .exam-training-result-count { background: transparent; padding-right: 0; }
.exam-training-table.is-clean-table { min-width: 760px; table-layout: fixed; }
.exam-training-table.is-clean-table th { height: 42px; font-size: 12px; color: #828994; background: #f7f8fa; border-top: 1px solid #eceef2; }
.exam-training-table.is-clean-table td { height: 74px; padding: 14px 12px; font-size: 13px; border-top-color: #eceef2; }
.exam-training-table.is-clean-table th:first-child, .exam-training-table.is-clean-table td:first-child { width: 46px; padding: 10px 10px 10px 18px; text-align: left; }
.exam-training-table.is-clean-table th:nth-child(2) { width: 94px; min-width: 0; }
.exam-training-table.is-clean-table th:nth-child(3) { width: auto; min-width: 0; }
.exam-training-table.is-clean-table th:nth-child(4) { width: 64px; min-width: 0; text-align: center; }
.exam-training-table.is-clean-table th:nth-child(5) { width: 276px; min-width: 0; }
.exam-training-table.is-clean-table td:nth-child(4) { text-align: center; }
.exam-bank-title { max-width: 100%; display: block; padding: 0; border: 0; color: #303640; background: transparent; text-align: left; font-size: 13px; font-weight: 650; line-height: 1.6; cursor: pointer; }
.exam-bank-title:hover { color: #f5222d; }
.exam-bank-meta { display: block; margin-top: 4px; color: #9a9fa7; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-clean-table .exam-training-subject-tag { padding: 4px 8px; border: 0; color: #987233; background: #faf5e9; font-size: 11px; }
.is-clean-table .exam-training-subject-tag.is-python { color: #42749e; background: #edf5fb; }
.is-clean-table .exam-training-subject-tag.is-cpp { color: #8270a7; background: #f2eef8; }
.is-clean-table .exam-training-action { min-height: 34px; font-size: 11px; font-weight: 550; border-color: #e5e8ed; border-radius: 7px; transform: none; }
.is-clean-table .exam-training-action:hover { transform: none; }
.is-clean-table .exam-training-actions { grid-template-columns: 1fr 1fr 64px; gap: 7px; }
.is-clean-table .exam-row-preview { border-color: transparent; color: #7e8692; background: transparent; }
.exam-bank-pagination { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 20px; border-top: 1px solid #eceef2; color: #969ca6; font-size: 11px; }
.exam-bank-pagination > div { display: flex; align-items: center; gap: 12px; }
.exam-bank-pagination button { min-height: 32px; padding: 6px 10px; border: 1px solid #e5e8ed; border-radius: 6px; color: #6d7683; background: #fff; cursor: pointer; }
.exam-bank-pagination button:disabled { opacity: .4; cursor: default; }
.exam-record-surface { overflow: hidden; border: 1px solid #e5e7ec; border-radius: 12px; background: #fff; }
.exam-record-filters { position:relative; z-index:2; display: grid; grid-template-columns: minmax(240px, min(38vw, 420px)) minmax(150px, 180px) minmax(150px, 180px) max-content; align-items: end; justify-content: start; gap: 10px 14px; padding: 16px 20px; background: #fafbfc; border-bottom: 1px solid #eceef2; }
.exam-record-filters label, .exam-record-filter-field { min-width: 0; display: grid; grid-template-rows:18px 40px; align-content: end; gap: 6px; color: #717985; font-size: 12px; font-weight: 650; }
.exam-record-filters label > span, .exam-record-filter-field > span { line-height:18px; }
.exam-record-filters input[type="search"], .exam-record-filters select { width: 100%; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid #e2e6ec; border-radius: 7px; color: #59616d; background: #fff; font: inherit; font-size: 12px; font-weight:400; }
.exam-record-filters [data-record-count] { align-self: end; justify-self: start; min-width: 0; height: 40px; display: flex; align-items: center; color: #9a9fa7; font-size: 12px; white-space:nowrap; }
.exam-record-surface .exam-task-list { gap: 0; }
.exam-record-surface .exam-task-card { padding: 20px; border: 0; border-bottom: 1px solid #eceef2; border-radius: 0; }
.exam-record-surface .exam-task-card:last-child { border-bottom: 0; }
.exam-record-surface .exam-center-empty { border: 0; border-radius: 0; }
.exam-record-surface .exam-task-copy h2 { font-size: 14px; }
@media(max-width:700px) { .workspace.is-exam-training-view .exam-center-bar { padding: 12px; gap: 8px; } .exam-center-tabs { gap: 3px; } .exam-center-tabs button { padding: 7px 9px; font-size: 12px; } .exam-center-tabs button svg { width: 14px; height: 14px; } .exam-header-actions { margin-left: auto; } .exam-bulk-actions { justify-content: flex-end; } .exam-bulk-actions .exam-light-button { padding: 6px 8px; font-size: 11px; } .exam-bank-pagination { padding: 12px; flex-wrap: wrap; } .exam-training-surface .exam-training-filter-card, .exam-training-surface .exam-training-toolbar { padding-inline: 14px; } .exam-record-surface .exam-task-card { padding: 16px; } .exam-record-filters { padding: 14px; } }
.exam-results-list > div { display: grid; grid-template-columns: minmax(100px,1fr) minmax(140px,1.4fr) 105px; gap: 14px; }
.exam-results-heading { color: #959ca6; font-size: 11px !important; }
.exam-results-list .exam-light-button { font-size: 11px; }
@media(max-width:520px) { .exam-results-list > div { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .exam-results-list > div > :last-child { justify-self: start; grid-column: 2; } .exam-results-heading { display: none !important; } }
@media(max-width:760px) {
  .exam-record-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exam-record-filters .exam-record-search, .exam-record-filters [data-record-count] { grid-column:1 / -1; }
  .exam-record-filters [data-record-count] { justify-self:end; height:auto; }
}
.exam-record-toolbar-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; border-bottom:1px solid #eceef2; }
.exam-record-statuses, .exam-record-view-toggle { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.exam-record-statuses button, .exam-record-view-toggle button { min-height:32px; padding:6px 11px; border:1px solid transparent; border-radius:7px; color:#777f89; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.exam-record-statuses button.is-active, .exam-record-view-toggle button.is-active { border-color:#ffd4d8; color:#e52836; background:#fff2f3; }
.exam-record-view-toggle button { display:inline-flex; align-items:center; gap:6px; border-color:#e7e9ee; background:#fff; }
.exam-record-view-toggle svg { width:14px; height:14px; }
.exam-record-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding:14px 20px; background:#fff; border-bottom:1px solid #eceef2; }
.exam-record-summary>div { display:grid; gap:4px; min-width:0; padding:10px 12px; border:1px solid #eceef2; border-radius:9px; background:#fafbfc; }
.exam-record-summary span { color:#9299a3; font-size:11px; }
.exam-record-summary strong { color:#303640; font-size:17px; line-height:1.25; }
.exam-record-summary>div:nth-child(3) strong { color:#16845b; }
.exam-record-summary>div:nth-child(4) strong { color:#d67d17; }
.exam-task-list.is-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px; }
.exam-record-card { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,250px) auto; gap:16px; align-items:center; }
.exam-task-list.is-record-grid .exam-record-card { grid-template-columns:1fr; align-items:stretch; gap:14px; padding:16px; border:1px solid #e7e9ee; border-radius:10px; }
.exam-task-list.is-record-grid .exam-record-card>.exam-light-button { justify-self:start; }
.exam-record-card .exam-task-copy { min-width:0; }
.exam-record-card-heading { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.exam-record-card-heading .exam-task-status { flex:none; }
.exam-task-status.is-ended { color:#806987; background:#f3edf6; }
.exam-task-progress { min-width:0; display:grid; gap:7px; }
.exam-task-progress>div:first-child { display:flex; justify-content:space-between; gap:8px; color:#8a919b; font-size:11px; }
.exam-task-progress>div:first-child strong { color:#4f5864; font-size:11px; }
.exam-progress-track { height:6px; overflow:hidden; border-radius:99px; background:#eef0f3; }
.exam-progress-track>span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ff7d84,#ed2634); transition:width .2s ease; }
.exam-task-progress small { color:#9299a3; font-size:10px; }
.exam-record-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; border-top:1px solid #eceef2; color:#858c96; font-size:11px; }
.exam-record-pagination>div { display:flex; align-items:center; gap:10px; }
.exam-record-pagination button { min-height:30px; padding:5px 10px; border:1px solid #e2e5ea; border-radius:6px; color:#59616d; background:#fff; cursor:pointer; }
.exam-record-pagination button:disabled { opacity:.4; cursor:default; }
.exam-progress-dialog { width:min(900px,calc(100vw - 28px)); }
.exam-permissions-filters { display:grid; grid-template-columns:minmax(0,1fr) 165px; gap:10px; margin-bottom:14px; }
.exam-permissions-filters input, .exam-permissions-filters select { min-width:0; height:40px; padding:0 12px; border:1px solid #e0e3e9; border-radius:8px; background:#fff; color:#424652; font:inherit; font-size:13px; }
.exam-permission-state { flex:none; padding:5px 9px; border-radius:6px; color:#868690; background:#f1f2f5; font-size:12px; }
.exam-permission-state.is-open { color:#17835c; background:#effaf5; }
.exam-permissions-actions { display:flex; gap:8px; flex-wrap:wrap; }
.exam-permissions-dialog footer { flex-wrap:wrap; }
@media(max-width:560px) { .exam-permissions-filters { grid-template-columns:minmax(0,1fr); } .exam-permissions-dialog .exam-recipient-row { gap:8px; } .exam-permissions-actions { width:100%; justify-content:flex-end; } }
.exam-progress-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.exam-progress-summary>div { display:grid; gap:5px; min-width:0; padding:10px 12px; border:1px solid #eceef2; border-radius:9px; background:#fafbfc; }
.exam-progress-summary span { color:#9299a3; font-size:11px; }
.exam-progress-summary strong { color:#303640; font-size:17px; }
.exam-progress-summary>div:nth-child(2) strong { color:#16845b; }
.exam-progress-summary>div:nth-child(5) strong { color:#d67d17; }
.exam-progress-toolbar { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.exam-progress-toolbar label { flex:1; min-width:160px; }
.exam-progress-toolbar input, .exam-progress-toolbar select { width:100%; min-height:38px; padding:8px 10px; border:1px solid #e2e6ec; border-radius:7px; color:#59616d; background:#fff; font:inherit; font-size:12px; }
.exam-progress-toolbar select { width:auto; min-width:140px; }
.exam-progress-toolbar [data-progress-count] { flex:none; color:#8d949d; font-size:11px; }
.exam-progress-filters { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.exam-progress-filters button { min-height:30px; padding:5px 9px; border:1px solid transparent; border-radius:6px; color:#77808a; background:#f6f7f9; font:inherit; font-size:11px; cursor:pointer; }
.exam-progress-filters button.is-active { border-color:#ffd2d6; color:#e52836; background:#fff1f2; }
.exam-progress-dialog .exam-results-list { max-height:min(48vh,470px); overflow:auto; padding-right:4px; }
.exam-progress-dialog .exam-results-heading, .exam-progress-row { display:grid; grid-template-columns:minmax(145px,1.1fr) minmax(145px,1fr) minmax(165px,1.2fr) auto; gap:12px; align-items:center; }
.exam-progress-dialog .exam-results-heading { padding:0 0 8px; border-bottom:1px solid #eceef2; }
.exam-progress-row { padding:12px 0; border-bottom:1px solid #eef0f3; }
.exam-progress-student, .exam-progress-status, .exam-progress-grade { min-width:0; display:grid; gap:5px; }
.exam-progress-row strong { overflow-wrap:anywhere; color:#343a44; font-size:12px; }
.exam-progress-row small { color:#9097a1; font-size:10px; line-height:1.45; }
.exam-progress-badge { justify-self:start; padding:3px 7px; border-radius:5px; color:#737b86; background:#f0f2f5; font-size:10px; white-space:nowrap; }
.exam-progress-badge.is-active { color:#bd761b; background:#fff6e8; }
.exam-progress-badge.is-submitted { color:#16845b; background:#eaf7f1; }
.exam-progress-badge.is-missed { color:#9a4d55; background:#fff0f1; }
.exam-progress-no-action { color:#b0b5bd; font-size:12px; }
.exam-progress-empty { padding:24px 0; color:#8e959f; text-align:center; font-size:12px; }
@media(max-width:800px) {
  .exam-record-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .exam-record-card { grid-template-columns:minmax(0,1fr) minmax(160px,210px); }
  .exam-record-card>.exam-light-button { grid-column:2; justify-self:end; }
  .exam-task-list.is-record-grid { grid-template-columns:1fr; }
  .exam-progress-dialog .exam-results-heading { display:none; }
  .exam-progress-row { grid-template-columns:minmax(0,1fr) minmax(120px,.85fr); gap:10px; }
  .exam-progress-row>.exam-light-button, .exam-progress-no-action { justify-self:start; grid-column:2; }
}
@media(max-width:560px) {
  .exam-record-filters { gap:10px; padding:14px; }
  .exam-record-toolbar-bottom { align-items:flex-start; flex-direction:column; padding-inline:14px; }
  .exam-record-summary { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 14px; }
  .exam-record-card { grid-template-columns:1fr; gap:12px; }
  .exam-record-card>.exam-light-button { grid-column:auto; justify-self:stretch; }
  .exam-record-pagination { padding-inline:14px; flex-wrap:wrap; }
  .exam-progress-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exam-progress-toolbar { align-items:stretch; flex-wrap:wrap; }
  .exam-progress-toolbar label { min-width:100%; }
  .exam-progress-toolbar select { flex:1; }
  .exam-progress-toolbar [data-progress-count] { align-self:center; }
  .exam-progress-row { grid-template-columns:minmax(0,1fr) auto; }
  .exam-progress-row>.exam-light-button, .exam-progress-no-action { grid-column:1 / -1; }
}

.exam-ranking-tabs { display:flex; flex-wrap:wrap; gap:10px; }
.exam-ranking-note { color:#7a8290; font-size:13px; margin:18px 0; }
.exam-ranking-table-wrap { overflow-x:auto; }
.exam-ranking-table { width:100%; border-collapse:collapse; }
.exam-ranking-table th,.exam-ranking-table td { padding:14px; text-align:left; border-bottom:1px solid #eceef2; white-space:nowrap; }
.exam-ranking-table th { color:#7a8290; background:#f8fafc; font-weight:600; }
.exam-ranking-table .is-me { background:#fff5f6; }
.exam-record-card { grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) auto auto; }
@media(max-width:900px) { .exam-record-card { grid-template-columns:minmax(0,1fr); } }

.exam-ranking-workspace{padding:24px;min-height:260px}
.exam-ranking-picker{display:flex;align-items:end;gap:20px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #eceef2}
.exam-ranking-picker label{display:grid;gap:9px;min-width:0;width:min(650px,100%);color:#747d8b;font-size:13px;font-weight:500}
.exam-ranking-picker select{width:100%;min-width:0;min-height:42px}
.exam-ranking-picker .ui-select{width:100%;min-width:0}
.exam-ranking-submitted{color:#8b93a0;font-size:13px;padding-bottom:12px;white-space:nowrap}
.exam-ranking-results{min-height:180px}
.exam-ranking-results .exam-ranking-note{line-height:1.7}
@media(max-width:650px){.exam-ranking-workspace{padding:16px}.exam-ranking-picker{display:grid;gap:8px;padding-bottom:14px;margin-bottom:14px}.exam-ranking-submitted{padding:0}.exam-ranking-tabs{gap:7px}.exam-ranking-tabs button{font-size:12px;padding:8px}.exam-ranking-table th,.exam-ranking-table td{padding:11px;font-size:13px}}

.exam-ranking-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.exam-ranking-header .exam-ranking-tabs{flex:0 0 auto}.exam-ranking-header .exam-ranking-note{flex:1;min-width:240px;margin:0;line-height:1.65}@media(max-width:650px){.exam-ranking-header{gap:10px}.exam-ranking-header .exam-ranking-note{min-width:100%;font-size:12px}}