/* Scoped course surfaces: consistent controls in light/dark and mobile views. */
@media(max-width:1024px){.simple-desktop-view-choice{display:none!important}}
html body :is(.booking-view-toggle,.simple-view-toggle,.workspace-design-button){border-radius:999px!important}
.cs,.cp,.course-dashboard-container,.course-admin-surface {
    --primary:var(--brand-primary,#6366f1);
    --room-color:var(--brand-primary,#6366f1);
    accent-color:var(--brand-primary,#6366f1);
    color:var(--text-primary,#182b3b);
}
.cs a,.cp a { color:var(--text-primary,#182b3b); text-underline-offset:3px; }
.cs :is(button,.cs-primary,.cs-secondary),.cp :is(button,.cp-link) { min-height:44px; }
.cs .cs-primary,.cp button.primary {
    background:var(--brand-primary,#6366f1);
    color:var(--brand-on-primary,#fff);
}
.cs :is(input,select,textarea),.cp :is(input,select,textarea) { font-size:16px; }
.cs label,.cp label { line-height:1.5; }
.cs-form>label { display:block; margin-top:16px; }
.cs-form>label:has(input[type=checkbox]) { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.cs :is(input[type=checkbox],input[type=radio]) { width:20px; height:20px; flex:0 0 auto; }
.cs :is(.cs-card,.cs-panel),.cp { min-width:0; overflow-wrap:anywhere; }
.cp dialog { box-sizing:border-box; }
.cp dialog::backdrop { background:rgb(15 23 42 / .55); }
.cs :is(button,a,input,select,textarea):focus-visible,.cp :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--brand-primary,#6366f1); outline-offset:3px; }
.course-admin-surface input,.course-admin-surface select,.course-admin-surface textarea {
    color:var(--text-primary,#182b3b)!important;
    background:var(--bg-secondary,#fff)!important;
    border-color:var(--border,#cbd5e1)!important;
    max-width:100%;
}
body :is(.booking-view-toggle,.simple-view-toggle) {
    border-radius:999px!important;
    background:var(--bg-secondary,#fff)!important;
    color:var(--text-primary,#182b3b)!important;
    -webkit-text-fill-color:var(--text-primary,#182b3b);
    border:1px solid var(--brand-primary,#6366f1)!important;
    box-shadow:none; min-height:44px;
}
body :is(.booking-view-toggle,.simple-view-toggle):hover { background:var(--bg-tertiary,#edf1f5)!important; }
@media(max-width:640px) {
    .cs .cs-actions>* { flex:1 1 auto; text-align:center; white-space:normal; }
    .cp .cp-row { flex-wrap:wrap; }
    .cp .cp-row>div { flex-basis:130px; }
    .cp dialog { padding:18px; width:calc(100vw - 24px); max-height:85dvh; }
    .cp .cp-bar button,.cp .cp-link { white-space:normal; }
    .course-admin-surface form { max-width:100%; }
    .course-admin-surface input { min-width:0!important; }
    .course-admin-surface .ac-table-scroll { overflow-x:auto; }
}