@font-face{font-family:AcademyArabic;src:url('/academy/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-display:swap}
.as-workspace{--as-ink:#45314e;--as-purple:#71447e;--as-line:#e7ddeb;color:var(--as-ink);min-width:0;font-size:15px}.as-workspace h2,.as-workspace h3{font-family:Georgia,serif;font-weight:500;margin:0 0 10px}.as-workspace h2{font-size:30px}.as-workspace h3{font-size:24px}.as-toolbar,.as-actions,.as-card-top,.as-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.as-actions{justify-content:flex-start}.as-kicker{font-size:11px;font-weight:750;letter-spacing:.09em;color:#795e82}.as-button{border:1px solid var(--as-purple);border-radius:13px;padding:11px 18px;background:var(--as-purple);color:white;font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;min-height:44px}.as-button.as-secondary{background:#fff9ff;color:var(--as-purple);border-color:#d4bddc}.as-button:disabled{opacity:.55;cursor:wait}.as-workspace button:focus-visible,.as-workspace input:focus-visible,.as-workspace textarea:focus-visible,.as-workspace select:focus-visible{outline:3px solid #b68135;outline-offset:3px}.as-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}.as-tabs [aria-pressed=true]{background:var(--as-purple);color:white}.as-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}.as-card,.as-box,.as-create{background:#fffcff;border:1px solid var(--as-line);border-radius:22px;padding:24px;margin-bottom:18px}.as-card{background:linear-gradient(135deg,#fff9ee,#f6edf9 65%);display:flex;flex-direction:column;gap:8px}.as-card h3{margin:8px 0 0}.as-card p{margin:4px 0}.as-card>.as-button{margin-top:auto;align-self:flex-start}.as-badge{display:inline-block;font:600 11px/1.4 Arial,sans-serif;border-radius:20px;padding:5px 9px;background:#eee5f1;color:#694274;white-space:nowrap}.as-badge[data-state=APPROVED],.as-badge[data-state=RELEASED],.as-badge[data-state=AVAILABLE]{background:#e5f2e9;color:#35614b}.as-badge[data-state=RETURNED]{background:#fff0d9;color:#83530c}.as-meta{display:flex;gap:26px;flex-wrap:wrap;margin:16px 0}.as-meta dt{font-size:11px;color:#77677e}.as-meta dd{margin:5px 0 0;font-weight:650}.as-muted{color:#7c6b83;font-size:12px;line-height:1.7}.as-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;align-items:end}.as-wide{grid-column:1/-1}.as-workspace label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.as-workspace input:not([type=checkbox]),.as-workspace select,.as-workspace textarea{font:inherit;width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d9c9df;border-radius:10px;background:white;color:var(--as-ink);min-height:44px}.as-workspace input[type=file]{max-width:100%;font-size:12px}.as-workspace input[type=checkbox]{accent-color:var(--as-purple);width:18px;height:18px;flex-shrink:0}.as-workspace .as-check{flex-direction:row;align-items:center}.as-inline-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:18px 0}.as-inline-form label{flex:1;min-width:min(220px,100%)}.as-notice{background:#f5eef8;border-left:3px solid #b497bf;border-radius:12px;padding:16px 20px;margin:18px 0;line-height:1.6}.as-notice p{margin:6px 0 14px}.as-note{background:#fff2dd;border-radius:10px;padding:14px;white-space:pre-wrap}.as-flow{display:flex;list-style:none;gap:10px;padding:0;margin:20px 0;overflow-x:auto}.as-flow li{font-size:11px;min-width:120px;flex:1;background:#f9f3fb;border-radius:12px;padding:12px}.as-flow span{display:block;font-weight:bold;color:#815b90;margin-bottom:6px}.as-empty{background:#fff9ff;border:1px dashed #cbb6d4;padding:32px;border-radius:18px}.as-learner{border-bottom:1px solid var(--as-line);padding:14px 0}.as-learner summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;align-items:center;list-style:none}.as-learner summary>span{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.as-learner summary>span:last-child{font-size:12px;color:#7c6b83}.as-learner-body{padding:12px 8px 8px}.as-feedback{white-space:pre-wrap;line-height:1.7}.as-result{font:28px Georgia,serif;color:#694274}.as-history{font-size:12px;line-height:2.4;max-height:300px;overflow:auto}.as-history time{margin-right:15px;color:#7c6b83}.as-workspace [data-error=true]{color:#9b3143}.as-workspace [data-as-message]:empty{display:none}.as-workspace [data-as=retry]{margin-bottom:16px}#as-help-dialog{box-sizing:border-box;border:1px solid #dbc8e3;border-radius:24px;max-width:680px;width:calc(100% - 40px);max-height:85vh;padding:24px}#as-help-dialog::backdrop{background:#3a214e88}.as-help-flow{padding-left:22px;line-height:1.6}.as-help-flow li{padding:10px}.as-help-flow p{margin:5px 0}.as-report-columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.3fr);gap:24px}.as-report-preview{position:relative;aspect-ratio:210/297;width:100%;background:white;box-shadow:0 8px 24px #3a214e15;touch-action:none}.as-report-preview canvas{width:100%;height:100%;display:block}.as-report-fields{position:absolute;inset:0}.as-report-field{position:absolute;border:1px dashed #8c639b;background:#e9d3f344;color:#4c2d59;font-size:11px;cursor:move;overflow:hidden;touch-action:none}.as-layout-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:6px;margin:8px 0;align-items:center}.as-layout-row label{font-size:10px}.as-layout-row input{padding:6px!important;min-height:32px!important}.as-report-options{display:grid;gap:14px}.as-report-list{max-height:250px;overflow:auto;display:grid;gap:10px;margin:16px 0}.as-report-preview-wrap{position:sticky;top:20px;align-self:start}.as-workspace [hidden]{display:none!important}@media(max-width:800px){.as-form{grid-template-columns:repeat(2,minmax(0,1fr))}.as-report-columns{grid-template-columns:1fr}.as-report-preview-wrap{position:static}.as-box,.as-card,.as-create{padding:18px}.as-learner summary{align-items:flex-start;flex-direction:column}.as-workspace h2{font-size:26px}.as-detail-heading{align-items:flex-start}}@media(max-width:480px){.as-form{grid-template-columns:1fr}.as-button{padding:11px 12px}.as-meta{gap:18px}.as-workspace h3{font-size:22px}}

.as-table-scroll{position:relative;max-width:100%;overflow-x:auto;border:1px solid var(--as-line);border-radius:14px}.as-schedule-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.as-schedule-table th,.as-schedule-table td{padding:14px 16px;border-bottom:1px solid var(--as-line);vertical-align:middle}.as-schedule-table thead{background:#f4edf7;color:#674472}.as-schedule-table tbody tr:last-child>*{border-bottom:0}.as-schedule-table tbody tr:hover{background:#faf5fc}.as-schedule-table time,.as-schedule-table .as-button{white-space:nowrap}.as-schedule-table small{display:block;margin-top:4px}.as-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:800px){.as-schedule-table th,.as-schedule-table td{padding:12px}.as-schedule-table{min-width:720px}}

/* Use consistent field geometry, including Safari's native selects. */
.as-workspace select{appearance:none;-webkit-appearance:none;height:44px;line-height:20px;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2371447e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}
.as-workspace .as-form input:not([type=checkbox]):not([type=file]){height:44px;line-height:20px}
.as-answer-dialog{--as-purple:#71447e;--as-line:#e7ddeb;box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-width:none;height:min(95vh,940px);max-height:95vh;border:1px solid #dbc8e3;border-radius:20px;padding:18px;background:#fffcff;color:#45314e}.as-answer-dialog[open]{display:flex;flex-direction:column}.as-answer-dialog::backdrop{background:#27152ebd}.as-answer-dialog iframe{display:block;width:100%;height:auto;min-height:180px;flex:1;border:1px solid #e7ddeb;border-radius:10px;background:white}.as-answer-dialog .as-actions{justify-content:flex-end;flex-shrink:0;margin-top:14px}.as-answer-dialog p{line-height:1.5;flex-shrink:0}
.as-new-phase summary,.as-create summary{cursor:pointer;font-weight:600}
.as-phase-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--as-line)}
.as-phase-pills [aria-pressed=true]{background:var(--as-purple);color:white;border-color:var(--as-purple)}
.as-phase-heading{margin:26px 0 16px}.as-phase-heading h3{margin:8px 0 0}.as-phase-heading p{margin:4px 0}
.as-subject-descriptor{display:block;font-weight:400;color:#7c6b83;margin-top:4px}
@media(forced-colors:active){.as-workspace select{appearance:auto;-webkit-appearance:auto;background-image:none}}

.ar-register-filter{max-width:260px;margin:16px 0}.ar-register-table{min-width:950px}.ar-register-table th:first-child,.ar-register-table td:first-child{position:sticky;left:0;z-index:1;background:#fffcff;min-width:180px;max-width:240px}.ar-register-table thead th:first-child{background:#f4edf7;z-index:2}.ar-register-table td{min-width:180px}.ar-register-table .ar-cell{display:block;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:10px 0;min-height:44px;cursor:pointer;white-space:normal}.ar-cell:hover{text-decoration:underline;text-underline-offset:3px}.ar-register-table input[name=registerName]{min-width:180px}.ar-register-table select{min-width:190px}.ar-area-picker summary{cursor:pointer;min-height:44px;display:flex;align-items:center;white-space:normal}.ar-area-picker>div{display:grid;gap:12px;max-height:260px;overflow:auto;min-width:200px;padding:12px 0}.ar-area-picker .as-check{font-size:13px;font-weight:400}.ar-area-picker small{color:#7c6b83}.ar-register-table .as-actions{min-width:160px}.ar-register .as-toolbar h3{margin:0}@media(max-width:480px){.ar-register-table th:first-child{min-width:140px;max-width:160px}.ar-register-table input[name=registerName]{min-width:140px;width:150px}.ar-register-table th,.ar-register-table td{padding:10px}}

.ar-status-controls{display:grid;grid-template-columns:minmax(160px,280px) 1fr;align-items:end;gap:14px;margin:20px 0}.ar-validation{border:1px solid #d4bddc;border-radius:12px;padding:14px 18px;background:#fff8ee;white-space:normal;font-size:13px;max-width:680px}.ar-validation.ar-valid{background:#edf7f0;border-color:#a5cbb1}.ar-validation ul{padding-left:18px;line-height:1.8}.ar-validation p{font-size:12px;margin-bottom:0}.ar-register-table .ar-validation-row>td{position:static;max-width:none;padding-top:0}.ar-validation-row:has([data-register-validation]:empty){display:none}@media(max-width:480px){.ar-status-controls{grid-template-columns:1fr}.ar-status-controls .as-actions{display:grid;grid-template-columns:1fr 1fr}}

/* Keep each assessment legible while the timetable scrolls inside its card on phones. */
.as-timetable .as-schedule-table{min-width:980px}
.as-timetable .as-schedule-table :is(th,td){overflow-wrap:normal;word-break:normal}
.as-timetable .as-schedule-table :is(th,td):nth-child(1){min-width:100px}
.as-timetable .as-schedule-table :is(th,td):nth-child(2),.as-timetable .as-schedule-table :is(th,td):nth-child(3){min-width:135px}
.as-timetable .as-schedule-table :is(th,td):nth-child(6){min-width:150px}
.academy-mobile-layout .as-timetable .as-schedule-table :is(th,td){overflow-wrap:normal;word-break:normal}

/* Compact assessment navigation; page heading and refresh live in the shared banners. */
.as-navigation{display:flex;align-items:flex-end;gap:8px;margin:8px 0 14px;min-width:0}
.as-navigation .as-tabs{position:relative;flex:1;min-width:0;margin:0;padding:3px 2px;gap:8px}
.as-navigation .as-tabs button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
.as-navigation .as-help-button{flex:none;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;font-size:25px;margin:0 0 3px}
.as-tools-only{justify-content:flex-end;margin-top:0}
.as-workspace>[data-as-message]{font-size:12px;margin:6px 0}
@media(max-width:900px){.as-navigation .as-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.as-navigation .as-tabs button{padding:10px 14px;font-size:12px}}

.ar-release-label{display:block;margin-top:4px;font-size:11px}
