.ut-workspace{display:grid;gap:22px;color:#294e6c;min-width:0}.ut-heading,.ut-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ut-heading h1{font-size:32px;line-height:1.2;color:#164b7e;margin:5px 0}.ut-heading p,.ut-panel-heading p{color:#6c8194;font-size:14px;line-height:1.6;margin:7px 0}.ut-kicker{color:#69849b;font-size:10px;font-weight:800;letter-spacing:.12em}.ut-panel{background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:24px;min-width:0}.ut-panel h2{font-size:19px;line-height:1.4;color:#244d71;margin:0}.ut-panel-heading{margin-bottom:20px}.ut-panel-heading>a,.ut-back{font-size:13px;color:#276da5}.ut-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #07529e;border-radius:9px;background:#07529e;color:#fff!important;cursor:pointer;text-decoration:none;font-family:inherit;font-size:13px;font-weight:750;line-height:1.35;box-sizing:border-box}.ut-button.is-secondary{color:#225a89!important;background:#fff;border-color:#ccdeec}.ut-button.is-quiet{background:#f3f7fb;color:#4e708b!important;border-color:transparent}.ut-editor label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#48657c}.ut-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.ut-wide{grid-column:1/-1}.ut-editor input:not([type=checkbox]),.ut-editor textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #cddde9;border-radius:9px;padding:11px 13px;color:#234f74;background:#fbfdff;font-family:inherit;font-size:14px;line-height:1.5}.ut-editor textarea{resize:vertical}.ut-editor small{font-size:12px;font-weight:400;color:#7c91a3;line-height:1.5}.ut-audience{display:flex;flex-wrap:wrap;gap:20px;padding:16px;border:1px solid #dce6ef;border-radius:12px;margin:22px 0}.ut-audience legend{font-size:13px;font-weight:700;color:#48657c}.ut-editor .ut-audience label,.ut-editor .ut-check{display:flex;gap:9px;align-items:center}.ut-editor input[type=checkbox]{width:18px;height:18px;accent-color:#07529e}.ut-editor-footer{display:flex;gap:20px;align-items:center;justify-content:space-between}.ut-alert{padding:15px;border:1px solid #ebc5c0;border-radius:10px;background:#fff4f2;color:#9e4036;font-size:14px}.ut-admin-list{display:grid;gap:0}.ut-admin-item{display:flex;gap:15px;align-items:center;border-top:1px solid #e7edf3;padding:20px 0}.ut-admin-item:first-child{border-top:0;padding-top:0}.ut-admin-item:last-child{padding-bottom:0}.ut-admin-copy{flex:1;min-width:0}.ut-title-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ut-title-line strong{font-size:15px;color:#244d71}.ut-admin-copy p{font-size:13px;color:#71879a;line-height:1.5;margin:7px 0}.ut-admin-copy small{font-size:11px;color:#7c91a3}.ut-state{font-size:10px;color:#73869a;background:#eef2f6;padding:4px 7px;border-radius:6px;font-weight:750}.ut-state.is-on{background:#e7f5ed;color:#267958}.ut-icon{display:grid;place-items:center;width:44px;height:44px;background:#eaf3fd;color:#276da5;border-radius:12px;flex:none}.ut-icon svg{width:24px;height:24px}.ut-row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.ut-row-actions form{margin:0}.ut-row-actions .ut-button{min-height:34px;font-size:12px;padding:7px 10px}.ut-trash summary{font-size:14px;color:#48657c;font-weight:750;cursor:pointer}.ut-trash>p{font-size:13px;color:#71879a}.ut-trash-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px}.ut-confirm{max-width:430px;border:1px solid #dce6ef;border-radius:16px;padding:26px;box-shadow:0 20px 80px #15344e33;color:#294e6c}.ut-confirm::backdrop{background:#15344e66}.ut-confirm h2{font-size:22px;margin-top:0}.ut-confirm p{font-size:14px;line-height:1.6;color:#71879a}.ut-confirm>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.ut-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.ut-tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.ut-tool-card p{font-size:14px;line-height:1.6;color:#71879a;margin:0 0 6px;flex:1}.ut-tool-card h2{font-size:18px}.ut-frame-wrap{background:#fff;border:1px solid #dce6ef;border-radius:14px;overflow:hidden}.ut-frame{display:block;border:0;width:100%;height:max(650px,calc(100dvh - 250px));background:#fff}.ut-frame-wrap:fullscreen{border:0;border-radius:0;width:100%;height:100%}.ut-frame-wrap:fullscreen .ut-frame{height:100dvh}.ut-pdf-launch{text-align:center;padding:40px 24px}.ut-pdf-launch>svg{width:44px;height:44px;color:#276da5;margin-bottom:18px}.ut-pdf-launch p{font-size:14px;color:#71879a;margin:16px auto 24px;max-width:500px;line-height:1.6}
/* Match the main navigation; keep search and footer outside the scrolling list. */
.topbar .main-nav .ut-header-menu{position:relative;align-self:stretch;display:flex;align-items:center;margin:0}
.topbar .main-nav .ut-header-menu>summary{position:relative;display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:#718086;font-family:inherit;font-size:.78rem;line-height:inherit;font-weight:800;padding:29px 0;white-space:nowrap}
.topbar .ut-header-menu>summary::-webkit-details-marker{display:none}
.topbar .ut-header-menu>summary:hover,.topbar .ut-header-menu[open]>summary,.topbar .ut-header-menu.is-active>summary{color:#00499d}
.topbar .ut-header-menu.is-active>summary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#00499d;border-radius:3px}
.topbar-student .main-nav .ut-header-menu>summary{padding:26px 0 25px}
.ut-header-menu>summary>svg{width:12px;height:12px;flex:none}
.ut-header-menu[open]>summary>svg{transform:rotate(180deg)}
.topbar .ut-header-dropdown{position:fixed;z-index:2500;right:18px;top:76px;width:370px;max-width:calc(100vw - 24px);box-sizing:border-box;max-height:min(560px,calc(100dvh - 100px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:12px;box-shadow:0 16px 50px #143e6526;text-align:left}
.ut-header-menu:not([open])>.ut-header-dropdown{display:none}
.ut-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px;flex:none}
.ut-menu-caption{font-size:10px;font-weight:800;letter-spacing:.12em;color:#71879a}
.ut-menu-count{font-size:11px;font-weight:500;color:#71879a;letter-spacing:0}
.topbar .ut-menu-search{display:flex;align-items:center;gap:9px;border:1px solid #dce6ef;border-radius:9px;background:#f7fafc;padding:0 11px;margin:0 0 8px;flex:none}
.ut-menu-search>svg{width:17px;height:17px;flex:none;color:#71879a}
.topbar .ut-menu-search>input{min-width:0;width:100%;height:40px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#294e6c;font-family:inherit;font-size:13px;font-weight:500;outline:none}
.ut-menu-search:focus-within{border-color:#448dc9;box-shadow:0 0 0 2px #e1effc}
.ut-menu-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:1 1 auto;max-height:360px}
.topbar .ut-header-dropdown .ut-menu-item{display:flex;align-items:flex-start;gap:12px;padding:12px;width:100%;box-sizing:border-box;border:0;border-radius:9px;background:transparent;color:#294e6c;text-align:left;text-decoration:none;cursor:pointer;font-family:inherit;white-space:normal;min-height:0;line-height:1.5}
.topbar .ut-header-dropdown [hidden]{display:none!important}
.topbar .ut-header-dropdown .ut-menu-item:after,.topbar .ut-header-dropdown .ut-menu-footer:after{display:none}
.topbar .ut-header-dropdown .ut-menu-item:hover,.topbar .ut-header-dropdown .ut-menu-item:focus-visible{background:#f1f6fb}
.ut-menu-item>svg{width:22px;height:22px;color:#276da5;flex:none;margin-top:2px}
.ut-menu-item>span{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.topbar .ut-menu-item strong{font-size:13px;line-height:1.4;color:#244d71;font-weight:750}
.topbar .ut-menu-item small{font-size:11px;line-height:1.5;font-weight:400;color:#71879a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ut-menu-links{flex:none;border-top:1px solid #e7edf3;margin-top:8px;padding-top:4px}
.topbar .ut-header-dropdown .ut-menu-footer{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:750;color:#276da5;padding:11px 9px;white-space:normal;border-radius:7px;line-height:1.4}
.topbar .ut-header-dropdown .ut-menu-footer:hover{background:#f1f6fb}
.ut-menu-empty{font-size:13px;line-height:1.5;color:#71879a;padding:12px}
.ut-header-menu>summary:focus-visible,.ut-menu-item:focus-visible,.ut-menu-footer:focus-visible,.ut-button:focus-visible{outline:2px solid #448dc9;outline-offset:2px}
@media(max-width:1350px){.topbar-teacher .topbar-clock{display:none!important}}
@media(max-width:700px){.ut-form-grid{grid-template-columns:1fr}.ut-wide{grid-column:auto}.ut-heading,.ut-panel-heading,.ut-editor-footer{align-items:flex-start;flex-direction:column}.ut-heading h1{font-size:27px}.ut-panel{padding:18px}.ut-admin-item{flex-wrap:wrap}.ut-admin-copy{flex-basis:calc(100% - 65px)}.ut-row-actions{width:100%;padding-left:59px}.ut-audience{gap:15px}.ut-editor-footer>.ut-button{width:100%}.ut-header-dropdown{right:12px!important;top:70px!important}.ut-frame{height:calc(100dvh - 180px);min-height:520px}.ut-catalog{grid-template-columns:1fr}.ut-audience label{font-size:12px}}
@media(max-width:650px){
 .topbar.topbar-teacher,.topbar.topbar-admin{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;height:auto!important;gap:6px 10px!important;padding:10px 12px 0!important}
 .topbar-teacher>.brand,.topbar-admin>.brand{grid-column:1!important;grid-row:1!important;min-width:0!important}.topbar-teacher .brand-logo,.topbar-admin .brand-logo{width:100px!important}
 .topbar-teacher>.user-nav,.topbar-admin>.user-nav{grid-column:2!important;grid-row:1!important;justify-self:end!important;gap:7px!important;margin:0!important}
 .topbar-teacher .topbar-clock,.topbar-admin .topbar-clock,.topbar-teacher .avatar,.topbar-admin .avatar,.topbar-teacher .identity,.topbar-admin .identity,.topbar-teacher .portal-link{display:none!important}
 .topbar-teacher>.main-nav,.topbar-admin>.main-nav{display:flex!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;border-top:1px solid #e4ece8!important;gap:0!important;justify-content:flex-start!important}
 .topbar-teacher>.main-nav>a,.topbar-admin>.main-nav>a{display:none!important}
 .topbar .main-nav .ut-header-menu{display:flex!important;justify-content:center!important}.topbar .ut-header-menu>summary{font-size:12px!important;padding:10px 6px!important;min-height:36px!important;box-sizing:border-box!important}
 .topbar-student .main-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.topbar-student .main-nav .ut-header-menu{width:100%!important}.topbar .ut-header-dropdown{top:112px!important}
}

/* Teacher header: reserve separate space for clock, identity and navigation. */
@media(min-width:651px){
 .topbar.topbar-teacher{display:grid;grid-template-columns:144px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:78px;height:auto;padding:0 clamp(20px,2.5vw,48px)}
 .topbar-teacher>.brand{min-width:0}.topbar-teacher .brand-logo{width:144px;max-width:100%}
 .topbar-teacher>.main-nav{min-width:0;gap:clamp(12px,1.2vw,24px);justify-content:flex-start;flex:initial}
 .topbar-teacher>.main-nav>a,.topbar-teacher .ut-header-menu>summary{white-space:nowrap;font-size:14px;line-height:1.25}
 .topbar-teacher>.user-nav{display:flex;align-items:center;gap:12px;min-width:0;margin:0;justify-self:end}
 .topbar-teacher>.user-nav>*{flex-shrink:0}
 .topbar-teacher .topbar-clock{display:flex!important;flex:0 0 156px;min-width:156px;gap:9px;padding:0 14px 0 0;margin-right:2px;border-right:1px solid #dce7ef;box-sizing:border-box}
 .topbar-teacher .topbar-clock>span{display:grid;gap:4px;min-width:0}.topbar-teacher .topbar-clock time{font-size:14px;line-height:1.15;letter-spacing:.04em;white-space:nowrap}.topbar-teacher .topbar-clock small{font-size:9px;line-height:1.25;letter-spacing:0;white-space:nowrap}
 .topbar-teacher .identity{display:block;min-width:0;max-width:220px;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3}.topbar-teacher .identity small{display:block;font-size:11px;margin-top:3px}
 .topbar-teacher .avatar{width:30px;height:34px;flex:0 0 30px}.topbar-teacher .logout{margin-left:0}
 .topbar-teacher .ut-header-dropdown{top:78px}
}
@media(min-width:651px) and (max-width:1500px){
 .topbar.topbar-teacher{grid-template-columns:144px minmax(0,1fr);grid-template-rows:56px 46px;gap:0 24px;padding:8px 24px 0;min-height:0}
 .topbar-teacher>.brand{grid-column:1;grid-row:1}.topbar-teacher>.user-nav{grid-column:2;grid-row:1}
 .topbar-teacher>.main-nav{display:flex;grid-column:1/-1;grid-row:2;width:100%;height:46px;border-top:1px solid #e7eeec;gap:28px;align-items:stretch}
 .topbar-teacher>.main-nav>a,.topbar-teacher .ut-header-menu>summary{display:flex;align-items:center;padding:12px 0;min-height:44px;font-size:14px}
 .topbar-teacher .ut-header-dropdown{top:111px}
}
@media(min-width:651px) and (max-width:900px){
 .topbar.topbar-teacher{grid-template-columns:120px minmax(0,1fr);gap:0 18px;padding-left:20px;padding-right:20px}
 .topbar-teacher .brand-logo{width:120px}.topbar-teacher .identity{display:none!important}.topbar-teacher>.user-nav{gap:10px}.topbar-teacher .topbar-clock{flex-basis:142px;min-width:142px;padding-right:10px}
}

/* Icons are rendered on every admin page rather than supplied by module CSS. */
.admin-side-panel nav a>span[data-admin-svg="1"]::before{display:none!important;content:none!important}
.admin-side-panel nav a>span[data-admin-svg="1"] svg{display:block;width:18px;height:18px;flex:none}