.portal-header-status{align-items:center;gap:20px;min-width:0;margin-left:auto;display:flex}.portal-header-status .portal-private{white-space:nowrap;margin-left:0}.portal-header-status .portal-avatar{flex-shrink:0}.portal-online{color:#75818a;flex-shrink:1;min-width:0;position:relative}.portal-online summary{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e4e9ec;border-radius:20px;align-items:center;gap:7px;max-width:250px;min-height:32px;padding:7px 10px;font-size:12px;list-style:none;display:flex}.portal-online summary::-webkit-details-marker{display:none}.portal-online summary>svg{flex-shrink:0}.portal-online summary:focus-visible{outline-offset:3px;outline:2px solid #04a8b5}.portal-online-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-online-dot{background:#a0aab2;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.portal-online--active{color:#247749}.portal-online--active summary{background:#f0f9f4;border-color:#d0e9da}.portal-online--active .portal-online-dot{background:#2c9e60}.portal-online--unavailable{color:#886b31}.portal-online--unavailable .portal-online-dot{background:#c39847}.portal-online-panel{z-index:80;box-sizing:border-box;color:#344752;background:#fff;border:1px solid #e0e7e9;border-radius:12px;width:300px;max-width:calc(100vw - 28px);padding:17px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 28px #213c4924}.portal-online-panel>strong{font-size:13px}.portal-online-panel ul{max-height:min(300px,55dvh);margin:13px 0;padding:0;list-style:none;overflow:auto}.portal-online-panel li{border-bottom:1px solid #eef2f3;align-items:center;gap:8px;padding:9px 0;font-size:13px;display:flex}.portal-online-panel li>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.portal-online-panel li small{color:#38845b;flex-shrink:0;margin-left:auto;padding-left:8px;font-size:10px}.portal-online-panel p{color:#75818a;margin:13px 0;font-size:12px;line-height:1.5}.portal-online-panel footer{color:#87949c;font-size:10px;line-height:1.5}.portal-online-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.portal-header-status{gap:12px}.portal-header-status .portal-private{display:none}.portal-online summary{max-width:185px}}@media (max-width:700px){.teacher-portal .portal-topbar{flex-wrap:wrap;row-gap:0;height:auto;min-height:56px}.portal-topbar nav{height:56px}.portal-header-status{justify-content:flex-end;width:100%;padding-bottom:9px}.portal-online summary{max-width:calc(100vw - 90px)}.portal-header-status .portal-avatar{margin-left:0}}.teacher-presence-header>.portal-online,.builder-header>.portal-online,.dashboard-top>.portal-online{flex-shrink:0;font-family:Arial,Segoe UI,sans-serif}.dashboard-top>.portal-online{margin-left:auto}.teacher-presence-header>.portal-online>summary,.builder-header>.portal-online>summary,.dashboard-top>.portal-online>summary{letter-spacing:normal;min-width:0;margin:0;font-weight:400}.teacher-presence-header>.portal-online>.portal-online-panel,.builder-header>.portal-online>.portal-online-panel,.dashboard-top>.portal-online>.portal-online-panel{text-align:left}@media (max-width:850px){.reference-classroom>.school-header.reference-header.teacher-presence-header{flex-wrap:wrap;row-gap:0;height:auto;padding-bottom:9px}.teacher-presence-header>.portal-online{flex-basis:100%;order:4;margin-left:0}.teacher-presence-header>.portal-online>summary{max-width:calc(100vw - 32px);margin-left:auto}.builder-header>.portal-online{margin-left:auto}.dashboard-top{flex-wrap:wrap;gap:12px}}.curriculum-create-dialog{max-height:90dvh;overflow:auto;margin:auto!important;position:fixed!important;inset:0!important}.input-confirm-wrap{vertical-align:middle;align-items:center;gap:5px;max-width:100%;display:inline-flex}.input-confirm-button{color:#274a9a;cursor:pointer;background:#edf2ff;border:1px solid #b8c7ef;border-radius:8px;padding:6px 9px;font-size:12px}.input-confirm-button:disabled{opacity:.45;cursor:default}.section-part .section-part-edit,.part-picker .section-part-edit,.room-part-picker .section-part-edit{opacity:0;transition:opacity .15s}.section-part:hover .section-part-edit,.section-part:focus-within .section-part-edit,.part-picker:hover .section-part-edit,.part-picker:focus-within .section-part-edit,.room-part-picker:hover .section-part-edit,.room-part-picker:focus-within .section-part-edit{opacity:1}.class-insert-line{align-items:center;gap:12px;min-height:40px;padding:12px 0;display:flex}.class-insert-line:before,.class-insert-line:after{content:"";background:#dce1ed;flex:1;height:1px}.class-insert-line button{opacity:0;color:#52658b;cursor:pointer;background:#fff;border:1px solid #d5ddec;border-radius:20px;padding:7px 16px}.class-insert-line:hover button,.class-insert-line:focus-within button{opacity:1}.class-material-edit{justify-content:flex-end;margin:8px 0;display:flex}.class-material-edit button{color:#53648b;cursor:pointer;background:#fff;border:1px solid #d9dfee;border-radius:8px;padding:6px 12px}@media (hover:none){.class-insert-line button,.section-part .section-part-edit,.part-picker .section-part-edit,.room-part-picker .section-part-edit{opacity:1}}.curriculum-part-rename,.builder-part-rename{opacity:0;transition:opacity .15s}.curriculum-part-entry:hover .curriculum-part-rename,.curriculum-part-entry:focus-within .curriculum-part-rename,.builder-part-entry:hover .builder-part-rename,.builder-part-entry:focus-within .builder-part-rename{opacity:1}[data-secondary-board=true] .board-surface:not(.expanded-surface)>.board-inline-tools{display:none}.outline-tools{flex-wrap:wrap;align-items:center;gap:3px;padding:3px 0;display:flex}.outline-tools>button{color:#596984;cursor:pointer;background:#edf0f7;border:0;border-radius:6px;place-items:center;min-width:26px;min-height:26px;display:grid}.outline-tools>button:disabled{opacity:.35;cursor:default}.outline-tools>button:last-of-type{color:#b43c4e}.builder-sidebar nav .builder-subsection{border-bottom:1px solid #e9ecf3;padding:6px 0}.builder-sidebar nav .builder-subsection>button{width:100%}.course-board-entry>.outline-tools{grid-column:1/-1;margin-left:43px}.outline-dialog{color:#24344f;border:1px solid #dce2ee;border-radius:18px;width:min(440px,100vw - 32px);padding:26px;font-family:inherit;box-shadow:0 18px 80px #17244330}.outline-dialog form{gap:18px;display:grid}.outline-dialog h2{margin:0;font-size:21px}.outline-dialog label{gap:6px;font-size:14px;display:grid}.outline-dialog input,.outline-dialog select{width:100%;font:inherit;border:1px solid #d9dfeb;border-radius:8px;padding:10px}.outline-dialog form>div:last-child{justify-content:flex-end;gap:10px;display:flex}.outline-dialog button{color:#334a71;cursor:pointer;background:#fff;border:1px solid #d9dfeb;border-radius:8px;padding:9px 14px}.outline-dialog button:last-child{color:#fff;background:#365db2}.outline-dialog::backdrop{background:#15264460}.course-resource{display:block!important}.course-book{align-items:center;gap:16px;padding:10px 0 18px;display:flex}.course-book-cover{color:#fff;background:linear-gradient(150deg,#375b9d,#192f58);border-left:6px solid #183366;border-radius:3px 9px 9px 3px;flex-direction:column;justify-content:space-between;align-items:center;width:96px;min-width:96px;height:144px;padding:12px 7px;display:flex;overflow:hidden;box-shadow:4px 6px 12px #1c315230}.course-book-cover small{letter-spacing:2px;font-size:8px}.course-book-cover strong{color:#ffd58c;font-size:32px}.course-book-cover span{text-align:center;font-size:10px}.course-book-cover:has(img){border-left:4px solid #163156;padding:0}.course-book-cover img{object-fit:cover;width:100%;height:100%}.course-book-title{min-width:0}.course-book-title h2{line-height:1.2;margin:0 0 8px!important;font-size:21px!important}.course-book-title p{color:#70809b;font-size:13px!important}.book-edit{color:#3b5a94;cursor:pointer;background:#eaf0fb;border:0;border-radius:6px;padding:6px 9px;font-size:11px}.school-room .course-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.school-room .course-tabs>button{justify-content:center;gap:6px;min-width:0;padding:10px 7px;line-height:1.3}.school-room .course-tabs:not(.teacher-course-tabs)>button:last-child{grid-column:1/-1}.navigation-control{color:#52627e;align-items:center;gap:7px;max-width:220px;font-size:12px;display:flex}.navigation-control input{accent-color:#3b67b9;height:16px;width:16px!important}.personal-heading{border-bottom:1px solid #e0e7f1;margin-bottom:20px;padding:28px 0}.personal-heading>span{letter-spacing:2px;color:#637aa0;font-size:11px}.personal-heading h1{margin:10px 0;font-size:32px}.personal-heading p,.personal-empty p{color:#70809a}.personal-empty{text-align:center;background:#f5f8fc;border-radius:20px;padding:50px 20px}.chat-messages{background:var(--chat-bg,#eaf3f0);padding-top:4px}.chat-message{font-size:var(--chat-font,16px);box-shadow:0 1px 2px #17382c10}.chat-message.chat-own{color:#23493d;background:#d9f4e7;border-color:#c8ead8;border-radius:12px 3px 12px 12px;margin-left:auto;margin-right:0}.chat-message.chat-peer{color:#293c3b;background:#fff;border-color:#e0e8e3;border-radius:3px 12px 12px;margin-left:0;margin-right:auto}.chat-receipt{color:#8a9995;font-size:13px;font-weight:700}.chat-receipt.is-read{color:#1389dc}.chat-message time{opacity:1;color:#7c8f89}.chat-edit-button{color:#66877d;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:10px}.chat-appearance{color:#607e75;background:#fafdfb;padding:8px 12px;font-size:11px}.chat-appearance summary{cursor:pointer}.chat-appearance label{align-items:center;gap:6px;margin-top:8px;margin-right:12px;display:inline-flex}.chat-appearance input{border:0;width:32px;height:25px;padding:0}.chat-appearance select{font:inherit;border:1px solid #d7e4df;border-radius:5px;padding:3px}.chat-edit textarea{width:100%;min-height:70px;font:inherit;border:1px solid #91bcae;border-radius:6px;padding:7px}.chat-edit button{color:#315e50;background:#fff;border:0;border-radius:5px;margin:4px;padding:5px 9px;font-size:11px}.chat-heading{background:#ebf5ef;border-color:#dce9e2}.chat-heading h2{color:#315c4f}.chat-compose button{background:#357764}.teacher-dashboard{color:#24354c;max-width:1240px;margin:0 auto;padding:32px 40px 70px}.dashboard-top{border-bottom:1px solid #e4e9f1;justify-content:space-between;align-items:center;padding-bottom:30px;display:flex}.dashboard-top>span{letter-spacing:2px;color:#7e8ca3;font-size:10px}.dashboard-intro{justify-content:space-between;align-items:center;gap:20px;padding:42px 0 32px;display:flex}.dashboard-intro p{letter-spacing:2px;color:#7b91b5;margin:0 0 12px;font-size:10px}.dashboard-intro h1{letter-spacing:-1px;color:#263b5f;margin:0;font-size:36px;font-weight:650}.dashboard-secondary{color:#587296;cursor:pointer;font:inherit;background:#fff;border:1px solid #dce3ef;border-radius:10px;align-items:center;gap:7px;padding:11px 14px;font-size:13px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:32px;display:grid}.dashboard-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:10px 0 22px;display:flex}.dashboard-section-heading h2{align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.dashboard-section-heading label{color:#7a8ca5;gap:4px;font-size:11px;display:grid}.dashboard-section-heading select{font:inherit;color:#3b557a;background:#fff;border:1px solid #dce3ee;border-radius:8px;max-width:240px;padding:9px;font-size:12px}.student-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:17px;display:grid}.student-card{text-align:center;background:#fff;border:1px solid #e0e6f0;border-radius:17px;flex-direction:column;align-items:center;padding:25px 20px 16px;display:flex;box-shadow:0 3px 12px #243b5f04}.student-avatar{color:#7085b5;background:#edf1fb;border-radius:18px;place-items:center;width:54px;height:54px;font-size:23px;font-weight:600;display:grid}.student-card:nth-child(3n+2) .student-avatar{color:#a084bb;background:#f3eefa}.student-card:nth-child(3n+3) .student-avatar{color:#7b9f8d;background:#eaf4ef}.student-card h3{overflow-wrap:anywhere;margin:16px 0 20px;font-size:19px;font-weight:600}.student-enter{color:#fff;background:#477b68;border-radius:8px;justify-content:center;align-items:center;gap:20px;width:100%;padding:11px 15px;font-size:13px;text-decoration:none;display:flex}.student-enter:hover{background:#356751}.student-delete{color:#c15d68;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:14px;font-size:11px;display:flex}.student-delete:hover{color:#a32c40}.dashboard-add-student{background:#f8faff;border:1px dashed #ccd8e9;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding:22px;display:flex}.dashboard-add-student>div{flex:1;min-width:130px}.dashboard-add-student h3{margin:0 0 4px;font-size:14px}.dashboard-add-student p{color:#8192ac;margin:0;font-size:11px}.dashboard-add-student input{width:170px;min-width:100px;font:inherit;background:#fff;border:1px solid #dce4f0;border-radius:8px;padding:10px;font-size:13px}.dashboard-add-student>button{color:#fff;font:inherit;cursor:pointer;background:#365db2;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.dashboard-add-student>button:disabled{opacity:.5}.dashboard-material{background:linear-gradient(155deg,#f1f5fd,#fafbff);border:1px solid #dde5f4;border-radius:18px;align-self:start;padding:26px}.dashboard-material-icon{color:#5673ad;background:#e3ebfc;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid}.dashboard-material>p:first-of-type{letter-spacing:2px;color:#8299bf;font-size:10px}.dashboard-material h2{margin:10px 0;font-size:22px}.dashboard-material>p{color:#7c8eaa;font-size:13px;line-height:1.7}.dashboard-edit-material{color:#4b6eaa;background:#fff;border:1px solid #d8e2f6;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding:12px 14px;font-size:13px;text-decoration:none;display:flex}.unassigned-lessons{border-top:1px solid #dce5f5;margin-top:28px;padding-top:16px}.unassigned-lessons h3{color:#647fa8;font-size:12px}.unassigned-lessons>div{border-bottom:1px solid #e3eaf6;flex-wrap:wrap;gap:10px;padding:13px 0;display:flex}.unassigned-lessons strong{color:#5c7294;width:100%;font-size:12px;font-weight:500}.unassigned-lessons a,.unassigned-lessons button{font:inherit;color:#5b7bb1;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:none}.dashboard-empty{text-align:center;color:#90a1ba;background:#fff;border:1px solid #e3e9f3;border-radius:15px;grid-column:1/-1;padding:45px 20px}.dashboard-empty h3{color:#607596;font-size:18px}.dashboard-empty p{font-size:13px}.dashboard-footer{color:#8594aa;margin-top:35px;font-size:12px}.dashboard-footer>button{color:#8594aa;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.dashboard-footer section{background:#fff;border:1px solid #e3e8f1;border-radius:12px;margin-top:16px;padding:20px}.dashboard-footer section p{justify-content:space-between;gap:20px;display:flex}.dashboard-footer section button{color:#5274ad;cursor:pointer;background:#eef3fc;border:0;border-radius:6px;padding:6px 12px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:none){.curriculum-part-rename,.builder-part-rename,.class-insert-line button{opacity:1}}@media (max-width:900px){.teacher-dashboard{padding:24px}.dashboard-grid{grid-template-columns:1fr}.dashboard-material{margin-top:10px}.dashboard-intro h1{font-size:30px}.dashboard-add-student{padding:16px}}@media (max-width:540px){.teacher-dashboard{padding:20px 16px}.dashboard-top>span{display:none}.dashboard-intro{align-items:flex-start;padding:28px 0}.dashboard-intro h1{font-size:26px}.dashboard-secondary{white-space:nowrap;padding:8px;font-size:11px}.dashboard-section-heading{align-items:flex-start}.dashboard-section-heading select{max-width:170px}.student-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-card{padding:19px 12px 12px}.student-card h3{font-size:16px}.dashboard-add-student input{flex:1;width:100%}.course-book-cover{width:84px;min-width:84px;height:126px}.course-book-title h2{font-size:18px!important}}.dashboard-add-student select{min-width:140px;max-width:240px;font:inherit;color:#3b557a;background:#fff;border:1px solid #dce4f0;border-radius:8px;padding:10px;font-size:13px}
