/* Layout version 3: application workspaces, queues, guided forms and focused views. */
html[data-dls-ui="lms"] .lms-main { --workspace-gap:28px; }
html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content { max-width:1460px!important; padding:36px 42px 64px!important; }
.lms-home-v3 .lms-heading { margin-bottom:22px; }
html[data-dls-ui="lms"] .lms-welcome-desk { display:grid; grid-template-columns:minmax(0,1fr) 290px; min-height:290px; padding:26px 36px 25px 38px; background:#edf2fb; border:0; border-radius:23px; margin-bottom:28px; gap:26px; overflow:visible; }
.lms-welcome-desk::after { display:none; }
html[data-dls-ui="lms"] .lms-welcome-desk h2 { font-size:31px!important; max-width:560px; }
.lms-home-v3 .lms-dashboard-columns { margin-top:0; grid-template-columns:minmax(0,1fr) 290px; gap:28px; }
.lms-home-v3 .lms-progress-ring { width:116px; height:116px; margin:19px auto; padding:8px; }
.lms-home-v3 .lms-progress-ring strong { font-size:25px; }
.lms-home-v3 .lms-progress-card { padding:23px; }
.lms-home-v3 .lms-stack { gap:25px; }
.lms-home-v3 .lms-row { padding:20px 0; }
.lms-library-gateway { display:flex; align-items:center; gap:24px; padding:28px; border-radius:19px; background:#edf9f8; }
.lms-library-gateway>.material-symbols-outlined { font-size:43px; color:#9bd4d1; }
.lms-library-gateway h2 { font-size:18px!important; margin:0 0 9px; }
.lms-library-gateway p { font-size:13px; color:var(--lms-muted); margin-bottom:18px; }
.lms-quiet-action { display:flex; gap:13px; align-items:center; padding:12px 5px; color:var(--lms-ink); }
.lms-quiet-action>.material-symbols-outlined { color:#86c6c3; }
.lms-quiet-action strong { display:block; font-size:13px; }
.lms-quiet-action small { display:block; font-size:11px; color:var(--lms-muted); margin-top:6px; }
.lms-home-workspace { display:block; }
.lms-home-workspace>.lms-stack { display:block; }
.lms-view-tabs { display:flex; align-items:center; gap:24px!important; padding:0!important; border-radius:0!important; background:transparent!important; border-bottom:1px solid var(--lms-border); margin:0 0 25px; overflow:auto; }
html[data-dls-ui="lms"] .lms-view-tabs>[role="tab"] { position:relative; border:0; background:none!important; color:var(--lms-muted)!important; padding:16px 0; font-size:13px; border-radius:0!important; white-space:nowrap; }
html[data-dls-ui="lms"] .lms-view-tabs>[aria-selected="true"] { color:var(--lms-brand)!important; box-shadow:inset 0 -3px var(--lms-brand); }
.lms-view-panel { scroll-margin-top:110px; }
.lms-home-more { margin-top:24px; border-top:1px solid var(--lms-border); padding:20px 0; }
.lms-home-more>summary { color:var(--lms-muted); font-size:13px; }
.lms-home-more>.lms-card { margin-top:18px; }
.lms-human-mascot { height:280px; width:290px; position:relative; background:radial-gradient(ellipse at 50% 70%,#dcf7f6 0,transparent 65%); isolation:isolate; border-radius:20px; align-self:center; }
.lms-human-mascot canvas { display:block; width:100%; height:100%; position:absolute; inset:0; z-index:1; }
.lms-mascot-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px; color:#678299; text-align:center; font-size:13px; }
.lms-mascot-fallback .material-symbols-outlined { font-size:45px; }
[data-mascot-state="ready"] .lms-mascot-fallback { display:none; }
.lms-mascot-pause,.lms-mascot-greet { position:absolute; bottom:0; z-index:2; border:0; padding:6px 8px; background:#ffffff9c; border-radius:7px; color:#76848f; font-size:10px!important; }
.lms-mascot-greet { left:24px; }.lms-mascot-pause { right:24px; }
.lms-library-welcome .lms-human-mascot { width:210px; height:190px; flex-shrink:0; }
.lms-library-welcome { min-height:200px; padding:10px 28px 10px 34px; }
/* Work is a readable queue; instructions are progressively disclosed on demand. */
html[data-dls-ui="lms"] .lms-student-desk { max-width:1200px!important; }
html[data-dls-ui="lms"] .lms-student-desk form[data-student-desk] { display:block!important; width:100%; padding:0!important; border:0!important; background:none!important; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-hero { margin:0 0 25px!important; max-width:none; justify-content:space-between; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-hero h1 { color:var(--lms-ink)!important; font-size:30px!important; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-hero p { color:var(--lms-muted)!important; font-size:13px; }
html[data-dls-ui="lms"] .lms-student-desk .dls-question-player { background:white; padding:28px; border:1px solid var(--lms-border); border-radius:18px; box-shadow:none; min-height:0; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-question legend { font-size:18px!important; line-height:1.6; text-transform:none!important; letter-spacing:0; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-response-panel { position:static!important; }
html[data-dls-ui="lms"] .lms-student-desk.dls-student-workspace-fullscreen { position:static!important; inset:auto!important; width:100%!important; min-height:0!important; z-index:auto!important; }
html[data-dls-ui="lms"] .lms-student-desk .dls-assignment-hero { padding:0 0 20px!important; background:none!important; border:0!important; }
.lms-student-steps { display:flex; gap:10px; border-bottom:1px solid var(--lms-border); padding:0 0 17px; margin:0 0 28px; }
.lms-student-steps button { display:flex; align-items:center; gap:10px; padding:11px 18px; border:0; border-radius:10px; background:none; font-size:13px; color:var(--lms-muted); }
.lms-student-steps button>span { width:23px; height:23px; border-radius:50%; border:1px solid #d4e7e6; display:grid; place-items:center; font:11px Inter,sans-serif; }
.lms-student-steps button[aria-current="step"] { background:#e7faf9; color:#5387b2; }
.lms-student-steps button[aria-current="step"]>span { background:#699dc7; border-color:transparent; color:white; }
html[data-dls-ui="lms"] .lms-student-phase .dls-assignment-overview-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:25px; }
html[data-dls-ui="lms"] .lms-student-phase .dls-assignment-panel { padding:28px; border-radius:18px; }
.lms-student-phase-action { padding:24px 0; display:flex; justify-content:space-between; gap:20px; align-items:center; }
.lms-student-phase-action p { font-size:12px; color:var(--lms-muted); }
html[data-dls-ui="lms"] .lms-student-answer .dls-assignment-activity-grid { display:grid; grid-template-columns:1fr!important; gap:25px; max-width:900px; margin:0 auto; }
.lms-student-answer .dls-assignment-response-panel { max-width:none; }
.lms-student-answer textarea { min-height:210px; line-height:1.9!important; font-size:15px!important; padding:20px!important; background:#fcfefe!important; }
.lms-student-review { background:white; border:1px solid var(--lms-border); border-radius:19px; padding:30px; max-width:900px; margin:0 auto; }
[data-response-review]>article { border-bottom:1px solid var(--lms-border); padding:20px 0; }
[data-response-review] h3 { font-size:12px!important; color:var(--lms-muted); margin-bottom:12px; }
[data-response-review] p { font-size:14px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.lms-review-actions { display:flex; justify-content:space-between; gap:15px; padding-top:28px; }
.lms-submission-status { text-align:center; padding:12px; font-size:13px; }
html[data-dls-ui="lms"] .lms-submitted-screen { max-width:940px; margin:15px auto; padding:0; }
.lms-submission-celebration { display:flex; align-items:center; gap:30px; padding:20px 32px; background:#eef4f2; border-radius:23px; }
.lms-submission-celebration .lms-human-mascot { width:210px; height:220px; flex-shrink:0; }
html[data-dls-ui="lms"] .lms-submission-celebration h1 { font-size:32px!important; line-height:1.3; margin:16px 0; }
.lms-submission-celebration p { font-size:14px; color:var(--lms-muted); line-height:1.9; }
.lms-receipt-status { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#5b8e78; }
.lms-receipt-status .material-symbols-outlined { font-size:18px; }
.lms-submission-receipt { padding:28px 32px; border:1px solid var(--lms-border); background:white; border-radius:18px; margin-top:25px; }
.lms-submission-receipt h2,.lms-submission-next h2 { font-size:18px!important; margin-bottom:18px; }
.lms-submission-receipt dl { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.lms-submission-receipt dt { font-size:11px; color:var(--lms-muted); margin-bottom:7px; }
.lms-submission-receipt dd { font-size:13px; }
.lms-submission-next { padding:28px 5px; }
.lms-submission-next p { font-size:13px; color:var(--lms-muted); line-height:1.8; }
.lms-submission-next>div { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:22px; }
@media(max-width:760px){.lms-student-steps{gap:2px}.lms-student-steps button{padding:10px 7px;font-size:10px;gap:6px}.lms-student-steps button>span{width:19px;height:19px;flex-shrink:0}html[data-dls-ui="lms"] .lms-student-phase .dls-assignment-overview-grid{grid-template-columns:1fr}.lms-student-phase-action{flex-direction:column;align-items:stretch}.lms-student-review{padding:23px}.lms-review-actions{flex-direction:column-reverse}.lms-submission-celebration{flex-direction:column;padding:20px;gap:0}.lms-submission-celebration .lms-human-mascot{height:185px}.lms-submission-receipt{padding:24px}.lms-submission-receipt dl{grid-template-columns:1fr}.lms-submission-next>div{flex-direction:column;align-items:stretch}}
html[data-dls-ui="lms"] .lms-work-queue { display:block; border:1px solid var(--lms-border); border-radius:18px; background:white; overflow:hidden; }
.lms-queue-heading { display:flex; justify-content:space-between; padding:15px 25px; background:#fbfefe; color:#838f98; font-size:10px; letter-spacing:.7px; text-transform:uppercase; border-bottom:1px solid var(--lms-border); }
html[data-dls-ui="lms"] .lms-work-queue>.dls-assignment-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.55fr); gap:30px; padding:25px!important; border:0!important; border-bottom:1px solid var(--lms-border)!important; border-radius:0!important; margin:0; box-shadow:none!important; transform:none; }
.lms-work-queue>.dls-assignment-card:last-child { border-bottom:0!important; }
.lms-queue-main { min-width:0; }
.lms-queue-main .dls-assignment-card-top { justify-content:flex-start; align-items:center; gap:12px; margin-bottom:10px; }
.lms-queue-main .dls-assignment-status { padding:3px 7px; border-radius:5px; font-size:9px; background:#eff9f8; color:#7595b0; }
.lms-queue-main h2 { font-size:17px!important; line-height:1.45; margin:0; }
.lms-queue-end { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:10px; }
.lms-queue-end .dls-assignment-meta { margin:0; justify-content:flex-end; gap:9px; font-size:11px!important; }
.lms-queue-end .dls-assignment-card-actions { padding:0; margin:0; }
.lms-task-directions { margin-top:12px; }
.lms-task-directions summary { font-size:11px; color:var(--lms-muted); }
.lms-task-directions p { font-size:13px; line-height:1.8; margin-top:12px; max-width:660px; color:var(--lms-muted); }
html[data-dls-ui="lms"] .lms-main .dls-assignment-view-controls { padding:16px 20px; margin:0 0 22px; }
html[data-dls-ui="lms"] .lms-main .dls-assignment-hero { margin-bottom:22px!important; }
/* A guided builder keeps real inputs and handlers mounted across every step. */
html[data-dls-ui="lms"] .lms-main>.lms-guided-form-layout { display:grid!important; grid-template-columns:220px minmax(0,1fr)!important; max-width:1240px; gap:34px; align-items:start; }
html[data-dls-ui="lms"] .lms-guided-form-layout>article { grid-column:2; grid-row:1; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; overflow:visible; }
html[data-dls-ui="lms"] .lms-main .lms-guided-form-layout>article { padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.lms-builder-tools { margin-top:18px; padding:16px 20px; border:1px solid var(--lms-border); border-radius:12px; background:#fbfefe; }
.lms-builder-tools>summary { font-size:12px; color:var(--lms-muted); }
.lms-builder-tools>div { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.lms-builder-tools button { border-radius:8px!important; font-size:12px!important; padding:10px 16px!important; }
.lms-guided-form-layout>.lms-wizard-sidebar { grid-column:1; grid-row:1; position:sticky; top:100px; background:transparent; border:0; padding:0; }
html[data-dls-ui="lms"] .lms-wizard { display:block!important; }
.lms-form-stepper { display:flex; flex-direction:column; gap:8px; }
.lms-form-stepper button { display:flex; align-items:center; gap:10px; padding:14px 12px; border:0; background:none; text-align:left; border-radius:11px; color:var(--lms-muted); font-size:12px; }
.lms-form-stepper button>span:first-child { width:25px; height:25px; border:1px solid #d2e8e7; display:grid; place-items:center; border-radius:50%; flex-shrink:0; font:500 11px Inter,sans-serif; }
.lms-form-stepper button>b { flex:1; line-height:1.5; }
.lms-form-stepper button>.material-symbols-outlined { font-size:17px; }
.lms-form-stepper button[aria-current="step"] { background:#e6f8f7; color:#5186b1; }
.lms-form-stepper button[aria-current="step"]>span:first-child { background:#669cc8; color:white; border-color:transparent; }
.lms-form-stepper button:disabled { opacity:.5; cursor:default; }
.lms-wizard-tip { border-top:1px solid var(--lms-border); padding:22px 12px; margin-top:22px; font-size:12px; }
.lms-wizard-tip p { font-size:11px; line-height:1.8; color:var(--lms-muted); margin-top:9px; }
.lms-form-step { background:white; border:1px solid var(--lms-border); padding:32px; border-radius:18px; scroll-margin-top:95px; }
.lms-step-heading { padding-bottom:24px; border-bottom:1px solid var(--lms-border); margin-bottom:26px; }
.lms-step-heading>span { display:block; font-size:10px; color:#88a5bc; text-transform:uppercase; letter-spacing:1px; margin-bottom:9px; }
.lms-step-heading h2 { font-size:23px!important; margin:0; line-height:1.4; }
.lms-step-heading p { font-size:13px; color:var(--lms-muted); margin-top:10px; }
.lms-step-fields { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.lms-step-fields>section,.lms-step-fields>fieldset,.lms-step-fields>div:has(textarea),.lms-step-fields>label:has(textarea),.lms-step-fields>.md\:col-span-2 { grid-column:1/-1; }
html[data-dls-ui="lms"] .lms-step-fields>section { border:0!important; padding:0!important; background:none!important; box-shadow:none!important; border-radius:0!important; }
html[data-dls-ui="lms"] .lms-step-fields label { font-size:12px; font-weight:600; color:var(--lms-ink); }
html[data-dls-ui="lms"] .lms-step-fields :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { font-size:14px; border-radius:9px!important; border:1px solid #d9e6e5; min-height:46px; padding:12px 14px; background:#fdffff; margin-top:9px; box-shadow:none; }
.lms-step-fields label>.uppercase { font-size:9px; color:#919ea8; letter-spacing:.6px; }
.lms-wizard-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 0; }
.lms-step-status { font-size:11px; color:var(--lms-muted); margin-right:auto; }
.lms-form-finish { margin-top:25px; }
html[data-dls-ui="lms"] .lms-form-finish>div { position:static!important; padding:18px 0 0!important; border:0!important; border-top:1px solid var(--lms-border)!important; background:none!important; box-shadow:none!important; }
.lms-form-finish button { border-radius:9px!important; font-size:12px!important; padding:12px 18px!important; }
.lms-review-list { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.lms-review-list>div { padding:15px 0; border-bottom:1px solid var(--lms-border); min-width:0; }
.lms-review-list dt { font-size:10px; color:var(--lms-muted); margin-bottom:7px; }
.lms-review-list dd { font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; max-height:180px; overflow:auto; }
.lms-form-group { padding:24px; border:1px solid var(--lms-border); border-radius:15px; margin-bottom:20px; }
/* Class administration: searchable rows and optional details rather than nested cards. */
html[data-dls-ui="lms"] .lms-class-roster { display:block; background:white; border:1px solid var(--lms-border); border-radius:18px; overflow:hidden; }
html[data-dls-ui="lms"] .lms-class-roster>[data-dls-active-class-card] { display:grid!important; grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr); padding:26px!important; gap:18px 28px; border:0!important; border-top:1px solid var(--lms-border)!important; border-radius:0!important; background:white!important; transform:none!important; }
.lms-class-roster [data-dls-active-class-card]>div:last-child { margin:0!important; border:0!important; padding:0!important; grid-column:2; grid-row:1/3; align-content:center; justify-content:flex-end; }
.lms-class-roster [data-dls-active-class-card]>div:first-child { grid-column:1; }
.lms-class-details { grid-column:1; font-size:12px; color:var(--lms-muted); }
.lms-class-details>summary { cursor:pointer; }
.lms-class-details>div { margin-top:15px; }
.lms-class-details>div>div { margin-top:8px!important; }
.lms-roster-search { display:flex; align-items:center; gap:12px; padding:18px 24px; color:#8c9ead; }
.lms-roster-search input { flex:1; min-width:0; border:0!important; padding:8px; font-size:13px; background:none; }
.lms-roster-search>span[role="status"] { font-size:11px; white-space:nowrap; }
.lms-record-desk { background:white; border-top:1px solid var(--lms-border); }
.lms-table-tools { position:relative; background:white; border:0; padding:20px; }
.lms-table-tools input { width:min(380px,100%); border-radius:9px!important; padding:11px 14px; }
.lms-column-picker { position:relative; margin-left:auto; }
.lms-column-picker summary { font-size:12px; color:var(--lms-muted); padding:8px 12px; border:1px solid var(--lms-border); border-radius:8px; }
.lms-column-picker>div { position:absolute; right:0; top:43px; min-width:190px; z-index:15; background:white; border:1px solid var(--lms-border); border-radius:11px; box-shadow:0 10px 30px #24334012; padding:14px; }
.lms-column-picker label { display:flex; align-items:center; gap:10px; font-size:12px; padding:8px; }
.lms-page-contents { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; margin:0 0 26px; border-bottom:1px solid var(--lms-border); padding:10px 0 17px; }
.lms-page-contents>span { color:#92a4b2; font-size:10px; text-transform:uppercase; letter-spacing:.8px; }
.lms-page-contents a { color:var(--lms-muted); font-size:12px; padding:6px 0; }
.lms-workspace-section { scroll-margin-top:100px; }
.lms-syllabus .dls-math-simple-unit { border:0!important; border-bottom:1px solid var(--lms-border)!important; border-radius:0!important; margin:0!important; }
.lms-syllabus .dls-math-simple-unit>summary { padding:22px!important; }
.lms-settings-grid[data-preference-layout] { display:block; max-width:950px; margin:0 auto; }
.lms-settings-grid[data-preference-layout] form { display:block; }
.lms-settings-grid[data-preference-layout] form>div:last-child { margin-top:24px; }
@media(max-width:1100px){html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content {padding:30px!important}.lms-home-v3 .lms-dashboard-columns {grid-template-columns:1fr}.lms-learning-side {grid-template-columns:1fr 1fr}.lms-welcome-desk .lms-hero-actions {gap:8px}.lms-welcome-desk .lms-hero-actions .lms-btn {padding:11px 15px;font-size:12px}html[data-dls-ui="lms"] .lms-main>.lms-guided-form-layout {grid-template-columns:180px minmax(0,1fr)!important;gap:22px}.lms-step-fields{grid-template-columns:1fr}.lms-human-mascot{width:230px}html[data-dls-ui="lms"] .lms-welcome-desk{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:760px){html[data-dls-ui="lms"] .lms-main>.dls-page,html[data-dls-ui="lms"] .lms-content{padding:24px 18px 45px!important}html[data-dls-ui="lms"] .lms-welcome-desk{display:flex;flex-direction:column-reverse;gap:0;padding:22px!important;align-items:stretch}.lms-human-mascot{height:160px;width:185px;align-self:center}.lms-welcome-desk .lms-human-mascot{height:170px}.lms-mascot-pause,.lms-mascot-greet{font-size:9px!important;bottom:2px;padding:3px 5px}.lms-mascot-greet{left:0}.lms-mascot-pause{right:0}.lms-learning-side{grid-template-columns:1fr}.lms-library-gateway{padding:23px;align-items:flex-start}.lms-library-gateway>.material-symbols-outlined{display:none}.lms-view-tabs{gap:20px!important}.lms-library-welcome .lms-human-mascot{display:none}html[data-dls-ui="lms"] .lms-work-queue>.dls-assignment-card{grid-template-columns:1fr;gap:18px;padding:22px!important}.lms-queue-end{align-items:flex-start}.lms-queue-end .dls-assignment-meta{justify-content:flex-start}.lms-queue-heading>span:last-child{display:none}html[data-dls-ui="lms"] .lms-main>.lms-guided-form-layout{display:flex!important;flex-direction:column;gap:18px!important}.lms-guided-form-layout>article{order:2;width:100%}.lms-guided-form-layout>.lms-wizard-sidebar{position:static;order:1;width:100%}.lms-form-stepper{flex-direction:row;overflow:auto;gap:6px}.lms-form-stepper button{padding:9px;min-width:135px;font-size:10px}.lms-form-stepper button>.material-symbols-outlined{display:none}.lms-wizard-tip{display:none}.lms-form-step{padding:23px}.lms-review-list{grid-template-columns:1fr}.lms-step-heading h2{font-size:21px!important}.lms-wizard-footer{flex-wrap:wrap}.lms-step-status{order:3;flex-basis:100%;text-align:center}.lms-form-finish>div{display:flex;flex-direction:column;align-items:stretch}.lms-form-finish button{width:100%}html[data-dls-ui="lms"] .lms-class-roster>[data-dls-active-class-card]{display:flex!important;flex-direction:column;padding:22px!important}.lms-class-roster [data-dls-active-class-card]>div:last-child{justify-content:flex-start}.lms-roster-search{padding:15px}.lms-column-picker{margin-left:0}.lms-table-tools{padding:16px}.lms-library-welcome{padding:25px;min-height:0}}
@media(prefers-reduced-motion:reduce){.lms-human-mascot canvas{transition:none!important}}
html[data-dls-ui="lms"] .lms-mascot-credit{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;color:#717f8b;text-decoration:none;z-index:2}
html[data-dls-ui="lms"] .lms-mascot-pause,html[data-dls-ui="lms"] .lms-mascot-greet{bottom:18px}
html[data-dls-ui="lms"] .lms-brand-mark { transform:none; background:var(--lms-brand); }
.lms-brand-mark svg { width:30px; height:30px; display:block; }
html[data-dls-ui="lms"] .dls-assignment-type[data-work-type] { display:inline-flex; padding:5px 9px; border-radius:6px; background:#e9f3fc; color:#176ba5; font-size:11px; font-weight:600; text-transform:none; letter-spacing:0; }
html[data-dls-ui="lms"] .dls-assignment-type[data-work-type="lab"] { background:#e8f6f0; color:#20765b; }
html[data-dls-ui="lms"] .dls-assignment-type[data-work-type="project"] { background:#e7f5f5; color:#226f76; }
html[data-dls-ui="lms"] .dls-assignment-type[data-work-type="assessment"] { background:#fff4dc; color:#886518; }
/* Live roster cards and all authenticated form controls share the workspace system. */
html[data-dls-ui="lms"] .lms-student-roster {display:block;background:white;border:1px solid var(--lms-border);border-radius:18px;overflow:hidden}
html[data-dls-ui="lms"] .lms-student-roster>[data-dls-student-card] {display:grid!important;grid-template-columns:minmax(200px,1.2fr) minmax(180px,1fr) auto;align-items:center;gap:24px;padding:24px!important;border:0!important;border-top:1px solid var(--lms-border)!important;border-radius:0!important;background:white!important;box-shadow:none!important;transform:none!important}
html[data-dls-ui="lms"] :is(.lms-student-roster,.lms-class-roster) [hidden] {display:none!important}
html[data-dls-ui="lms"] .lms-student-roster article>div {margin:0!important;min-width:0}
html[data-dls-ui="lms"] .lms-student-roster article>div:last-child {border:0!important;padding:0!important;gap:8px;flex-direction:column}
html[data-dls-ui="lms"] :is(.lms-student-roster,.lms-class-roster) article h3 {font-size:18px!important;line-height:1.4;font-weight:700;color:var(--lms-ink)}
html[data-dls-ui="lms"] :is(.lms-student-roster,.lms-class-roster) article p {overflow-wrap:anywhere;font-size:12px;line-height:1.6}
html[data-dls-ui="lms"] :is(.lms-student-roster,.lms-class-roster) article a {border-radius:8px!important;padding:10px 14px!important;font-size:12px!important;justify-content:center}
html[data-dls-ui="lms"] #lms-main :is(form,.lms-form-layout) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {max-width:100%;min-width:0;border:1px solid #ccdce7!important;border-radius:9px!important;background:#fff!important;color:#243646!important;padding:12px 14px!important;min-height:44px;font:400 14px/1.5 'Plus Jakarta Sans',sans-serif;box-shadow:none!important}
html[data-dls-ui="lms"] #lms-main :is(input,select,textarea):focus-visible {outline:3px solid #b7def2!important;outline-offset:2px;border-color:#176ba5!important}
html[data-dls-ui="lms"] #lms-main :is(input[type="checkbox"],input[type="radio"]) {accent-color:#176ba5;min-width:17px;min-height:17px}
html[data-dls-ui="lms"] .lms-organized-form :is(fieldset,section) {border-color:var(--lms-border)!important;box-shadow:none!important}
html[data-dls-ui="lms"] :is(.dls-interactive-mode-card,.dls-recipient-student-grid>label) {border:1px solid var(--lms-border)!important;border-radius:12px!important;padding:18px!important;background:#fff!important;box-shadow:none!important}
html[data-dls-ui="lms"] :is(.dls-interactive-mode-card,.dls-recipient-student-grid>label):has(input:checked) {border-color:#176ba5!important;background:#eef7fc!important}
@media(max-width:1100px){html[data-dls-ui="lms"] .lms-student-roster>[data-dls-student-card]{grid-template-columns:1fr 1fr}html[data-dls-ui="lms"] .lms-student-roster article>div:last-child{grid-column:1/-1;flex-direction:row}}
@media(max-width:760px){html[data-dls-ui="lms"] .lms-student-roster>[data-dls-student-card]{display:flex!important;flex-direction:column;align-items:stretch;gap:18px;padding:22px!important}}
html[data-dls-ui="lms"] .lms-roster-heading {background:transparent!important;color:var(--lms-ink)!important;padding:0 0 24px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-dls-ui="lms"] .lms-roster-heading h1 {font-size:34px!important;line-height:1.3!important;letter-spacing:-1px}
html[data-dls-ui="lms"] .lms-roster-heading p {color:var(--lms-muted)!important;font-size:14px!important;max-width:650px}
html[data-dls-ui="lms"] .lms-roster-heading span.uppercase {display:none}
html[data-dls-ui="lms"] .lms-roster-heading a,html[data-dls-ui="lms"] :is(.lms-class-roster,.lms-student-roster) a.bg-primary {background:#176ba5!important;color:#fff!important;border-radius:9px!important}
html[data-dls-ui="lms"] .lms-enrollment-details {margin:20px 0;border:1px solid var(--lms-border);border-radius:12px;background:white;font-size:13px}
html[data-dls-ui="lms"] .lms-enrollment-details>summary {padding:18px 22px;cursor:pointer;font-weight:600;color:#176ba5}
html[data-dls-ui="lms"] .lms-enrollment-details [data-code-join-requests] {border:0!important;border-top:1px solid var(--lms-border)!important;margin:0!important;border-radius:0!important}
html[data-dls-ui="lms"] #lms-main .text-brand-accent {color:#176ba5!important}