body.cc-app.has-sidebar main.container .placement-outcome { margin-top:18px; }
body.cc-app.has-sidebar main.container .placement-outcome > .btn { display:inline-flex; }
body.cc-app.has-sidebar main.container .placement-result .actions { gap:10px; }
body.cc-app.has-sidebar main.container .grade-save-actions { gap:10px;margin-top:16px;margin-bottom:24px; }
body.cc-app.has-sidebar main.container .grade-total-card { margin-top:20px; }
body.cc-app.has-sidebar main.container .grade-total-form { display:grid;grid-template-columns:140px minmax(0,1fr) max-content;gap:16px;align-items:end; }
body.cc-app.has-sidebar main.container .grade-total-form > div { min-width:0 !important; }
body.cc-app.has-sidebar main.container .grade-total-form .btn { white-space:nowrap; }
body.cc-app.has-sidebar .post-category-field { flex:0 1 360px;min-width:min(100%,280px);max-width:100%; }
body.cc-app.has-sidebar .post-category-field select { width:100%; }
@media(min-width:1024px){
 body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .sidebar { width:240px;flex-basis:240px; }
 body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .main { width:calc(100% - 240px); }
}
@media(max-width:760px){
 body.cc-app.has-sidebar main.container .grade-total-form { grid-template-columns:minmax(0,1fr); }
 body.cc-app.has-sidebar .post-category-field { flex-basis:100%;min-width:0; }
}
.placement-result .placement-outcome { margin-top:18px; }
@media(max-width:760px){body.cc-app.has-sidebar main.container .grade-total-form .btn{white-space:normal;max-width:100%;}}

/* Compact sidebar uses icons only; the expanded label rule must not override it. */
@media(min-width:1024px){
 body.cc-app.has-sidebar.sidebar-collapsed .sidebar .sb-label,
 body.cc-app.has-sidebar.sidebar-collapsed .sidebar .sb-section,
 body.cc-app.has-sidebar.sidebar-collapsed .sidebar .sb-caret{display:none !important}
 body.cc-app.has-sidebar.sidebar-collapsed .sidebar .sb-link{display:flex;justify-content:center;align-items:center;padding:10px;gap:0;min-height:42px}
 body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .sidebar .sb-label{white-space:normal;overflow:visible;overflow-wrap:normal}
 body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .sidebar .sb-link{padding-inline:10px}
 body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .sidebar .sb-link.has-kids{padding-right:28px}
}
/* Inputs without an explicit type have the same appearance as text inputs. */
body.cc-app.has-sidebar main.container input:not([type]){display:block;width:100%;min-height:42px;border:1px solid #c5d6ed;border-radius:12px;background:#fff;padding:10px 12px;font:inherit;color:inherit;box-sizing:border-box}
body.cc-app.has-sidebar main.container .course-content-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
body.cc-app.has-sidebar main.container .course-content-form input[type=file]{min-height:44px;max-width:100%;padding:7px;border:1px solid #c5d6ed;background:#fff;border-radius:12px;font:inherit}
body.cc-app.has-sidebar main.container .course-content-form input[type=file]::file-selector-button{border:0;border-radius:7px;padding:6px 10px;margin-right:10px;background:#eaf2fc;color:#01468c;font:inherit;cursor:pointer}
@media(max-width:760px){body.cc-app.has-sidebar main.container .course-content-form .form-row{grid-template-columns:minmax(0,1fr)}}

@media(min-width:1024px){body.cc-app.teacher-side.has-sidebar:not(.sidebar-collapsed) .sidebar .sb-link:not(.has-kids){padding-right:8px}}

body.cc-app.has-sidebar main.container .practice-ai{margin-bottom:20px!important}
body.cc-app.has-sidebar main.container .practice-ai+.placement-result{margin-top:20px!important}