/* Practice Nest classroom polish */
#class-screen .classroom-workspace-header{
    padding:22px 24px 0!important;
    background:#FFFFFF!important;
    border-bottom:1px solid #E3E1DD!important;
    box-shadow:none!important;
}

#class-screen .classroom-workspace-header>div,
#class-screen #class-page-content{
    width:min(1120px,100%)!important;
    max-width:none!important;
}

#class-screen main{
    padding:24px 24px 64px!important;
    background:#FFFFFF;
}

.classroom-class-header-row{min-height:52px;padding-bottom:8px!important}
.classroom-class-page-title{font-size:25px!important;line-height:1.15;font-weight:850!important;letter-spacing:0}
.classroom-class-teacher-line{margin-top:5px;color:#6F6B65!important;font-size:12px!important}

#class-page-teacher-tabs,
#class-page-student-tabs{
    margin-top:0!important;
    gap:30px!important;
    border:0!important;
}

#class-page-teacher-tabs .action-btn,
#class-page-student-tabs .action-btn{
    min-height:48px!important;
    padding:0 0 13px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#4A4742!important;
    font-size:14px!important;
    letter-spacing:0!important;
}

#class-page-teacher-tabs .action-btn--copper,
#class-page-student-tabs .action-btn--copper{color:#2F7D55!important}

.classroom-dashboard--stream,
.classroom-class-tab-content,
.classroom-people,
.classroom-grades{
    width:100%;
    max-width:1020px!important;
    margin:0 auto!important;
}

.classroom-class-banner,
.classroom-dashboard--stream .classroom-class-banner{
    display:block!important;
    position:relative;
    min-height:210px!important;
    margin:0 0 24px!important;
    padding:32px!important;
    overflow:hidden;
    border:0!important;
    border-radius:8px!important;
    background:var(--class-banner-bg,#356D5A)!important;
    color:#FFFFFF;
    box-shadow:0 6px 18px rgba(37,45,40,.14)!important;
}

.classroom-class-banner::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:40%;
    background:var(--class-banner-side,#244C43);
    clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);
}

.classroom-class-banner::after{
    content:"";
    position:absolute;
    inset:auto -55px -125px auto!important;
    width:310px;
    height:310px;
    border:32px solid color-mix(in srgb,var(--class-banner-accent,#C9E4D5) 42%,transparent);
    border-radius:50%;
    background:transparent!important;
    opacity:.52;
}

.classroom-class-banner-copy,
.classroom-dashboard--stream .classroom-class-banner-copy{
    position:relative;
    z-index:3;
    max-width:min(620px,calc(100% - 250px))!important;
}

.classroom-class-banner-kicker{
    min-height:25px!important;
    padding:4px 9px!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.14)!important;
    color:#FFFFFF!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:0!important;
}

.classroom-class-banner h2,
.classroom-dashboard--stream .classroom-class-banner h2{
    margin:28px 0 10px!important;
    color:#FFFFFF!important;
    font-size:36px!important;
    line-height:1.08!important;
    letter-spacing:0!important;
}

.classroom-class-banner p{color:rgba(255,255,255,.94)!important;font-size:14px!important}
.classroom-class-banner p span{background:rgba(255,255,255,.18)!important;border-radius:5px!important}

.classroom-banner-customize{
    position:absolute;
    top:20px;
    right:20px;
    z-index:5;
    min-height:40px;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:7px;
    background:rgba(255,255,255,.94);
    color:#2E332F;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.classroom-banner-customize:hover{background:#FFFFFF;transform:translateY(-1px)}

.classroom-class-banner-art,
.classroom-dashboard--stream .classroom-class-banner-art{
    right:54px!important;
    bottom:26px!important;
    z-index:2!important;
    width:205px!important;
    height:116px!important;
    border-color:color-mix(in srgb,var(--class-banner-accent,#C9E4D5) 64%,transparent)!important;
    border-radius:7px!important;
    background:color-mix(in srgb,var(--class-banner-accent,#C9E4D5) 22%,transparent)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.12)!important;
}

.classroom-stream-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important}
.classroom-stream-sidebar{gap:14px!important}
.classroom-stream-side-card{
    min-height:0!important;
    padding:17px!important;
    border:1px solid #DADCE0!important;
    border-radius:8px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
}

.classroom-stream-side-card h3{margin:0;color:#34312D;font-size:14px;font-weight:800;letter-spacing:0}
.classroom-code-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}
.classroom-code-copy strong{font:800 21px/1 'Space Grotesk',sans-serif!important;letter-spacing:.02em}
.classroom-code-copy button{width:34px;height:34px;border:0;border-radius:6px;background:#F0F2F0;color:#4B504C;cursor:pointer}
.classroom-code-copy button:hover{background:#E3ECE6;color:#2F7D55}

.classroom-side-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #ECEAE6}
.classroom-side-card-heading>strong{color:#2F7D55!important;font-size:17px!important}
.classroom-side-list{display:grid}
.classroom-side-list button{width:100%;padding:12px 0;border:0;border-bottom:1px solid #ECEAE6;border-radius:0;background:transparent;color:#34312D;text-align:left;cursor:pointer}
.classroom-side-list button:last-child{border-bottom:0}
.classroom-side-list button:hover span{color:#2F7D55}
.classroom-side-list span,.classroom-side-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.classroom-side-list span{font-size:12px;font-weight:800}
.classroom-side-list small{margin-top:4px;color:#7D7872;font-size:11px}
.classroom-upcoming-card>p{margin:13px 0 0!important;color:#77726C!important;font-size:12px!important;line-height:1.5}
.classroom-side-summary{display:flex;flex-wrap:wrap;gap:5px 10px;padding-top:12px;margin-top:7px;border-top:1px solid #ECEAE6;color:#77726C;font-size:10px;font-weight:750}

.classroom-stream-actions{gap:9px!important;margin:0 0 14px!important}
.classroom-btn,.classroom-link-btn{border-radius:7px!important;box-shadow:none!important}
.classroom-btn{min-height:40px!important;padding:9px 13px!important;font-size:13px!important}
.classroom-btn--primary{background:#2F7D55!important;border-color:#2F7D55!important;color:#FFFFFF!important}
.classroom-btn--primary:hover{background:#286A48!important;border-color:#286A48!important}
.classroom-btn--secondary{background:#FFFFFF!important;border-color:#CFCBC5!important;color:#34312D!important}
.classroom-btn--secondary:hover{background:#F6F7F5!important;border-color:#AAB9AF!important;color:#2F7D55!important}

.classroom-dashboard-panel,
.classroom-stream-panel{
    overflow:hidden;
    border:1px solid #DADCE0!important;
    border-radius:8px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
}

.classroom-dashboard-panel-head{min-height:64px!important;padding:14px 18px!important;border-bottom:1px solid #E4E1DC!important}
.classroom-dashboard-panel-head h3{font-size:18px!important;letter-spacing:0}
.classroom-dashboard-list{padding:0!important}
.classroom-dashboard-row{
    min-height:70px!important;
    padding:12px 16px!important;
    border-bottom:1px solid #E7E4DF!important;
    border-radius:0!important;
    background:#FFFFFF!important;
}
.classroom-dashboard-row:last-child{border-bottom:0!important}
.classroom-dashboard-row:hover{background:#F8FAF8!important}
.classroom-dashboard-row h4,.classroom-dashboard-row-copy strong{font-size:14px!important}
.classroom-dashboard-row p,.classroom-dashboard-row-copy small{font-size:12px!important}
.classroom-dashboard-row-action{min-width:84px!important;min-height:38px!important;border-radius:7px!important}
.classroom-classwork-icon{width:38px!important;height:38px!important;border-radius:50%!important}

.classroom-page-bar,
.classroom-assignment-toolbar{
    min-height:76px;
    margin:0!important;
    padding:4px 0 20px!important;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid #DADCE0;
}
.classroom-section-title{margin:0!important;color:#272522!important;font-size:26px!important;line-height:1.2!important;letter-spacing:0!important}
.classroom-section-copy{margin:6px 0 0!important;color:#726E68!important;font-size:13px!important}

.classroom-assignment-list-panel{border:0!important}
.classroom-classwork-list{border-bottom:1px solid #DADCE0}
.classroom-assignment-list-panel .classroom-classwork-row{
    grid-template-columns:48px minmax(0,1fr) minmax(220px,auto) 34px!important;
    gap:14px!important;
    min-height:96px;
    padding:18px 4px!important;
    border-bottom:1px solid #E2DFDA!important;
    background:#FFFFFF!important;
}
.classroom-assignment-list-panel .classroom-classwork-row:hover{background:#FAFBF9!important}
.classroom-assignment-title-link,
#class-page-content .classroom-assignment-title-link,
#class-page-content button.classroom-assignment-title-link{
    display:inline!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    text-align:left!important;
}
.classroom-assignment-title-link .classroom-classwork-title,
.classroom-classwork-title{
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#2D2A27!important;
    font-size:15px!important;
    line-height:1.35!important;
}
.classroom-assignment-title-link:hover .classroom-classwork-title{color:#2F7D55!important;text-decoration:underline;text-underline-offset:3px}
.classroom-classwork-meta{margin:5px 0 0!important;color:#77726C!important;font-size:12px!important}
.classroom-assignment-copy{max-width:64ch;margin:9px 0 0!important;color:#4D4944!important;font-size:13px!important;line-height:1.55!important}
.classroom-rule-row{gap:6px!important;margin-top:9px!important}
.classroom-rule-chip{padding:4px 7px!important;border-radius:5px!important;background:#F1F2EF!important;border:1px solid #DDDBD6!important;color:#5E5A55!important;font-size:10px!important}
.classroom-classwork-tail{gap:12px!important}
.classroom-classwork-actions{gap:8px!important}
.classroom-classwork-actions .classroom-link-btn{min-height:38px!important;padding:8px 11px!important;border-radius:7px!important;background:#FFFFFF!important}

.classroom-people{max-width:940px!important}
.classroom-people-page-bar{align-items:flex-end}
.classroom-people-message,.classroom-settings-message{margin:14px 0 0;padding:10px 12px;border-radius:7px;font-size:12px;font-weight:750}
.classroom-people-message.is-success,.classroom-settings-message.is-success{background:#EDF7F1;color:#2F7D55}
.classroom-people-message.is-error,.classroom-settings-message.is-error{background:#FFF1F0;color:#A24B45}
.classroom-people-section{margin:28px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.classroom-people-section>header{min-height:58px!important;padding:0 4px 12px!important;border-bottom:2px solid #AECDBB!important}
.classroom-people-section>header h3{margin:0!important;color:#292724!important;font-size:23px!important;letter-spacing:0!important}
.classroom-people-section>header p{margin:4px 0 0!important;color:#77726C!important;font-size:12px!important}
.classroom-people-section>header>span{color:#68645F!important;font-size:12px!important;font-weight:800!important}
.classroom-roster-row{min-height:68px!important;padding:12px 4px!important;border-bottom:1px solid #DDDAD5!important;background:transparent!important}
.classroom-roster-row:hover{background:#F8FAF8!important}
.classroom-roster-identity{min-width:0;display:flex;align-items:center;gap:14px}
.classroom-avatar{width:40px!important;height:40px!important;display:grid;place-items:center;background:#E8F3EC!important;color:#2F7D55!important}
.classroom-avatar--pending{background:#F6EFE5!important;color:#A46D3E!important}
.classroom-roster-row strong{display:block;color:#302D2A!important;font-size:14px!important}
.classroom-roster-row small{display:block;margin-top:3px;color:#7B7670!important;font-size:11px!important}
.classroom-roster-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.classroom-roster-actions .classroom-link-btn{min-height:36px;padding:7px 10px}
.classroom-roster-actions .classroom-icon-btn{width:36px;height:36px;border-radius:7px}
.classroom-pending-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #E0BE9F;border-radius:999px;background:#FFF8F1;color:#8D5B31;font-size:11px;font-weight:800}

.classroom-customizer-modal,.classroom-invite-modal{width:min(560px,100%);max-width:none!important;padding:24px!important;border-radius:8px!important}
.classroom-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #E5E2DD}
.classroom-modal-heading>div>span{color:#2F7D55;font-size:11px;font-weight:850;text-transform:uppercase}
.classroom-modal-heading h2{margin:5px 0 0;color:#292724;font-size:23px;line-height:1.2}
.classroom-modal-heading p{margin:6px 0 0;color:#716D67;font-size:13px;line-height:1.45}
.classroom-modal-close{width:38px;height:38px;flex:0 0 auto;border:1px solid #D5D1CB;border-radius:7px;background:#FFFFFF;color:#4E4A45;cursor:pointer}
.classroom-modal-close:hover{background:#F1F0ED}
.classroom-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.classroom-theme-choice{position:relative;min-height:94px;padding:9px;border:1px solid #D7D3CD;border-radius:8px;background:#FFFFFF;color:#37342F;text-align:left;cursor:pointer}
.classroom-theme-choice:hover,.classroom-theme-choice.is-selected{border-color:#4B956B;background:#F7FBF8}
.classroom-theme-choice>span{display:block;height:48px;border-radius:5px;background:linear-gradient(110deg,var(--theme-swatch) 0 68%,var(--theme-swatch-side) 68%)}
.classroom-theme-choice strong{display:block;margin-top:8px;font-size:12px}
.classroom-theme-choice>i{position:absolute;right:9px;bottom:9px;color:#2F7D55;font-size:11px}
.classroom-theme-grid--settings{max-width:620px}

.classroom-invite-section{padding:18px 0 0}
.classroom-invite-section label{display:block;margin-bottom:8px;color:#4C4944;font-size:12px;font-weight:800}
.classroom-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.classroom-invite-row input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #CCC8C2;border-radius:7px;background:#FFFFFF;color:#282622;outline:none}
.classroom-invite-row input:focus{border-color:#4B956B;box-shadow:0 0 0 3px rgba(75,149,107,.13)}
.classroom-invite-section>p{margin:8px 0 0;color:#7A756F;font-size:11px;line-height:1.5}
.classroom-invite-divider{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#8A857E;font-size:10px;text-transform:uppercase}
.classroom-invite-divider::before,.classroom-invite-divider::after{content:"";height:1px;flex:1;background:#E4E1DC}
.classroom-invite-message{min-height:18px;margin:13px 0 0;font-size:12px;font-weight:750}
.classroom-invite-message.is-success{color:#2F7D55}.classroom-invite-message.is-error{color:#A24B45}
.classroom-invite-confirm-body{padding-top:18px}
.classroom-invite-confirm-body>p{margin:0 0 16px;color:#625E58;font-size:13px;line-height:1.6}
.classroom-invite-confirm-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#E7F4EC;color:#2F7D55;font-size:17px}
.classroom-invite-confirm-icon--error{background:#FFF0EE;color:#A24B45}
.classroom-invite-class-summary{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:14px;border:1px solid #DDE7E1;border-radius:8px;background:#F6FAF7}
.classroom-invite-class-summary strong,.classroom-invite-class-summary span{display:block}
.classroom-invite-class-summary strong{color:#292724;font-size:16px}
.classroom-invite-class-summary span{margin-top:3px;color:#77726C;font-size:12px}
.classroom-invite-confirm-body>.classroom-invite-confirm-icon{margin-bottom:16px}
.classroom-invite-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #E4E1DC}
.classroom-invite-confirm-actions .classroom-btn{min-width:112px}
.classroom-invite-confirm-actions .classroom-btn:disabled,#class-send-invitation:disabled{cursor:wait;opacity:.62}

.classroom-settings-page{max-width:900px!important}
.classroom-settings-card{padding:22px!important;border:1px solid #DCD9D3!important;border-radius:8px!important;background:#FFFFFF!important;box-shadow:none!important}
.classroom-settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.classroom-settings-card-heading h3{margin:0;color:#2D2A27;font-size:18px}
.classroom-settings-card-heading p{margin:5px 0 0;color:#77726C;font-size:12px}
.classroom-settings-card-heading>i{color:#2F7D55}
.classroom-settings-toggle{position:relative;min-height:58px;margin-top:18px;padding-top:16px;border-top:1px solid #E7E4DF;display:flex;align-items:center;gap:12px;cursor:pointer}
.classroom-settings-toggle>span:first-child{min-width:0;flex:1}
.classroom-settings-toggle strong,.classroom-settings-toggle small{display:block}
.classroom-settings-toggle strong{color:#36332F;font-size:13px}.classroom-settings-toggle small{margin-top:4px;color:#7A756F;font-size:11px}
.classroom-settings-toggle input{position:absolute;opacity:0}
.classroom-toggle-track{position:relative;width:42px;height:24px;flex:0 0 auto;border-radius:999px;background:#C7C4BE}
.classroom-toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .18s ease}
.classroom-settings-toggle input:checked+.classroom-toggle-track{background:#2F7D55}
.classroom-settings-toggle input:checked+.classroom-toggle-track::after{transform:translateX(18px)}

#teacher-assignment-screen{padding-top:0!important;background:#F7F7F5!important}
.teacher-assignment-workspace-header{border-top:0!important;box-shadow:none!important}
.teacher-assignment-workspace-main{padding-top:24px!important}
.teacher-assignment-content-nav{margin-bottom:14px!important}
.teacher-assignment-content-nav .teacher-assignment-action{min-height:40px;padding:9px 13px}
.teacher-assignment-editor{gap:20px!important}
.teacher-assignment-editor-main,.teacher-assignment-editor-sidebar{gap:18px!important}
.teacher-assignment-editor-card,.teacher-assignment-ai{border-radius:8px!important;box-shadow:0 3px 12px rgba(59,50,41,.045)!important}
.teacher-assignment-editor-card{padding:24px!important}
.teacher-assignment-choice{border-radius:8px!important}
.teacher-assignment-field input:not([type='radio']):not([type='checkbox']),.teacher-assignment-field textarea{border-radius:8px!important}
.teacher-assignment-desktop-actions{grid-column:1!important;justify-content:flex-end!important;width:100%!important;padding:0!important;background:transparent!important}
.teacher-assignment-desktop-actions .teacher-assignment-action{width:auto!important;min-width:142px!important}

html:not([data-theme='light']) #class-screen .classroom-workspace-header,
html:not([data-theme='light']) #class-screen main{background:#111114!important;border-color:rgba(255,255,255,.13)!important}
html:not([data-theme='light']) .classroom-stream-side-card,
html:not([data-theme='light']) .classroom-dashboard-panel,
html:not([data-theme='light']) .classroom-stream-panel,
html:not([data-theme='light']) .classroom-dashboard-row,
html:not([data-theme='light']) .classroom-assignment-list-panel .classroom-classwork-row,
html:not([data-theme='light']) .classroom-settings-card{background:#19191D!important;border-color:rgba(255,255,255,.14)!important}
html:not([data-theme='light']) .classroom-dashboard-row:hover,
html:not([data-theme='light']) .classroom-assignment-list-panel .classroom-classwork-row:hover,
html:not([data-theme='light']) .classroom-roster-row:hover{background:#202025!important}
html:not([data-theme='light']) .classroom-section-title,
html:not([data-theme='light']) .classroom-classwork-title,
html:not([data-theme='light']) .classroom-assignment-title-link .classroom-classwork-title,
html:not([data-theme='light']) .classroom-people-section>header h3,
html:not([data-theme='light']) .classroom-roster-row strong,
html:not([data-theme='light']) .classroom-stream-side-card h3,
html:not([data-theme='light']) .classroom-side-list button,
html:not([data-theme='light']) .classroom-settings-card-heading h3,
html:not([data-theme='light']) .classroom-settings-toggle strong{color:#F1EEE9!important}
html:not([data-theme='light']) .classroom-assignment-copy{color:#CFCAC3!important}
html:not([data-theme='light']) .classroom-code-copy button{background:#2A2A2F;color:#DAD6CF}
html:not([data-theme='light']) .classroom-customizer-modal,
html:not([data-theme='light']) .classroom-invite-modal{background:#19191D!important}
html:not([data-theme='light']) .classroom-modal-heading h2,
html:not([data-theme='light']) .classroom-theme-choice,
html:not([data-theme='light']) .classroom-invite-section label{color:#F1EEE9}
html:not([data-theme='light']) .classroom-theme-choice,
html:not([data-theme='light']) .classroom-modal-close,
html:not([data-theme='light']) .classroom-invite-row input{background:#111114!important;border-color:rgba(255,255,255,.18)!important;color:#F1EEE9!important}
html:not([data-theme='light']) .classroom-invite-confirm-body>p{color:#C8C4BE}
html:not([data-theme='light']) .classroom-invite-class-summary{background:#151A17;border-color:rgba(121,184,148,.24)}
html:not([data-theme='light']) .classroom-invite-class-summary strong{color:#F1EEE9}
html:not([data-theme='light']) .classroom-invite-confirm-actions{border-color:rgba(255,255,255,.13)}

@media(max-width:840px){
    .classroom-class-banner,.classroom-dashboard--stream .classroom-class-banner{min-height:190px!important;padding:26px!important}
    .classroom-class-banner-copy,.classroom-dashboard--stream .classroom-class-banner-copy{max-width:calc(100% - 210px)!important}
    .classroom-class-banner-art{right:32px!important;opacity:.7}
    .classroom-stream-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important}
    .classroom-assignment-list-panel .classroom-classwork-row{grid-template-columns:44px minmax(0,1fr) 34px!important}
    .classroom-assignment-list-panel .classroom-classwork-tail{grid-column:2/4!important;justify-content:flex-start!important}
}

@media(max-width:700px){
    #class-screen .classroom-workspace-header{padding:14px 14px 0!important}
    #class-screen main{padding:16px 14px 48px!important}
    #class-page-teacher-tabs,#class-page-student-tabs{gap:23px!important}
    .classroom-class-banner,.classroom-dashboard--stream .classroom-class-banner{min-height:170px!important;padding:20px!important}
    .classroom-class-banner::before{width:47%}
    .classroom-class-banner-copy,.classroom-dashboard--stream .classroom-class-banner-copy{max-width:100%!important;padding-right:72px}
    .classroom-class-banner h2,.classroom-dashboard--stream .classroom-class-banner h2{margin-top:22px!important;font-size:28px!important}
    .classroom-class-banner-art{display:none!important}
    .classroom-banner-customize{top:14px;right:14px;width:40px;padding:0;justify-content:center}
    .classroom-banner-customize span,.classroom-banner-customize:not(:has(span)){font-size:0}
    .classroom-banner-customize i{font-size:13px}
    .classroom-stream-layout{grid-template-columns:1fr!important}
    .classroom-stream-sidebar{display:grid!important;grid-template-columns:1fr 1.45fr!important}
    .classroom-stream-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
    .classroom-stream-actions .classroom-btn{width:100%}
    .classroom-page-bar,.classroom-assignment-toolbar{align-items:flex-start;flex-direction:column;min-height:0;padding-top:2px!important}
    .classroom-page-bar>.classroom-btn,.classroom-assignment-toolbar>.classroom-btn{width:100%}
    .classroom-section-title{font-size:23px!important}
    .classroom-roster-row{align-items:center!important}
    .classroom-roster-actions{margin-left:auto!important}
    .classroom-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .teacher-assignment-workspace-main{padding-top:14px!important}
    .teacher-assignment-content-nav{display:flex!important}
    .teacher-assignment-editor-card{padding:18px 15px!important}
}

@media(max-width:480px){
    .classroom-class-header-row{align-items:center!important}
    .classroom-class-page-title{font-size:21px!important}
    .classroom-class-banner-copy{padding-right:48px}
    .classroom-class-banner p span{display:none}
    .classroom-stream-sidebar{grid-template-columns:1fr!important}
    .classroom-stream-actions{grid-template-columns:1fr!important}
    .classroom-dashboard-row--student{grid-template-columns:minmax(0,1fr)!important}
    .classroom-dashboard-row-action{width:100%!important}
    .classroom-classwork-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
    .classroom-classwork-actions .classroom-link-btn{width:100%!important}
    .classroom-roster-row{align-items:flex-start!important;gap:10px!important}
    .classroom-roster-actions{width:auto;margin-left:auto!important}
    .classroom-roster-actions .classroom-link-btn{font-size:0}
    .classroom-roster-actions .classroom-link-btn i{font-size:13px;margin:0}
    .classroom-invite-row{grid-template-columns:1fr}
    .classroom-invite-row .classroom-btn{width:100%}
    .classroom-invite-confirm-actions{display:grid;grid-template-columns:1fr}
    .classroom-invite-confirm-actions .classroom-btn{width:100%}
    .classroom-customizer-modal,.classroom-invite-modal{padding:18px!important}
    .classroom-theme-grid{grid-template-columns:1fr 1fr}
    .teacher-assignment-content-nav .teacher-assignment-action{width:100%}
}