body.learning-portal-mode{background:#eef2ee}
body.learning-portal-mode .app{display:block}
body.learning-portal-mode .app>aside{display:none}
body.learning-portal-mode #mainWorkspace>header{display:none}
body.learning-portal-mode #content{max-width:none;padding:0}
body.learning-portal-mode main{min-width:0}

.learning-portal-shell{min-height:100vh;background:#f6f7f4}
.learning-portal-topbar{height:auto;min-height:84px;padding:15px 28px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;position:sticky;top:0;z-index:4}
.learning-portal-topbar>div:nth-child(2){text-align:center}.learning-portal-topbar h1{margin:2px 0}.learning-portal-topbar small{color:var(--muted);font-size:10px;letter-spacing:.11em}.learning-portal-topbar .secondary{justify-self:start}.portal-student{justify-self:end;text-align:right}.portal-student b,.portal-student small{display:block}
.learning-portal-body{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 84px)}
.learning-class-sidebar{position:sticky;top:84px;height:calc(100vh - 84px);padding:26px 18px;background:#13271f;color:#eef5f0;overflow:auto;display:block}
.learning-class-sidebar h2{font:700 18px Manrope;margin:0}.learning-class-sidebar>p{color:#9db0a6;margin:2px 0 20px}
.portal-class{width:100%;display:block;text-align:left;border:1px solid #ffffff12;border-radius:5px;background:#ffffff08;color:#eaf2ed;padding:14px;margin-bottom:9px}.portal-class:hover,.portal-class.active{background:#ffffff16;border-color:#d6a84a}.portal-class b,.portal-class span,.portal-class small{display:block}.portal-class span{margin:3px 0}.portal-class small{color:#a8bcb1}
.learning-class-workspace{padding:32px 4vw 70px;max-width:1150px;margin:0 auto;width:100%}
.portal-course-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;background:linear-gradient(120deg,#fff,#edf7f1);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:20px}.portal-course-head h1{font-size:26px}.portal-course-head p{color:var(--muted)}.start-activity{font-size:15px;padding:13px 20px;white-space:nowrap;margin-top:18px}
.syllabus-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:15px;box-shadow:0 7px 22px #1734260b}.syllabus-section>h2{font:700 18px Manrope;color:var(--green);padding-bottom:12px;border-bottom:2px solid #e6eee9}.syllabus-detail{display:grid;grid-template-columns:minmax(190px,28%) 1fr;gap:24px;padding:12px 0;border-bottom:1px solid #edf0ed}.syllabus-detail:last-child{border:0}.syllabus-detail h3{font-size:12px;margin:0}.syllabus-detail p{margin:0;color:#46544d;white-space:normal}
.syllabus-editor{margin-top:18px}.syllabus-editor-section{border:1px solid var(--line);border-radius:11px;margin:0 0 15px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.syllabus-editor-section legend{font:700 14px Manrope;color:var(--green);padding:0 8px}.syllabus-editor-section textarea{width:100%;resize:vertical}
.dual-list-field{margin-top:6px}.dual-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.dual-list>div:not(.dual-list-actions){display:grid;gap:6px}.dual-list select{width:100%;min-height:210px;border:1px solid var(--line);border-radius:9px;padding:7px;background:#fff}.dual-list select option{padding:7px;border-radius:5px}.dual-list select option:checked{background:var(--green);color:#fff}.dual-list-actions{display:grid;gap:8px}.dual-list-field>small{color:var(--muted)}
dialog:has(.syllabus-editor){width:min(1050px,94vw)}
.portal-return{display:flex;align-items:center;gap:12px}.portal-return img{width:46px;height:46px;object-fit:contain}.portal-student a{display:block;color:var(--green);font-size:12px;margin-top:4px}.portal-course-left{display:flex;flex-direction:column;align-items:flex-start}.portal-course-meta{text-align:right;display:grid;gap:3px;max-width:430px}.portal-course-meta b{font:700 15px Manrope}.portal-course-meta span{color:var(--green);font-weight:700}.portal-course-meta small{color:var(--muted);line-height:1.55}.portal-back{width:100%;border:1px solid #ffffff25;background:#ffffff0c;color:#fff;border-radius:9px;padding:10px;margin-bottom:18px;text-align:left}.portal-course-left .portal-back{width:auto;margin:12px 0 0;border-color:#bdd5c7;background:#fff;color:var(--green);font-weight:700;box-shadow:0 3px 10px #17342616}.portal-course-left .portal-back:hover{background:#e7f2ec;border-color:var(--green)}.syllabus-revision{font-size:11px;color:var(--green);font-weight:700;margin:0 0 10px}.topic-detail{border-left:4px solid var(--gold)}
.syllabus-links{display:grid;gap:9px;margin:16px 0}.syllabus-links label{display:block}.syllabus-activity-link{display:grid;grid-template-columns:1fr minmax(180px,280px);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.syllabus-activity-link input[type=text]{border:1px solid var(--line);border-radius:8px;padding:9px}
.syllabus-add-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:end}.syllabus-add-row select,.syllabus-add-row input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fff}.syllabus-activity-add{grid-template-columns:minmax(250px,1.4fr) minmax(190px,.8fr) auto}.syllabus-selected-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.syllabus-selected-row:last-child{border-bottom:0}.syllabus-selected-row span{min-width:0}.syllabus-selected-row small{display:block;color:var(--muted);margin-top:3px}.syllabus-remove{border:1px solid #e1b3b3;background:#fff5f5;color:#a83434;border-radius:7px;padding:7px 11px}.syllabus-remove:hover{background:#f9dddd}
.portal-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:22px}.portal-resource{margin:0}.portal-resource video{display:block;width:100%;max-height:360px;margin-top:12px;border-radius:9px;background:#111}.moodle-card{padding:18px}.moodle-frame{width:100%;height:calc(100vh - 240px);min-height:520px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:14px}
.portal-activity-overview .card-head{margin-bottom:8px}.portal-activity-columns{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(145px,auto) 58px;gap:14px;padding:0 8px 7px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.portal-activity-columns small:last-child{text-align:right}.portal-module-group{margin-top:14px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.portal-module-heading{padding:12px 14px;background:#edf5f0;border-bottom:1px solid var(--line)}.portal-module-heading small{display:block;color:var(--green);font-weight:800;letter-spacing:.06em}.portal-module-heading h3{margin:2px 0 0;font-size:15px}.portal-activity-row{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(145px,auto) 58px;gap:14px;align-items:center;text-align:left;background:#fff;color:var(--text);border:0;border-top:1px solid var(--line);border-radius:0;padding:15px 8px}.portal-module-group .portal-activity-row:first-of-type{border-top:0}.portal-activity-row:hover{background:#f1f7f3}.portal-activity-row small{display:block;color:var(--muted);margin-top:4px}.portal-activity-schedule{text-align:left}.portal-activity-row>strong{text-align:right;color:var(--green)}.portal-activity-sequence{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7f2ec;color:var(--green);font-weight:800}.portal-sidebar-module{margin:20px 2px 8px;padding-bottom:7px;border-bottom:1px solid #ffffff25}.portal-sidebar-module:first-of-type{margin-top:8px}.portal-sidebar-module small{display:block;color:#d6a84a;font-size:10px;font-weight:800;letter-spacing:.08em}.portal-sidebar-module h3{margin:2px 0 0;color:#f3f7f4;font-size:13px}

@media(max-width:800px){.learning-portal-topbar{grid-template-columns:auto 1fr}.learning-portal-topbar>div:nth-child(2){text-align:left}.portal-student{display:none}.learning-portal-body{grid-template-columns:1fr}.learning-class-sidebar{position:relative;top:0;height:auto;display:flex;gap:9px;overflow:auto;padding:15px}.learning-class-sidebar h2,.learning-class-sidebar>p{display:none}.portal-sidebar-module{display:none}.portal-class{min-width:210px;margin:0}.portal-course-head{display:block}.start-activity{margin-top:18px}.syllabus-detail{grid-template-columns:1fr;gap:4px}.portal-activity-columns{grid-template-columns:38px minmax(0,1fr) 48px}.portal-activity-columns span:nth-child(3){display:none}.portal-activity-row{grid-template-columns:38px minmax(0,1fr) 48px}.portal-activity-schedule{grid-column:2;text-align:left}.dual-list{grid-template-columns:1fr}.dual-list-actions{grid-template-columns:1fr 1fr}.syllabus-editor-section{grid-template-columns:1fr}.syllabus-add-row,.syllabus-activity-add{grid-template-columns:1fr}.syllabus-add-row button{justify-self:start}}
.resource-thumb{width:72px;height:52px;object-fit:cover;border-radius:8px;border:1px solid #d4ddd8}
.portal-resource-picture{width:100%;max-height:240px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.portal-resource.resource-completed{border-color:#4f8c72;background:#f4fbf7}
.portal-class strong{display:block;margin-top:6px;color:#2e7458;font-size:.78rem}
.weighted-resources label{display:grid;grid-template-columns:auto 1fr 90px;align-items:center;gap:10px}
.weighted-resources input[type=number]{min-width:80px}

/* Full-page Learning portal Assessment questionnaire */
.assessment-topbar .portal-return button:disabled{opacity:.52;cursor:not-allowed;background:#eef1ef;color:#66736c;border-color:#d5ddd8}.assessment-topbar .portal-student span{display:block;margin-top:5px;color:#8a6419;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.portal-assessment-body{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 84px);background:#eef2ee}.assessment-question-sidebar{position:sticky;top:84px;height:calc(100vh - 84px);overflow:auto;padding:26px 20px;background:#13271f;color:#eef5f0}.assessment-question-sidebar h2{margin:0 0 5px;font:700 19px Manrope}.assessment-question-sidebar>p{margin:0 0 20px;color:#a9bab1;font-size:12px;line-height:1.55}.assessment-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.assessment-number{min-height:54px;border:1px solid #ffffff1f;border-radius:9px;background:#ffffff0b;color:#c6d1cb;display:grid;place-items:center;padding:6px}.assessment-number b{font-size:15px}.assessment-number span{font-size:10px;color:#87978e}.assessment-number:not(:disabled):hover,.assessment-number.selected{border-color:#d6a84a;background:#ffffff18}.assessment-number.answered{background:#1f6249;border-color:#4b9475;color:#fff}.assessment-number.answered span{color:#d9f2e6}.assessment-number.current{box-shadow:inset 0 0 0 2px #d6a84a;color:#fff}.assessment-number:disabled{cursor:not-allowed;opacity:.48}.assessment-legend{display:grid;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff1c;color:#bac8c0;font-size:11px}.assessment-legend span{display:flex;align-items:center;gap:8px}.assessment-legend i{width:12px;height:12px;border:1px solid #ffffff40;border-radius:3px;background:#ffffff0b}.assessment-legend i.answered{background:#1f6249;border-color:#4b9475}.assessment-legend i.current{box-shadow:inset 0 0 0 2px #d6a84a}
.assessment-question-workspace{width:100%;max-width:1050px;margin:0 auto;padding:30px 4vw 70px}.assessment-page-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:20px}.assessment-page-heading small{color:var(--green);font-weight:800;letter-spacing:.08em}.assessment-page-heading h1{margin:4px 0 0;font-size:26px}.assessment-page-heading>div:last-child{text-align:right;display:grid;gap:3px}.assessment-page-heading>div:last-child span{color:var(--muted);font-size:12px}.assessment-question-meta{margin:14px 0 12px;padding:11px 14px;border-left:4px solid var(--green);border-radius:0 9px 9px 0;background:#e8f2ec;text-align:left!important;display:grid;gap:3px}.assessment-question-meta span{color:var(--muted);font-size:12px}.portal-question-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 10px 28px #17342612;display:block}.portal-question-card legend{float:none;display:block;width:100%;max-width:100%;box-sizing:border-box;padding:0;margin:0 0 12px;font:700 20px/1.4 Manrope;color:#183c2d;white-space:normal;overflow-wrap:anywhere}.portal-question-card>small{display:block;color:var(--muted);margin-bottom:12px}.portal-question-card label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dce5df;border-radius:9px;background:#fafcfb;overflow-wrap:anywhere}.portal-question-card label+label{margin-top:9px}.portal-question-card label:has(input:checked){border-color:#2e7458;background:#edf7f1}.portal-question-card textarea{width:100%;resize:vertical;border:1px solid #cfdad4;border-radius:9px;padding:13px;font:inherit;line-height:1.55}.assessment-question-workspace .assessment-question-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.danger-outline{color:#9d3030;border-color:#d7adad}.portal-question-review{background:#fff;border:1px solid var(--line);border-left:5px solid #4f8c72;border-radius:13px;padding:25px;box-shadow:0 10px 28px #17342612}.portal-question-review.wrong{border-left-color:#bb5252}.portal-question-review h2{margin:10px 0}.question-review-prompt{font:700 18px/1.5 Manrope}.portal-question-review dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;margin:20px 0}.portal-question-review dt,.portal-question-review dd{margin:0;padding:10px;border-bottom:1px solid var(--line)}.portal-question-review dt{font-weight:800;color:var(--green)}.assessment-question-workspace .questionnaire-content{margin-bottom:18px}.assessment-question-workspace .file-content iframe{width:100%;min-height:420px;border:1px solid var(--line);border-radius:10px}.assessment-question-workspace .file-content img{display:block;max-width:100%;max-height:600px;margin:auto;border-radius:10px}.assessment-loading{margin:12vh auto;max-width:680px}
@media(max-width:800px){.assessment-topbar{min-height:64px;padding:8px 12px;gap:10px}.assessment-topbar .portal-return{gap:7px}.assessment-topbar .portal-return img{width:34px;height:34px}.assessment-topbar .portal-return button{padding:7px 9px;font-size:11px;white-space:nowrap}.assessment-topbar h1{font-size:18px}.assessment-topbar>div:nth-child(2)>small{display:none}.portal-assessment-body{grid-template-columns:1fr;min-height:calc(100vh - 64px)}.assessment-question-sidebar{position:relative;top:0;height:auto;padding:8px 10px}.assessment-question-sidebar h2,.assessment-question-sidebar>p,.assessment-legend{display:none}.assessment-number-grid{display:flex;gap:7px;overflow-x:auto;padding:1px 0}.assessment-number{flex:0 0 44px;min-height:42px;padding:4px}.assessment-page-heading{display:block;margin-bottom:12px}.assessment-page-heading>div:last-child{text-align:left;margin-top:10px}.assessment-question-meta{margin:10px 0}.portal-question-card{padding:18px 15px}.portal-question-card legend{font-size:18px;line-height:1.35}.portal-question-review dl{grid-template-columns:1fr}.portal-question-review dt{padding-bottom:2px;border-bottom:0}.portal-question-review dd{padding-top:2px}.assessment-question-workspace{padding:14px 12px 40px}}