body,html{min-height:100%}.fa-icon{fill:currentColor;display:inline-block}.dropdown-hover:focus-within>.dropdown-custom{display:block}.auth-forgot-password .container,.auth-login .container,.auth-reset-password .container,.auth-set-password .container,.user-switch .container{max-width:400px;padding-top:70px}.main .btn.btn-primary{background-color:#f3f3f3}.dashboard-index .list-view,.dashboard-index>.row>.col-xs-6>.panel>.content{padding:0}.dashboard-index .panel{margin-bottom:20px}.auth-forgot-password .form-group:not(.has-error) .form-control,.auth-login .form-group:not(.has-error) .form-control,.auth-reset-password .form-group:not(.has-error) .form-control,.auth-set-password .form-group:not(.has-error) .form-control{border-color:#95b652}.auth-password-note{color:#626b72;font-size:.9rem}.auth-password-footer{margin-top:14px}.connection-problem{max-width:600px;margin:70px auto 0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid}@media (prefers-reduced-motion:reduce){.alert-animated,.icon-spin{animation:none!important}}.navbar-header--switch{height:8px;min-height:8px;margin:0;padding:0}.container.main.main--switch{width:100%;min-width:0;max-width:none;padding:0}body:has(.main--switch){min-width:0}.main--switch .disclaimer{color:#6a7d86;max-width:760px;margin:0 auto;padding:1rem 1.25rem 1.75rem;line-height:1.6}.lesson-browser #folder-wrapper{white-space:normal;align-items:flex-start;max-width:100%;display:flex;position:relative;overflow:auto}.lesson-browser .lesson-folder-column{float:none;flex:0 0 260px;min-width:240px;padding-right:10px}.lesson-folder-entry{position:relative}.lesson-folder-manage{position:absolute;top:10px;right:25px}.lesson-folder-entry .btn{padding-right:50px}.lesson-folder-columns{align-items:flex-start;display:flex;overflow:auto}.lesson-folder-columns .subdirs{min-width:180px;padding:12px}.lesson-folder-columns li{margin-bottom:8px;list-style:none}.lesson-modal .bg{opacity:.7;z-index:10001;background:#333;width:100%;height:100%;position:fixed;inset:0}.lesson-modal .inner{color:#333;z-index:10002;background:#fff;border-radius:2px;outline:none;width:60%;min-height:0;max-height:calc(100dvh - 7rem);padding:.76rem 1rem;position:fixed;top:5rem;left:20%;overflow:auto}.lesson-modal .inner .close{color:red;z-index:1;background:0 0;border:0;font-size:24px;position:absolute;top:.5rem;right:1rem}.lesson-upload-label{position:relative;overflow:hidden}.lesson-upload-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lesson-icon-button{color:#0663a5;background:0 0;border:0}.lesson-overview .btn-group button{float:none}.lesson-canvas{width:100%;min-width:0;padding:0;position:relative}.lesson-canvas-frame{margin:0 auto;position:relative}.lesson-canvas .lesson-scene{transform-origin:0 0;z-index:1;background-position:50%;background-size:cover;width:1280px;height:720px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.lesson-canvas .lesson-panel{box-sizing:border-box;background:0 0;margin:0;padding:0;position:absolute;overflow:visible;min-width:0!important;min-height:0!important}.lesson-canvas .lesson-panel .inner{width:100%;height:100%;overflow:hidden}.lesson-canvas .asset-image,.lesson-canvas .asset-sound,.lesson-canvas .asset-video{margin:0}.lesson-canvas audio,.lesson-canvas img,.lesson-canvas video{width:100%}.lesson-canvas .asset-text{margin:0;padding:10px;overflow:hidden}.lesson-canvas .asset-text p{margin:0;padding:0}.lesson-canvas-editable{touch-action:none}.lesson-canvas-editable .lesson-panel{cursor:move}.lesson-canvas-editable .lesson-panel.active{cursor:default}.presentation-edit .lesson-panel.create-panel{min-width:200px!important;height:200px!important}.lesson-editor .lesson-panel-tools{z-index:9001;white-space:nowrap;background:#fff;min-width:0;display:none;position:absolute;top:0;left:0;right:auto}.lesson-editor .lesson-panel:focus-within .lesson-panel-tools,.lesson-editor .lesson-panel:hover .lesson-panel-tools{display:flex}.lesson-panel-tools button{color:#0663a5;background:#fff;border:0;width:32px;height:32px;padding:4px}.lesson-panel-tools button:hover{background:#eee}.lesson-resize-handle{z-index:9002;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 65%,#0663a5 0);border:0;width:26px;height:26px;position:absolute;bottom:0;right:0}.lesson-editor .slidebar .lesson-preview{border-radius:0;height:auto;display:block;overflow:hidden}.lesson-editor .slidebar li{margin-bottom:8px;position:relative}.lesson-canvas-preview{pointer-events:none}.lesson-canvas-preview .lesson-panel .inner{border:0!important}.lesson-order-controls{justify-content:center;gap:5px;display:flex}.lesson-order-controls button{color:#0663a5;background:#fff;border:0;width:30px;font-size:12px}.lesson-text-actions{white-space:nowrap;justify-content:flex-end;gap:4px;margin-top:8px;display:flex;position:relative}.lesson-text-actions .btn{padding:8px;font-size:16px;line-height:1.2}.lesson-rich-editor{background:#fff;height:100%;padding:10px}.lesson-rich-editor .ql-container{height:100%;font-size:22px}.lesson-rich-editor .ql-editor{font-family:Amaranth,sans-serif}.lesson-quill-toolbar{text-align:left;background:#fff}.lesson-editor .lesson-quill-toolbar.ql-toolbar{margin-top:10px}.lesson-quill-toolbar .ql-picker.ql-size{width:65px}.lesson-quill-toolbar .ql-picker.ql-font{width:140px}.lesson-quill-toolbar .ql-picker.ql-font .ql-picker-item:before,.lesson-quill-toolbar .ql-picker.ql-font .ql-picker-label:before,.lesson-quill-toolbar .ql-picker.ql-size .ql-picker-item:before,.lesson-quill-toolbar .ql-picker.ql-size .ql-picker-label:before{content:attr(data-value)}.lesson-save-status{min-height:18px;margin:5px 0;font-size:12px}.lesson-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.lesson-asset-choice{cursor:pointer;color:#0663a5;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex}.lesson-asset-choice img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:110px}.lesson-asset-choice span{white-space:normal;overflow-wrap:anywhere;margin-top:8px;display:block}.lesson-asset-browser .filters{flex-wrap:wrap;gap:3px;display:flex}.presentation-view.lesson-presentation-overlay{z-index:9000;background:#f7f7f7;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.presentation-view .lesson-view-stage{align-items:center;width:100%;height:100%;display:flex}.presentation-view .lesson-canvas{flex:1}.lesson-view-message{text-align:center;width:80%;position:absolute;top:40%;left:10%}.lesson-presentation-overlay .slide-navigation{z-index:9005}.lesson-presentation-overlay .close-slide,.lesson-presentation-overlay .toggle-sidebar,.lesson-presentation-overlay .toggle-slide{z-index:9004}.lesson-presentation-overlay .sidebarpdf{z-index:9006;text-align:left;max-width:90vw;height:100%;overflow:auto}.lesson-presentation-overlay .sidebarpdf .btn-close{z-index:1}.lesson-slide-menu{max-height:60vh;display:block;overflow:auto}.lesson-slide-menu button{text-align:left;color:#333;background:0 0;border:0;width:100%;padding:5px;display:block}.lesson-slide-menu li.active button{color:#0663a5;font-weight:700}.lesson-fullscreen-notice{color:#333;z-index:9007;background:#fff;max-width:400px;padding:10px;position:absolute;top:70px;right:20px}@media (width<=800px){.lesson-modal .inner{width:92%;max-height:calc(100dvh - 4rem);top:2rem;left:4%}.lesson-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-editor .btn-toolbar .btn{padding:6px;font-size:12px}.lesson-presentation-overlay .toggle-sidebar{bottom:90px}}.lesson-presentation-overlay button[aria-label=Pagina\ kiezen]{align-items:center;gap:8px;display:inline-flex}.lesson-presentation-overlay button[aria-label=Pagina\ kiezen] .fa-icon{float:none;margin:0}.lesson-presentation-overlay .close-slide,.lesson-presentation-overlay .toggle-slide{box-sizing:border-box;color:#0663a5;background:#fff;border-radius:5px;justify-content:center;align-items:center;width:64px;height:64px;padding:0;line-height:1;display:flex;position:fixed;top:20px}.lesson-presentation-overlay .toggle-slide{right:92px}.lesson-presentation-overlay .close-slide{right:20px}.lesson-presentation-overlay .toggle-slide .lesson-fullscreen-icon{float:none;white-space:nowrap;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;font-family:inherit;font-size:32px;font-weight:400;line-height:1;display:inline-flex;transform:translateY(-1px)}.lesson-presentation-overlay .close-slide .fa-icon{float:none;flex:0 0 24px;width:24px;height:24px;margin:0;display:block}.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a,.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:active,.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:focus,.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:hover,.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:visited{box-sizing:border-box;text-align:left;overflow-wrap:anywhere;background:#fff;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 8px;text-decoration:none;display:flex;color:#0663a5!important}.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:focus-visible,.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:hover{background:#eaf4fb;color:#054d81!important}.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a:focus-visible{outline-offset:-3px;outline:3px solid #0663a5}.lesson-presentation-overlay .sidebarpdf .sidebarpdf-container .list-item a .fa-icon{float:none;color:currentColor;flex:0 0 20px;width:20px;height:24px;margin:0;display:block}.lesson-presentation-overlay .sidebarpdf .lesson-file-label{overflow-wrap:anywhere;flex:1;min-width:0}.lesson-editor .lesson-main-actions{float:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;display:flex}.lesson-editor .lesson-main-actions .btn{float:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.lesson-editor .lesson-main-actions .fa-icon{float:none;flex:none;margin:0}.lesson-modal.slidesettingsmodal .inner{box-sizing:border-box;border-radius:14px;width:calc(min(540px,100vw - 32px));max-width:none;padding:28px;top:calc(max(3rem,10dvh));left:50%;transform:translate(-50%);box-shadow:0 18px 65px #0000003d}.lesson-modal.slidesettingsmodal .content>h2{color:#0866a6;margin:0 36px 10px 0;font-size:26px;line-height:1.25}.lesson-modal.slidesettingsmodal .inner .close{color:#617488;top:18px;right:20px}.lesson-slide-settings-form{gap:18px;display:grid}.lesson-slide-settings-intro{color:#586879;margin:0;font-size:14px;line-height:1.55}.lesson-slide-settings-field{gap:8px;display:grid}.lesson-slide-settings-field label{color:#253b50;margin:0;font-size:15px;font-weight:700}.lesson-slide-settings-field .form-control{color:#283e52;box-sizing:border-box;border:1px solid #c5d2dc;border-radius:8px;width:100%;min-height:46px;padding:10px 12px}.lesson-slide-settings-field .form-control:focus{border-color:#0663a5;outline:3px solid #0663a526}.lesson-slide-settings-field small{color:#637487;font-size:12px;line-height:1.5}.lesson-slide-settings-color{background:#f8fafc;border:1px solid #d5e0e8;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.lesson-slide-settings-color input[type=color]{cursor:pointer;background:#fff;border:1px solid #c4d2dd;border-radius:7px;flex:0 0 64px;width:64px;height:44px;padding:3px}.lesson-slide-settings-swatch{border:1px solid #d2dce4;border-radius:6px;width:46px;height:34px;box-shadow:0 1px 3px #00000014}.lesson-slide-settings-color output{color:#334e64;font-family:ui-monospace,monospace;font-size:14px}.lesson-slide-settings-actions{border-top:1px solid #e6edf2;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.lesson-slide-settings-actions .btn{border-radius:8px;min-width:104px;padding:10px 16px}.lesson-slide-cancel{color:#36566c;background:#fff;border:1px solid #c7d4df}.lesson-modal.selectmodal .inner{box-sizing:border-box;border-radius:12px;width:calc(min(1120px,100vw - 32px));max-width:none;max-height:92dvh;padding:22px 26px;top:4dvh;left:50%;transform:translate(-50%);box-shadow:0 18px 65px #00000040}.lesson-modal.selectmodal .content>h2{color:#0866a6;margin:0 32px 18px 0;font-size:27px}.lesson-modal.selectmodal .lesson-picker-sources .nav{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lesson-modal.selectmodal .lesson-picker-sources .nav-item{float:none;margin:0}.lesson-modal.selectmodal .lesson-picker-sources .btn{float:none;color:#0663a5;background:#f2f5f8;border:1px solid #dae3e9;border-radius:8px;padding:9px 15px}.lesson-modal.selectmodal .lesson-picker-sources .btn.active{color:#fff;background:#0663a5;border-color:#0663a5}.lesson-picker-school{position:relative}.lesson-modal.selectmodal .lesson-picker-school-trigger{align-items:center;gap:12px;display:inline-flex}.lesson-picker-chevron{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;display:inline-block;transform:translateY(-2px)rotate(45deg)}.lesson-picker-school-menu{z-index:10;background:#fff;border:1px solid #d8e2eb;border-radius:10px;width:max-content;min-width:240px;max-width:calc(min(440px,80vw));padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 28px #00000026}.lesson-picker-school-option{color:#23516e;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px;width:100%;padding:11px 13px;display:block}.lesson-picker-school-option.active,.lesson-picker-school-option:focus-visible,.lesson-picker-school-option:hover{color:#045f9a;background:#e6f3fc}.lesson-modal.selectmodal .lesson-asset-browser .actionbar{margin:12px 0}.lesson-modal.selectmodal .lesson-asset-browser .actionbar .search{box-sizing:border-box;border:1px solid #cddbe6;border-radius:8px;width:100%;min-height:44px}@media (width<=800px){.lesson-editor .lesson-main-actions{gap:4px}.lesson-editor .lesson-main-actions .btn{padding:7px;font-size:12px}.lesson-modal.selectmodal .inner,.lesson-modal.slidesettingsmodal .inner{max-height:96dvh;padding:18px;top:2dvh}}.lesson-overview .dashboard-item>.content{padding:0}.lesson-overview .btn-group-justified{width:100%;display:flex}.lesson-overview .btn-group-justified>.btn{float:none;white-space:normal;flex:1 1 0;width:auto;min-width:0}.lesson-overview .page-link.active{color:#fff;background-color:#0663a5;border-color:#0663a5}.lesson-overview .lesson-upload-label{justify-content:space-between;align-items:center;gap:16px;min-width:257px;min-height:52px;margin-bottom:0;display:inline-flex}.lesson-editor .back .fa-icon{float:left}.lesson-editor .titlebar .form-control{border-color:#0663a5}.lesson-editor .lesson-canvas-editable .lesson-scene{overflow:visible}.presentation-edit.lesson-editor .lesson-panel-tools,.presentation-edit.lesson-editor .lesson-panel:focus-within .lesson-panel-tools,.presentation-edit.lesson-editor .lesson-panel:hover .lesson-panel-tools{white-space:normal;background:#fff;border:1px dashed #ddd;flex-direction:column;width:40px;min-width:0;padding:0;top:-2px;left:-41px;right:auto;display:flex!important}.lesson-editor .lesson-panel-tools button{float:none;color:#aaa;background:0 0;flex:0 0 40px;width:38px;height:40px;padding:10px;display:block}.lesson-editor .lesson-panel-tools button:hover{color:#fff;background:#0663a5}.lesson-editor .lesson-panel-tools .fa-icon{float:none;margin:0}.lesson-editor .lesson-resize-handle{opacity:0;background:linear-gradient(135deg,#0000 65%,#aaa 0)}.lesson-editor .lesson-panel:focus-within .lesson-resize-handle,.lesson-editor .lesson-panel:hover .lesson-resize-handle{opacity:1}.lesson-editor .slidebar li{margin-bottom:0}.lesson-editor .slidebar .lesson-preview{height:110px}.lesson-editor .slidebar .lesson-preview .lesson-canvas{width:194.56px;max-width:100%}.lesson-editor .slidebar .lesson-preview .lesson-canvas-frame{margin:0}.lesson-editor .lesson-order-controls{opacity:0;position:absolute;bottom:2px;right:2px}.lesson-editor .slidebar li:focus-within .lesson-order-controls,.lesson-editor .slidebar li:hover .lesson-order-controls{opacity:1}.lesson-editor .lesson-save-status:empty{display:none}.lesson-presentation-overlay .lesson-canvas .asset-text{padding:12px 15px}@media (width<=600px){.lesson-overview .lesson-upload-label{min-width:0}}.portal-library.panel{padding:20px}.portal-library .portal-library-folders{white-space:normal;width:100%;overflow:visible;position:static!important}.portal-library .portal-folder-row{margin:0 0 10px;position:relative}.portal-library .portal-folder-row>.btn{white-space:normal;text-align:left;padding-right:40px}.portal-library .portal-folder-edit{position:absolute;top:10px;right:8px}.portal-upload input{opacity:0;width:1px;height:1px;position:absolute}.portal-upload:focus-within{outline:2px solid}.portal-asset{position:relative}.portal-card-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.portal-card-button .asset-content{overflow:hidden}.portal-asset-modal .assetpreview audio,.portal-asset-modal .assetpreview img,.portal-asset-modal .assetpreview video,.portal-card-button .asset-content img,.portal-school-dashboard .dashboard-item.container{max-width:100%}.portal-favorite-remove{color:#fff;z-index:2;background:#0663a5;border:0;padding:5px;position:absolute;top:0;right:0}.portal-asset-modal .inner{width:80%;min-height:0;max-height:85vh;left:10%}.portal-asset-modal .asset-text{overflow-wrap:anywhere;max-height:55vh;overflow:auto}.portal-asset-modal .table-label{width:25%}.portal-library .nav-link,.portal-schools .nav-link,.portal-settings .nav-link,.portal-settings .tag{cursor:pointer;border:0}.portal-checkbox{margin:1rem 0;display:block}.portal-checkbox input{margin-right:.5rem}.portal-users .btn-group{flex-wrap:wrap;display:flex}.portal-user-form td>label{margin-bottom:0}.portal-settings .filtercomponent{margin-left:0;margin-right:0}.portal-settings .filtercontent{clear:both}.portal-settings .form-control:disabled{border-color:#ccc}.portal-admin-dashboard .dashboard-item>.content{padding:0}.pagination button.page-link{cursor:pointer;font:inherit}.pagination button:disabled{opacity:.45;cursor:default}@media (width<=700px){.portal-asset-modal .inner{width:96%;left:2%}.portal-asset-modal .col-xs-5,.portal-asset-modal .col-xs-7,.portal-schools>.row>.col-xs-4,.portal-schools>.row>.col-xs-8,.portal-users>.row>.col-xs-4,.portal-users>.row>.col-xs-8{float:none;width:100%}.portal-library .asset-main>.col-xs-3{width:50%}.portal-library .input-container{width:70%}.portal-library .actionbar-buttons{width:30%}}.portal-library #folder-wrapper .add-folder,.portal-library .portal-folder-row>.btn{text-align:left;align-items:center;gap:.5rem;width:100%;min-height:42px;padding-left:.5rem;display:flex}.portal-library .portal-folder-row>.btn{padding-right:76px}.portal-library #folder-wrapper .add-folder .fa-icon,.portal-library .portal-folder-row .fa-icon{float:none;flex:0 0 18px;width:18px;height:18px;margin:0}.portal-folder-name{overflow-wrap:anywhere;min-width:0}.portal-library .portal-folder-chevron{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.portal-library .portal-folder-edit{justify-content:center;align-items:center;width:32px;height:32px;display:flex;top:50%;right:31px;transform:translateY(-50%)}.portal-library .filters{align-items:center;gap:6px;display:flex}.portal-library .filters .nav-item{margin:0}.portal-icon-button,.portal-library .filters .nav-link{justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:.5rem;line-height:1;display:inline-flex}.portal-icon-button>.fa-icon,.portal-library .filters .fa-icon{float:none;flex-shrink:0;width:18px;height:18px;margin:0}.portal-library .portal-upload .fa-icon{width:18px;height:18px;margin:0}.portal-library .input-container{display:flex}.portal-library .input-container input{flex:1;min-width:0}.portal-library .input-container .icon-btn{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.portal-library .input-container .icon-btn .fa-icon{float:none;width:18px;height:18px}.portal-card-button .asset-container{width:100%}.portal-card-button .asset-container .asset-content{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:0 0 32px;display:flex;overflow:hidden}.portal-card-button .asset-content img,.portal-card-button .asset-content video{-o-object-fit:contain;object-fit:contain;width:100%;min-width:0;height:100%;margin:0;display:block}.portal-card-button .asset-container .asset-content.text{padding:.5rem .5rem 32px}.portal-card-button .asset-content.text blockquote{width:100%;max-height:100%}.portal-card-button .asset-footer{background:#fff;height:32px;padding:0 8px}.portal-card-button .asset-footer .asset-type{align-items:center;gap:8px;width:100%;height:100%;display:flex}.portal-card-button .asset-footer .fa-icon{float:none;flex:0 0 16px;width:16px;height:18px;margin:0}.portal-card-button .asset-footer span small{float:none;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:none;max-height:none;overflow:hidden}.legacy-media-unavailable,.portal-file-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;min-height:48px;padding:.5rem;display:flex}.legacy-media-unavailable>.fa-icon,.portal-card-button .portal-file-preview>.fa-icon{flex-shrink:0;width:32px;height:32px;margin:0;padding:0}.legacy-media-unavailable>span,.portal-card-button .portal-file-preview>span{font-size:.8rem}.portal-enlarge-preview{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.portal-enlarge-preview>img{-o-object-fit:contain;object-fit:contain;width:100%;height:250px;display:block}.portal-enlarge-preview>span:last-child{align-items:center;gap:.5rem;margin-top:.5rem;display:inline-flex}.portal-image-modal .inner{width:90%;min-height:0;max-height:90vh;top:5vh;left:5%}.portal-image-modal .legacy-media-image{-o-object-fit:contain;object-fit:contain;width:100%;height:70vh;display:block}.lesson-asset-grid .lesson-asset-choice{padding:0}.lesson-asset-choice .asset-container{height:190px;position:relative}.lesson-asset-choice .asset-footer{width:100%;position:absolute;bottom:0}.lesson-asset-choice .asset-footer small{font-size:12px}@media (width<=1000px){.portal-library .directorygroups>.filters{clear:both;margin-top:10px}}.lesson-asset-choice>.portal-asset{width:100%}.lesson-asset-choice .portal-asset span{margin-top:0}.portal-library .portal-card-button .asset-content.sound .portal-file-preview>.fa-icon{width:30px;height:30px;margin:0;padding:0}.admin-quick-links{flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex}.admin-crm-import .panel{margin-bottom:18px}.admin-crm-import .content{padding:18px}.admin-crm-import fieldset{border:0;margin:15px 0;padding:0}.admin-crm-import legend{margin-bottom:10px;font-size:1.1rem}.admin-crm-choice{cursor:pointer;align-items:center;gap:8px;margin:8px 0;display:flex}.admin-crm-choice input{width:18px;height:18px}.admin-crm-explanation{background:#f1f6fa;border-left:4px solid #0663a5;padding:12px}.admin-crm-preview{border:1px solid #d7e3eb;margin-top:18px;padding:14px}.admin-crm-confirm{max-width:520px;margin:15px 0}.admin-crm-import .table{width:100%}.admin-crm-import .table th{white-space:normal}.admin-crm-import .table td,.admin-crm-import .table th{vertical-align:middle;padding:9px}.admin-crm-import .admin-crm-logs{min-width:620px}.admin-crm-pages{align-items:center;gap:12px;margin:15px 0;display:flex}.admin-crm-log-detail{border-top:2px solid #0663a5;padding-top:12px}.admin-crm-import details{margin:10px 0}.admin-crm-import details summary{cursor:pointer;color:#0663a5}.admin-crm-import details li{margin:4px 0}.admin-crm-import code{word-break:break-word}@media (width<=800px){.admin-crm-import .content{padding:12px}.admin-crm-import .admin-quick-links{flex-direction:column}}.admin-management .content{padding:16px 20px}.admin-management .title{margin-bottom:12px}.admin-management .admin-filter-row{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 18px;display:flex}.admin-management .admin-filter-row label{flex:180px;min-width:150px;font-weight:600}.admin-management .admin-filter-row .form-control{width:100%;margin-top:6px}.admin-management .admin-management-table{width:100%;min-width:820px}.admin-management .admin-management-table td,.admin-management .admin-management-table th{vertical-align:middle;overflow-wrap:anywhere;padding:10px}.admin-management .admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-management .admin-row-actions .btn{min-height:34px;padding:6px 9px}.admin-state{color:#064e7d;background:#eef5fb;border:1px solid #d4dce5;border-radius:3px;padding:4px 8px;font-weight:600;display:inline-block}.admin-state[data-state=active]{color:#216235;background:#e5f3e8;border-color:#b8dcc0}.admin-state[data-state=blocked],.admin-state[data-state=expired],.admin-state[data-state=inactive]{color:#7f4204;background:#fff1e2;border-color:#f0d0a8}.admin-state[data-state=soft_deleted]{color:#862d30;background:#f4e6e6;border-color:#e2c2c2}.admin-state[data-state=upcoming]{color:#244e86;background:#e8edfa;border-color:#c2ceed}.admin-muted{color:#666;margin-top:5px;display:block}.admin-management .admin-quick-links{padding-left:0}.admin-management .paginationwrapper{margin-top:16px}@media (width<=700px){.admin-management .content{padding:12px}.admin-management .admin-filter-row{flex-direction:column;align-items:stretch}.admin-management .admin-filter-row label{flex:none;width:100%}}.admin-management .admin-small-select{min-width:140px;max-width:220px;margin:0}.admin-management .admin-small-select .form-control{width:100%;min-width:130px;padding:6px}.portal-schools .admin-school-status{margin:8px 0 12px;font-weight:600;display:block}.portal-schools .admin-school-status .form-control{margin-top:5px}.portal-user-form .admin-user-context{color:#064e7d;background:#f2f7fc;border-left:3px solid #0663a5;padding:10px 14px}.admin-license-activity-table td:nth-child(4),.admin-license-activity-table td:nth-child(5),.admin-management .admin-state{white-space:nowrap}.admin-analytics .content,.admin-school-analytics .content,.admin-support-school .content{padding:16px 20px}.admin-metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0 22px;display:grid}.admin-metric{background:#f3f8fb;border:1px solid #d4e2ec;min-width:0;padding:13px}.admin-metric strong{color:#0663a5;overflow-wrap:anywhere;margin-bottom:5px;font-size:1.65rem;line-height:1.2;display:block}.admin-metric span{color:#34465a;font-size:.93rem;display:block}.admin-analytics-split{grid-template-columns:minmax(245px,1fr) minmax(390px,1.7fr);gap:24px;margin-bottom:16px;display:grid}.admin-distribution-row{margin-bottom:12px}.admin-distribution-label{justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.admin-distribution-track{background:#e4ebf0;border-radius:5px;width:100%;height:12px;overflow:hidden}.admin-distribution-bar{background:#0663a5;border-radius:5px;height:100%}.admin-stat-caption{color:#5b6872;margin:12px 0;font-size:.83rem}.admin-analytics .table{width:100%;min-width:530px}.admin-analytics .table td,.admin-analytics .table th{vertical-align:middle;padding:8px}.admin-support-form{gap:10px;max-width:700px;display:grid}.admin-support-form label{gap:5px;font-weight:600;display:grid}.admin-support-membership{max-height:72vh;padding:12px;overflow-y:auto}.admin-member-row{border-bottom:1px solid #dbe5ec;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;display:flex}.admin-member-row>strong{flex:160px}.admin-member-row>span{min-width:115px}@media (width<=1050px){.admin-analytics-split{grid-template-columns:1fr}}@media (width<=680px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics .content,.admin-school-analytics .content,.admin-support-school .content{padding:12px}}.main .table a:not(.btn):focus-visible,.main .table a:not(.btn):hover{color:#005b95;background:0 0;text-decoration:underline}.portal-loading{text-align:center;padding:24px 12px}.portal-loading .icon-spin{color:#0663a5}.portal-loading h5{color:#34465a;margin:8px 0 0}.admin-storage-table .admin-storage-track{background:#e4ebf0;border-radius:4px;width:140px;max-width:100%;height:8px;margin-top:5px;overflow:hidden}.admin-storage-table .admin-storage-fill{background:#0663a5;height:100%;transition:width .16s}.admin-storage-table .admin-storage-fill.is-near{background:#bd6c0e}.admin-storage-table .admin-storage-fill.is-over{background:#ad3030}.admin-state[data-state=near]{color:#7f4204;background:#fff1e2;border-color:#f0d0a8}.admin-state[data-state=over]{color:#8c2525;background:#f9e6e6;border-color:#e6b3b3}.admin-school-detail-header{margin-bottom:18px}@media (prefers-reduced-motion:reduce){.admin-storage-table .admin-storage-fill{transition:none}}.admin-view-switch{flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0 18px;display:flex}.admin-license-activity-table{min-width:950px}.admin-license-activity-table td,.admin-license-activity-table th{vertical-align:middle}.admin-activity-summary{margin:10px 0 14px}.admin-license-activity-detail .admin-metric strong{overflow-wrap:anywhere;font-size:1.25rem}.admin-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-section-heading h1,.admin-section-heading h2,.admin-section-heading h3{margin-top:0}.admin-section-heading p{margin-bottom:0}.admin-inline-form{border-top:1px solid #dce5eb;margin-top:18px;padding-top:18px}.admin-inline-form fieldset{border:0;min-width:0;margin:0;padding:0}.admin-form-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:14px 18px;display:grid}.admin-form-fields label{font-weight:500;display:block}.admin-form-fields .form-control{width:100%;margin-top:6px}.admin-form-actions{border-top:1px solid #e7eef2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:14px;display:flex}.admin-text-action{appearance:none;color:#0663a5;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:600}.admin-text-action:focus-visible,.admin-text-action:hover{color:#004674;background:0 0;text-decoration:underline}.admin-inline-membership,.admin-user-detail .panel{margin-bottom:20px}.admin-account-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.admin-account-actions .btn-danger{margin-left:auto}.admin-package-panel{margin-top:12px}@media (width<=650px){.admin-account-actions .btn-danger{margin-left:0}.admin-form-actions .btn{flex:150px}}
