footer{gap:18px;flex-wrap:wrap}
.save-state.error{color:#ff92a4}
.guest-import{display:flex;align-items:center;justify-content:space-between;gap:20px}.guest-import p{margin:5px 0 0;color:#a7b7ae}.guest-import .button{flex:0 0 auto}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.assignment-locked{color:#9aaba2;font-size:.75rem}
.assignment-editor{margin:0 0 42px;border:1px solid #2b3932;border-radius:16px;background:#111b17}.assignment-editor>summary{padding:17px 20px;color:#8bffbd;cursor:pointer;font-weight:700}.assignment-editor form{padding:0 20px 22px}.private-draft{color:#7f8d86;font-size:.68rem}.assignment-status.published{background:#183325;color:#8bffbd}.assignment-status.closed{background:#342329;color:#ffb5c1}.teacher-toolbar :disabled{opacity:.45;cursor:not-allowed}
.nav-notifications{display:inline-flex!important;align-items:center;gap:6px}.nav-notifications b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#ff7b8e;color:#19050a;font-size:.6rem}

@media(max-width:650px){
  .guest-import{align-items:flex-start;flex-direction:column}.guest-import .button{width:100%}
  .studio{height:calc(100vh - 64px)}
  .studio-toolbar{align-items:flex-start;flex-direction:column}
  .studio-toolbar>div{width:100%;flex-wrap:wrap}
  .studio-toolbar>div:first-child{display:grid;grid-template-columns:auto 1fr}
  .studio-toolbar input{width:100%}
  .save-state{justify-content:flex-start}
  .save-state span{display:inline}
  .studio-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .files-pane{display:block;border-right:0;border-bottom:1px solid #26332d}
  .files-pane .pane-title{height:38px}
  #fileList{display:flex;gap:5px;max-width:100vw;overflow-x:auto}
  #fileList button{flex:0 0 auto;width:auto;max-width:210px}
  .editor-tabs{overflow-x:auto}
  .teacher-status-form{width:100%;flex-wrap:wrap}
  .teacher-status-form select,.teacher-status-form .button{flex:1 1 150px}
}

@media(max-width:420px){
  .admin-metrics,.teacher-metrics{grid-template-columns:1fr}
  .hero-actions,.editor-actions{align-items:stretch;flex-direction:column}
  .hero-actions .button,.editor-actions .button{width:100%}
}