/* CourseOS product UI. Layout and permission ownership stay in each business module. */
:root {
  --ui-primary: #3370ff;
  --ui-primary-hover: #245bdb;
  --ui-primary-soft: #edf3ff;
  --ui-ink: #1f293b;
  --ui-muted: #69768c;
  --ui-subtle: #8d99ad;
  --ui-line: #e6ebf3;
  --ui-canvas: #f5f7fb;
  --ui-surface: #fff;
  --ui-radius: 12px;
  --ui-shadow: 0 10px 30px rgba(30, 58, 104, .05);
}
body[data-courseos-ui="enterprise"] {
  --cos-primary: var(--ui-primary);
  --cos-primary-strong: var(--ui-primary-hover);
  --cos-primary-soft: var(--ui-primary-soft);
  --cos-canvas: var(--ui-canvas);
  --cos-surface: #fff;
  --cos-surface-soft: #f8faff;
  --cos-ink: var(--ui-ink);
  --cos-ink-soft: #4c5d77;
  --cos-muted: var(--ui-muted);
  --cos-muted-soft: var(--ui-subtle);
  --cos-line: var(--ui-line);
  --cos-line-strong: #ccd8ee;
  --cos-radius: 12px;
  --cos-radius-sm: 8px;
  --cos-shadow-sm: 0 2px 8px rgba(31, 57, 99, .03);
  --cos-shadow: var(--ui-shadow);
  --cos-shadow-lg: 0 22px 65px rgba(23, 42, 78, .16);
  --web-teal: var(--ui-primary);
  --web-teal-dark: var(--ui-primary-hover);
  --web-paper: var(--ui-canvas);
  --web-line: var(--ui-line);
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --paper: var(--ui-canvas);
  --teal: var(--ui-primary);
  --teal2: var(--ui-primary-soft);
  --mint: var(--ui-primary-soft);
  color: var(--ui-ink);
  background: var(--ui-canvas);
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  scrollbar-color: #c1cce0 var(--ui-canvas);
}
[data-courseos-ui="enterprise"] :is(h1,h2,h3,p) { text-wrap: pretty; }
[data-courseos-ui="enterprise"] :is(h1,h2,h3) { letter-spacing: -.02em; }
[data-courseos-ui="enterprise"] :is(button,a,input,select,textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ui-primary) 65%, white);
  outline-offset: 3px;
}
[data-courseos-ui="enterprise"] ::selection { background: #dce8ff; color: #23468f; }
[data-courseos-ui="enterprise"] :is(input,textarea) { caret-color: var(--ui-primary); }
[data-courseos-ui="enterprise"] :is(button,a,input,select,textarea) { -webkit-tap-highlight-color: transparent; }
[data-courseos-ui="enterprise"] button { transition: background .16s, border-color .16s, color .16s, box-shadow .18s; }
[data-courseos-ui="enterprise"] button:disabled { opacity: .5; cursor: not-allowed; }
[data-courseos-ui="enterprise"] :is(.primary,.inst-primary,.lg-primary,.student-primary,.student-submit,.learning-primary,.gr-btn.primary) {
  background: var(--ui-primary);
  border-color: var(--ui-primary);
  color: white;
  border-radius: 8px;
  min-height: 40px;
  padding: 10px 17px;
  box-shadow: none;
  font-weight: 550;
}
[data-courseos-ui="enterprise"] :is(.primary,.inst-primary,.lg-primary,.student-primary,.student-submit,.learning-primary,.gr-btn.primary):hover {
  background: var(--ui-primary-hover);
  border-color: var(--ui-primary-hover);
  color: white;
  transform: none;
}
[data-courseos-ui="enterprise"] :is(.ghost,.inst-ghost,.button-secondary,.gr-btn) {
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid #dce4f0;
  background: white;
  color: #5c6a82;
  border-radius: 8px;
  font-weight: 500;
  box-shadow: none;
}
[data-courseos-ui="enterprise"] :is(.ghost,.inst-ghost,.button-secondary):hover {
  border-color: #a9c3ff;
  background: #f8faff;
  color: var(--ui-primary);
}
[data-courseos-ui="enterprise"] :is(.search input,.inst-search,.academic-toolbar input,.academic-toolbar select,.operational-toolbar input,.operational-toolbar select,.ops-search input) {
  border-color: var(--ui-line);
  background: white;
  border-radius: 8px;
  color: var(--ui-ink);
  min-height: 40px;
}
[data-courseos-ui="enterprise"] :is(input,textarea,select)::placeholder { color: #92a0b6; }
/* Shell: neutral navigation and a quiet, persistent working surface. */
.courseos-app[data-courseos-ui="enterprise"] .app { background: var(--ui-canvas); }
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar,.institution-side) {
  background: white;
  border-color: var(--ui-line);
  padding: 22px 14px 16px;
}
.courseos-app[data-courseos-ui="enterprise"] .sidebar .brand {
  padding: 0 9px 25px;
  gap: 10px;
  min-height: 52px;
}
.courseos-app[data-courseos-ui="enterprise"] .brand-mark {
  width: 34px;
  height: 36px;
  background: none;
  color: var(--ui-primary);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  flex: none;
}
.enterprise-brand-symbol { width: 36px; height: 36px; display: block; }
.courseos-app[data-courseos-ui="enterprise"] .brand-copy b { color: #24324a; font-size: 19px; font-weight: 650; }
.courseos-app[data-courseos-ui="enterprise"] .brand-copy small {
  font-family: inherit;
  color: #93a0b4;
  letter-spacing: 0;
  font-size: 10px;
  margin-top: 3px;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.section-label,.institution-nav-label) {
  font-size: 10px;
  color: #98a4b6;
  letter-spacing: 0;
  font-weight: 500;
  padding: 14px 12px 9px;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav button,.sidebar .nav a,.institution-nav) {
  min-height: 42px;
  font-size: 13px;
  color: #69778e;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  box-shadow: none;
  gap: 11px;
  font-weight: 500;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav button,.sidebar .nav a,.institution-nav):hover {
  background: #f5f8fe;
  color: var(--ui-primary);
}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav button.active,.sidebar .nav a.active,.institution-nav.active) {
  background: var(--ui-primary-soft);
  border-color: transparent;
  color: var(--ui-primary);
  font-weight: 600;
  box-shadow: none;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav .icon,.institution-nav .icon) { color: inherit; }
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav .icon,.institution-nav .icon) svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar-toggle,.institution-sidebar-toggle) {
  color: #8b99af;
  border-color: transparent;
  border-radius: 6px;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.topbar,.institution-top) {
  background: #fffffffa;
  border-bottom: 1px solid var(--ui-line);
  box-shadow: none;
  min-height: 72px;
}
.courseos-app[data-courseos-ui="enterprise"] .global-search { border-color: var(--ui-line); background: #f9fbfe; border-radius: 8px; box-shadow: none; }
.courseos-app[data-courseos-ui="enterprise"] .global-search input { font-size: 12px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.crumb,.top-kicker) { color: #8794aa; font-size: 12px; }
.courseos-app[data-courseos-ui="enterprise"] .crumb strong { color: #52647e; font-weight: 500; }
.courseos-app[data-courseos-ui="enterprise"] :is(.avatar,.institution-user .avatar) { background: #eaf0ff; color: #517be0; box-shadow: none; }
.courseos-app[data-courseos-ui="enterprise"] :is(.content,.institution-content) { padding: 30px 36px 48px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.headline h1,.inst-page-head h2,.institution-wb-heading h2,.academic-heading h1,.page-heading h1) {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -.025em;
  color: var(--ui-ink);
}
.courseos-app[data-courseos-ui="enterprise"] :is(.headline p,.institution-wb-heading p,.inst-page-head p,.page-heading p) { color: #7d899d; font-size: 13px; line-height: 1.85; }
.courseos-app[data-courseos-ui="enterprise"] :is(.eyebrow,.page-kicker,.institution-wb-eyebrow,.academic-kicker) { color: #8997ad; letter-spacing: 0; font-family: inherit; font-size: 10px; }
.courseos-app[data-courseos-ui="enterprise"] .headline .eyebrow { display: none; }
.courseos-app[data-courseos-ui="enterprise"] :is(.side-bottom,.sidebar-bottom) { border-color: var(--ui-line); }
.courseos-app[data-courseos-ui="enterprise"] :is(.preview-institution,.inst-exit) {
  background: #f8faff;
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  color: #6581b2;
  font-size: 11px;
  min-height: 38px;
  box-shadow: none;
}
/* Headquarters dashboard, health tables and finance. */
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-ops-panel,.panel,.academic-panel,.business-panel,.org-info-card,.operational-summary>div,.business-kpis>div) {
  border: 1px solid var(--ui-line);
  background: white;
  border-radius: var(--ui-radius);
  box-shadow: none;
}
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis { gap: 16px; margin-top: 24px; }
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div {
  border: 1px solid var(--ui-line);
  border-top: 1px solid var(--ui-line);
  background: white;
  padding: 21px 22px;
  border-radius: 11px;
  box-shadow: none;
}
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div b {
  font-family: "Avenir Next", "PingFang SC", sans-serif;
  font-size: 31px;
  font-weight: 600;
  color: #26364f;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div>span:first-child { color: #7b899f; font-size: 12px; }
.courseos-app[data-courseos-ui="enterprise"] .ui-kpi-status { background: transparent; border: 0; padding: 0; font-size: 10px; }
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis [data-ui-tone="warning"] .ui-kpi-status { color: #b47c33; }
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis [data-ui-tone="danger"] .ui-kpi-status { color: #bf5668; }
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis [data-ui-tone="success"] .ui-kpi-status { color: #4a927d; }
.courseos-app[data-courseos-ui="enterprise"] .platform-ops-panel { padding: 23px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-ops-panel h3,.academic-panel h3,.institution-wb-panel h3) { color: #34435d; font-size: 16px; font-weight: 600; }
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-ops-panel table,.academic-table,.org-table,.courseos-live-table) { font-size: 13px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-ops-panel th,.academic-table th,.org-table th,.courseos-live-table th) {
  color: #8090a9;
  background: #f8faff;
  border-color: #edf1f7;
  font-size: 11px;
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 12px;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-ops-panel td,.academic-table td,.org-table td,.courseos-live-table td) { border-color: #edf1f7; padding-top: 15px; padding-bottom: 15px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.platform-work-item,.platform-activity-row,.business-followup-row,.business-usage-row,.org-section-head) { border-color: #edf1f7; }
.courseos-app[data-courseos-ui="enterprise"] :is(.org-detail-head,.org-detail-tabs,.business-finance-toolbar,.operational-toolbar) { border-color: var(--ui-line); border-radius: 9px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.org-detail-tab.active,.academic-subnav .active,.ops-pills .active,.preparation-tabs .active) { background: var(--ui-primary-soft); color: var(--ui-primary); border-color: #c6d8ff; box-shadow: none; }
/* Course library, hierarchical navigation and authoring. Covers remain real assets. */
.courseos-app[data-courseos-ui="enterprise"] :is(.entity-card,.course-card,.institution-explorer-card,.institution-learning-card,.institution-lesson-card,.preparation-card,.training-course-card,.material-card) {
  border-color: var(--ui-line);
  border-radius: 12px;
  background: white;
  box-shadow: none;
  overflow: hidden;
  transition: border-color .18s, box-shadow .22s;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.entity-card,.course-card,.institution-explorer-card,.institution-learning-card,.institution-lesson-card,.preparation-card):hover {
  border-color: #abc4ff;
  box-shadow: 0 8px 22px rgba(45, 76, 126, .06);
  transform: none;
}
.courseos-app[data-courseos-ui="enterprise"] :is(.entity-card h3,.institution-explorer-card h3,.institution-learning-card h3,.preparation-card h3) { color: #30405a; font-size: 17px; font-weight: 600; }
.courseos-app[data-courseos-ui="enterprise"] :is(.entity-grid,.course-grid,.institution-explorer-grid,.institution-learning-grid,.preparation-grid) { gap: 20px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.entity-cover,.institution-explorer-cover,.institution-learning-cover) { border-radius: 11px 11px 0 0; }
.courseos-app[data-courseos-ui="enterprise"] :is(.catalog-workspace,.course-workspace,.institution-course-workspace,.preparation-panel,.preparation-editor-layout,.editor) { border-color: var(--ui-line); border-radius: 12px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.tree,.resource-list,.preparation-course-outline,.preparation-course-navigation) { background: #f8faff; border-color: var(--ui-line); }
.courseos-app[data-courseos-ui="enterprise"] :is(.tree-item.active,.resource-item.active,.preparation-outline-step.active) { background: var(--ui-primary-soft); color: var(--ui-primary); }
.courseos-app[data-courseos-ui="enterprise"] .preparation-filter { border-color: var(--ui-line); background: white; border-radius: 10px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.preparation-empty,.institution-learning-empty,.institution-wb-empty,.ops-empty,.lg-empty) { background: #f9fbff; border: 1px dashed #d4e0f3; color: #7c8da9; border-radius: 10px; }
/* Institution workspace keeps custom brand choices, but system/default uses the shared blue. */
.courseos-app[data-courseos-ui="enterprise"] #institutionShell { background: var(--ui-canvas); }
.courseos-app[data-courseos-ui="enterprise"] #institutionShell[data-enterprise-brand="system"] {
  --brand-primary: var(--ui-primary) !important;
  --institution-primary: var(--ui-primary) !important;
  --brand-surface: #f5f8ff !important;
  --brand-ink: var(--ui-ink);
  --wb-ink: var(--ui-ink);
  --wb-muted: var(--ui-muted);
  --wb-border: var(--ui-line);
  --wb-surface: #f8faff;
}
.courseos-app[data-courseos-ui="enterprise"] .institution-workbench {
  --wb-ink: var(--ui-ink);
  --wb-muted: var(--ui-muted);
  --wb-border: var(--ui-line);
  --wb-surface: #f8faff;
}
.courseos-app[data-courseos-ui="enterprise"] .institution-logo { padding: 0 7px 24px; gap: 10px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-logo b { font-size: 16px; font-weight: 600; color: #32415d; }
.courseos-app[data-courseos-ui="enterprise"] .institution-logo small { color: #94a0b5; font-size: 11px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-user { background: #f8faff; border-radius: 8px; border-color: var(--ui-line); }
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-top h1,.institution-top-actions) { color: #52657f; }
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-wb-stat,.institution-wb-panel,.academic-summary>div,.institution-wb-business-metrics .institution-wb-stat) { border-color: var(--ui-line); border-radius: 11px; background: white; box-shadow: none; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-stat { padding: 19px 21px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-stat b { color: #2a3a54; font-weight: 600; font-size: 30px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-stat span { font-size: 12px; color: #7b8aa2; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-stat small { color: #8c99ac; font-size: 11px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-quick { border-color: var(--ui-line); background: #f9fbff; border-radius: 8px; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-quick:hover { border-color: #b3caff; color: var(--ui-primary); box-shadow: none; }
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-wb-followup-summary,.institution-wb-footer,.institution-wb-announcement) { color: #7b899e; }
.courseos-app[data-courseos-ui="enterprise"] .institution-wb-followup-summary { border: 0; background: #f8faff; border-radius: 7px; padding: 10px 12px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-wb-status,.academic-tag) { border-radius: 4px; font-size: 10px; }
/* Operations V2/V3, AI conversations, uploads and settings share the component system. */
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-library,.oa-hero,.ai-ops-page) { color: var(--ui-ink); }
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-plan,.ops-scene-grid>a,.ops-scene-grid>button,.oa-card,.oa-lane,.oa-side,.oa-overview-grid>div,.ai-agent-conversation,.ai-agent-sidebar,.system-settings-card) { border-color: var(--ui-line); border-radius: 11px; box-shadow: none; }
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-toolbar,.ops-search,.ops-list-top,.oa-toolbar) { border-color: var(--ui-line); }
.courseos-app[data-courseos-ui="enterprise"] .ops-pills button { border-radius: 7px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-summary,.oa-stats,.ops-overview) { border-color: var(--ui-line); background: #f8faff; border-radius: 10px; }
.courseos-app[data-courseos-ui="enterprise"] .oa-lane { background: #f7f9fd; }
.courseos-app[data-courseos-ui="enterprise"] .oa-card { background: white; }
.courseos-app[data-courseos-ui="enterprise"] .ai-agent-conversation { background: white; }
.courseos-app[data-courseos-ui="enterprise"] .ai-agent-conversation-actions { border-color: var(--ui-line); }
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-reader,.ops-editor-entry,.ops-preview-wrap,.gr-modal-box,.preparation-panel,.course-batch-dialog) { border-radius: 12px; }
.courseos-app[data-courseos-ui="enterprise"] :is(.ops-text-dialog,.gr-modal,.resource-viewer,.plan-preview-overlay) { backdrop-filter: blur(4px); }
/* Growth and family workspaces. Intentional status colors remain intact. */
[data-courseos-ui="enterprise"] :is(.lg-workspace,.lg-learner,.gr-page,.gr-parent) { --lg-primary: var(--ui-primary); color: var(--ui-ink); }
[data-courseos-ui="enterprise"] :is(.lg-card,.gr-card,.gr-section,.gr-block,.report-card) { border-color: var(--ui-line); border-radius: 12px; background: white; box-shadow: none; }
[data-courseos-ui="enterprise"] :is(.lg-tabs button.active,.lg-tabs [aria-selected="true"],.gr-choice button.active) { background: var(--ui-primary-soft); border-color: #c2d5ff; color: var(--ui-primary); }
[data-courseos-ui="enterprise"] .gr-report { border-radius: 14px; border-color: var(--ui-line); box-shadow: var(--ui-shadow); }
[data-courseos-ui="enterprise"] .gr-parent-message { padding: 30px; border-radius: 12px; background: white; border: 1px solid var(--ui-line); color: var(--ui-muted); }
.learning-child[data-courseos-ui="enterprise"] {
  --pc-primary: var(--brand-primary, var(--ui-primary));
  --pc-deep: color-mix(in srgb, var(--pc-primary) 72%, #23334d);
  --pc-soft: color-mix(in srgb, var(--pc-primary) 8%, white);
  --pc-paper: var(--ui-canvas);
  --pc-ink: var(--ui-ink);
  --pc-muted: #7c899d;
  --pc-line: var(--ui-line);
  background: var(--ui-canvas) !important;
}
.learning-child[data-courseos-ui="enterprise"][data-enterprise-brand="system"] { --brand-primary: var(--ui-primary) !important; }
.learning-child[data-courseos-ui="enterprise"] .child-top { border-bottom: 1px solid var(--ui-line); background: #fffffffa !important; height: 78px; padding-top: 13px; padding-bottom: 13px; }
.learning-child[data-courseos-ui="enterprise"] .child-top nav { background: white; border-color: var(--ui-line); gap: 8px; }
.learning-child[data-courseos-ui="enterprise"] .child-top nav button { border-radius: 8px; padding: 12px 16px; font-size: 14px; color: #7a889f; }
.learning-child[data-courseos-ui="enterprise"] .child-top nav button.active { background: var(--pc-soft); color: var(--pc-primary); }
.learning-child[data-courseos-ui="enterprise"] .child-top nav:after { background: #f5f8ff; color: #8194b8; border-radius: 10px; font-size: 12px; }
.learning-child[data-courseos-ui="enterprise"] .child-brand { top: 23px; }
.learning-child[data-courseos-ui="enterprise"] :is(.pc-card,.child-card,.child-chapters,.report-card) { border-radius: 12px; border-color: var(--ui-line); box-shadow: none; }
.learning-child[data-courseos-ui="enterprise"] :is(.pc-heading h1,.child-intro h1) { font-size: 28px; font-weight: 600; color: #283b58; }
.learning-child[data-courseos-ui="enterprise"] .pc-card h2 { font-weight: 550; color: #3b4e6b; }
.learning-child[data-courseos-ui="enterprise"] :is(.pc-task,.pc-notice-row,.pc-lesson-row) { border-color: var(--ui-line); border-radius: 8px; }
.learning-child[data-courseos-ui="enterprise"] .pc-growth-summary button { border-radius: 10px; border-color: var(--ui-line); box-shadow: none; }
.learning-child[data-courseos-ui="enterprise"] .pc-growth-summary b { font-size: 28px; font-weight: 600; }
.learning-child[data-courseos-ui="enterprise"] .child-login { border-radius: 14px; border-color: var(--ui-line); padding: 30px; box-shadow: var(--ui-shadow); }
.learning-child[data-courseos-ui="enterprise"] .child-login input { border-radius: 8px; border: 1px solid #dbe4f3; min-height: 44px; background: #fbfcff; }
.learning-child[data-courseos-ui="enterprise"] .guardian-child-picker select { border-color: var(--ui-line); border-radius: 7px; background: #f9fbff; }
.learning-child[data-courseos-ui="enterprise"] :is(.child-back,.pc-link) { color: var(--pc-primary); }
/* Online course studio and video learning use the same shell, without restyling media. */
.learning-admin[data-courseos-ui="enterprise"] :is(.studio-panel,.studio-card,.studio-catalog,.studio-empty,.studio-overview) { border-color: var(--ui-line); border-radius: 12px; box-shadow: none; }
.learning-admin[data-courseos-ui="enterprise"] :is(.studio-tabs .active,.studio-category.active) { background: var(--ui-primary-soft); color: var(--ui-primary); border-color: #bfd3ff; }
.learning-admin[data-courseos-ui="enterprise"] .studio-head h1 { font-size: 28px; font-weight: 600; }
.learning-admin[data-courseos-ui="enterprise"] .studio-page { padding: 28px 0; }
.learning-admin[data-courseos-ui="enterprise"] :is(.studio-form input,.studio-form select,.studio-form textarea) { border-color: #dce4f1; border-radius: 7px; }
/* Classroom participation is a focused task surface, with large touch targets. */
.courseos-classroom[data-courseos-ui="enterprise"] .student-header { height: 76px; border-color: var(--ui-line); padding-inline: 32px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-brand>span { background: transparent; transform: none; width: 34px; height: 36px; color: var(--ui-primary); }
.courseos-classroom[data-courseos-ui="enterprise"] .student-brand small { font-family: inherit; letter-spacing: 0; color: #8c9bb3; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-live { color: #6684b7; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-live i { background: #6ba9cf; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-kicker { display: none; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-shell { padding-top: 58px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-hero h1 { font-size: 31px; font-weight: 600; color: #293e60; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-hero p { font-size: 14px; color: #8090a8; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-join { border: 1px solid var(--ui-line); border-radius: 14px; box-shadow: var(--ui-shadow); padding: 28px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-join label { color: #60728e; font-size: 13px; margin-bottom: 19px; gap: 9px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-join input { background: #fbfcff; border-color: #dce6f6; border-radius: 8px; min-height: 46px; font-size: 16px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-join input:focus { border-color: #95b5ff; box-shadow: 0 0 0 3px #3370ff0a; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-primary { min-height: 46px; margin-top: 4px; }
.courseos-classroom[data-courseos-ui="enterprise"] :is(.student-card,.student-wait,.student-success) { border-radius: 12px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-options label { min-height: 48px; border-color: var(--ui-line); border-radius: 8px; }
.courseos-classroom[data-courseos-ui="enterprise"] .student-options label:has(input:checked) { background: var(--ui-primary-soft); border-color: #a7c4ff; color: var(--ui-primary); }
/* Public institution displays keep their configured imagery and brand color. */
.institution-public-display[data-courseos-ui="enterprise"] { background: #f8faff; }
.institution-public-display[data-courseos-ui="enterprise"] :is(.display-section,.display-card,.institution-display-card) { border-color: var(--ui-line); border-radius: 13px; box-shadow: none; }
/* Product motion: action-driven, restrained, and reduced-motion aware. */
@media (max-width:1100px) {
  .courseos-app[data-courseos-ui="enterprise"] :is(.content,.institution-content) { padding: 27px 25px 42px; }
  .courseos-app[data-courseos-ui="enterprise"] :is(.headline h1,.inst-page-head h2,.institution-wb-heading h2,.academic-heading h1) { font-size: 25px; }
  .courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div { padding: 18px; }
  .courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div b { font-size: 28px; }
}
@media (max-width:760px) {
  .courseos-app[data-courseos-ui="enterprise"] :is(.content,.institution-content) { padding: 23px 18px 38px; }
  .courseos-app[data-courseos-ui="enterprise"] :is(.headline h1,.inst-page-head h2,.institution-wb-heading h2,.academic-heading h1) { font-size: 23px; }
  .courseos-app[data-courseos-ui="enterprise"] :is(.primary,.inst-primary,.ghost,.inst-ghost) { min-height: 42px; }
  .courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis { gap: 11px; }
  .courseos-app[data-courseos-ui="enterprise"] .platform-ops-kpis>div { padding: 16px; }
  .courseos-app[data-courseos-ui="enterprise"] .platform-ops-panel { padding: 18px; }
  .courseos-app[data-courseos-ui="enterprise"] :is(.entity-grid,.course-grid,.institution-explorer-grid,.institution-learning-grid,.preparation-grid) { gap: 14px; }
  .learning-child[data-courseos-ui="enterprise"] .child-top { height: auto; min-height: 72px; padding: 12px 16px; }
  .learning-child[data-courseos-ui="enterprise"] .child-brand { position: static; }
  .learning-child[data-courseos-ui="enterprise"] .child-top nav { position: static; flex-direction: row; padding: 4px; width: 100%; border: 0; border-radius: 9px; background: #edf2fb; gap: 4px; }
  .learning-child[data-courseos-ui="enterprise"] .child-top nav button { justify-content: center; font-size: 12px; min-height: 42px; padding: 10px 11px; border-radius: 6px; }
  .learning-child[data-courseos-ui="enterprise"] .child-top nav button.active { background: white; }
  .learning-child[data-courseos-ui="enterprise"] .child-top nav:after { display: none; }
  .learning-child[data-courseos-ui="enterprise"] .child-page { margin-left: 0; padding: 22px 17px 44px; }
  .learning-child[data-courseos-ui="enterprise"] :is(.pc-heading h1,.child-intro h1) { font-size: 24px; }
  .learning-child[data-courseos-ui="enterprise"] .pc-card { padding: 19px; }
  .courseos-classroom[data-courseos-ui="enterprise"] .student-header { padding-inline: 18px; height: 68px; }
  .courseos-classroom[data-courseos-ui="enterprise"] .student-shell { padding-top: 37px; }
  .courseos-classroom[data-courseos-ui="enterprise"] .student-hero h1 { font-size: 27px; }
  .courseos-classroom[data-courseos-ui="enterprise"] .student-join { padding: 23px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-courseos-ui="enterprise"] *,[data-courseos-ui="enterprise"] *:before,[data-courseos-ui="enterprise"] *:after { animation: none !important; transition: none !important; }
}
.enterprise-home-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7e90ae;min-height:36px;padding:7px 9px;border-radius:6px;white-space:nowrap;text-decoration:none}
.enterprise-home-link:hover{background:#eef4ff;color:#3370ff}
.enterprise-home-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.enterprise-home-link{padding:7px;min-width:32px;justify-content:center}.enterprise-home-link span{display:none}}
/* Actual course explorer and institution branding contracts. */
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-card,.course-system-card,.institution-prep-hierarchy-card,.institution-prep-lesson-card,.level-lesson-card,.learning-hierarchy-card,.course-directory-card){border-color:var(--ui-line);border-radius:12px;background:white;box-shadow:none;overflow:hidden}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-card,.course-system-card,.institution-prep-hierarchy-card,.level-lesson-card):hover{border-color:#abc4ff;box-shadow:0 8px 22px #2d4c7e0f;transform:none}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-grid,.institution-card-grid,.course-system-grid,.institution-prep-hierarchy-grid,.institution-prep-lesson-grid,.course-directory-grid){gap:20px}
.courseos-app[data-courseos-ui="enterprise"] :is(.wall-head h1,.platform-preview-head h1,.inst-page-head h1){font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.025em;color:var(--ui-ink)}
.courseos-app[data-courseos-ui="enterprise"] .explorer-head h2{font-size:23px;font-weight:550;letter-spacing:-.02em;color:#344760}
.courseos-app[data-courseos-ui="enterprise"] :is(.wall-head p,.explorer-head p,.platform-preview-head p){font-size:13px;line-height:1.8;color:#8591a4}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-head .eyebrow,.wall-head .eyebrow,.explorer-card-kicker){font-family:inherit;letter-spacing:0;color:#9aa5b7;font-size:9px}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-head button.dark,.explorer-actions button.dark,.course-system-card-actions button.dark){background:var(--ui-primary);border-color:var(--ui-primary);color:white;border-radius:7px;min-height:39px;box-shadow:none}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-head button.dark,.explorer-actions button.dark):hover{background:var(--ui-primary-hover)}
.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-actions button,.course-system-card-actions button){border-radius:6px;min-height:36px}
.courseos-app[data-courseos-ui="enterprise"] .explorer-card-body{padding:19px}
.courseos-app[data-courseos-ui="enterprise"] .explorer-card-body h3{font-size:18px;font-weight:600;color:#354965}
.courseos-app[data-courseos-ui="enterprise"] .institution-logo .brand-mark{background:var(--brand-primary,#3370ff);color:white;border-radius:8px;width:34px;height:36px;display:grid;place-items:center;font-size:17px;font-weight:600}
.courseos-app[data-courseos-ui="enterprise"] #institutionShell[data-enterprise-brand="custom"]{--ui-primary:var(--brand-primary);--ui-primary-hover:color-mix(in srgb,var(--brand-primary) 85%,#152a46);--ui-primary-soft:color-mix(in srgb,var(--brand-primary) 8%,white)}
.learning-child[data-courseos-ui="enterprise"][data-enterprise-brand="custom"]{--ui-primary:var(--brand-primary);--ui-primary-hover:color-mix(in srgb,var(--brand-primary) 85%,#152a46);--ui-primary-soft:color-mix(in srgb,var(--brand-primary) 8%,white)}
.ops-scene-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.courseos-app[data-courseos-ui="enterprise"] :is(.wall-head h1,.platform-preview-head h1,.inst-page-head h1){font-size:24px}.courseos-app[data-courseos-ui="enterprise"] .explorer-head h2{font-size:21px}.courseos-app[data-courseos-ui="enterprise"] :is(.explorer-grid,.institution-card-grid,.course-system-grid,.institution-prep-hierarchy-grid,.institution-prep-lesson-grid,.course-directory-grid){gap:14px}}
/* Family brand identity is a row, not the old single-letter badge. */
.learning-child[data-courseos-ui="enterprise"] .child-brand>.brand-identity{background:transparent!important;display:flex;align-items:center;gap:10px;width:auto;height:auto;border-radius:0;padding:0}
.learning-child[data-courseos-ui="enterprise"] .child-brand>.brand-identity>i{background:var(--pc-primary);border-radius:8px;width:34px;height:36px;font-size:15px;color:white;flex:none}
.learning-child[data-courseos-ui="enterprise"] .child-brand>.brand-identity>b{color:#3a4b66;font-size:15px;font-weight:600}
.learning-child[data-courseos-ui="enterprise"] .pc-hero :is(h1,h2,h3){color:white}
.learning-child[data-courseos-ui="enterprise"] .pc-hero small{letter-spacing:0;font-size:10px}
.learning-child[data-courseos-ui="enterprise"] :is(.pc-primary,.pc-secondary){border-radius:8px;font-weight:550}
.learning-child[data-courseos-ui="enterprise"] .pc-journal{box-shadow:5px 7px 20px #13325c12;border-radius:8px}
[data-courseos-ui="enterprise"] [hidden]{display:none!important}
.courseos-app[data-courseos-ui="enterprise"] .institution-logo .brand-mark{background:var(--brand-primary,#3370ff)!important;color:white!important}
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-settings-panel,.institution-settings-preview-panel,.settings-grid>section){border-color:var(--ui-line);border-radius:12px;box-shadow:none}
.courseos-app[data-courseos-ui="enterprise"] :is(.institution-settings-tabs button.active,.academic-tabs button.active){background:var(--ui-primary-soft);color:var(--ui-primary);border-color:#bfd4ff}
@media(max-width:760px){.learning-child[data-courseos-ui="enterprise"] .child-top nav button{flex:1;min-width:0;flex-direction:column;gap:5px;padding:7px 3px;font-size:10px;min-height:55px}.learning-child[data-courseos-ui="enterprise"] .child-top nav button svg{width:17px;height:17px}}
.courseos-app[data-courseos-ui="enterprise"] :is(.sidebar .nav button,.sidebar .nav a,.institution-nav){justify-content:flex-start}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench{background:var(--ui-canvas);color:var(--ui-ink)}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-topbar{background:white;border-color:var(--ui-line);box-shadow:none}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-button{border-radius:7px;border-color:var(--ui-line);min-height:40px;color:#657996;background:white}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-button.primary{background:var(--ui-primary);border-color:var(--ui-primary);color:white;box-shadow:none}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-button.primary:hover{background:var(--ui-primary-hover)}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench :is(.courseos-wb-tabs,.courseos-wb-sidebar,.courseos-wb-bottom){border-color:var(--ui-line);background:white}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench :is(.courseos-wb-empty,.courseos-wb-stage){border-color:var(--ui-line);border-radius:12px}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench :is(.courseos-wb-rail,.courseos-wb-right,.courseos-wb-transport){background:white;border-color:var(--ui-line)}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench :is(.courseos-wb-canvas,.courseos-wb-placeholder){border-color:var(--ui-line);border-radius:12px;background:#f9fbff;color:#8291a8}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-placeholder .eyeline{display:none}
.courseos-app[data-courseos-ui="enterprise"] .courseos-workbench .courseos-wb-button.danger{color:#c95367;border-color:#edcad2;background:#fff9fa}
.learning-child[data-courseos-ui="enterprise"] .child-filter button.active{background:var(--pc-primary);border-color:var(--pc-primary);color:white}
.learning-child[data-courseos-ui="enterprise"] .child-chapters button.active{background:var(--pc-soft);color:var(--pc-primary);border-color:color-mix(in srgb,var(--pc-primary) 24%,white)}
.learning-child[data-courseos-ui="enterprise"] .quiz-options button.selected{background:var(--pc-soft);border-color:var(--pc-primary);color:var(--pc-deep)}
.learning-child[data-courseos-ui="enterprise"] .child-progress i{background:var(--pc-primary)}