/*
 * Word-faithful administration shell (2026-10-09)
 *
 * The supplied brief is an older, compact administration product. Its
 * defining structure is a 150px left tree, a full-width white work area and
 * small blue/orange controls. This layer intentionally replaces the modern
 * card dashboard treatment while keeping the existing DOM and action hooks.
 */
:root {
  --wf-blue: #409eff;
  --wf-blue-deep: #2587df;
  --wf-blue-soft: #ecf5ff;
  --wf-orange: #f5a623;
  --wf-green: #67c23a;
  --wf-red: #f56c6c;
  --wf-ink: #303133;
  --wf-muted: #909399;
  --wf-line: #ebeef5;
  --wf-line-strong: #dcdfe6;
  --wf-canvas: #f5f7fa;
  --wf-sidebar: 154px;
  --wf-font: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
}

html, body { min-width: 0 !important; background: var(--wf-canvas) !important; }
body { color: var(--wf-ink) !important; font-family: var(--wf-font) !important; font-size: 12px !important; line-height: 1.45 !important; }
button, input, select, textarea { font-family: inherit !important; }

/* Word shell: narrow tree navigation and a full-width working surface. */
.app-shell.is-authenticated { grid-template-columns: var(--wf-sidebar) minmax(0, 1fr) !important; background: var(--wf-canvas) !important; }
.sidebar {
  width: var(--wf-sidebar) !important; min-width: var(--wf-sidebar) !important; height: 100vh !important;
  position: sticky !important; top: 0 !important; overflow-y: auto !important; padding: 10px 6px !important;
  border-right: 1px solid var(--wf-line-strong) !important; background: #fff !important; box-shadow: none !important;
}
.sidebar .brand { gap: 6px !important; padding: 2px 5px 12px !important; border-bottom: 1px solid var(--wf-line) !important; }
.sidebar .brand-logo-frame { width: 28px !important; height: 28px !important; border: 1px solid #d6e5f5 !important; border-radius: 3px !important; background: #f1f8ff !important; box-shadow: none !important; }
.sidebar .brand-logo { width: 24px !important; height: 24px !important; }
#sidebar-brand-name { color: #1683d8 !important; font-size: 12px !important; font-weight: 700 !important; }
#sidebar-brand-subtitle { color: #a3a6ad !important; font-size: 8px !important; margin-top: 1px !important; }
.module-nav { display: grid !important; gap: 3px !important; padding: 10px 0 !important; }
.module-nav-group { display: block !important; }
.module-link {
  width: 100% !important; min-height: 30px !important; display: grid !important; grid-template-columns: 18px minmax(0,1fr) 12px !important;
  align-items: center !important; gap: 2px !important; padding: 0 5px !important; border: 0 !important; border-left: 2px solid transparent !important;
  border-radius: 0 !important; color: #606266 !important; background: transparent !important; box-shadow: none !important; font-size: 11px !important; font-weight: 600 !important; text-align: left !important;
}
.module-link:hover, .module-link.is-active { color: var(--wf-blue-deep) !important; background: var(--wf-blue-soft) !important; }
.module-link.is-active { border-left-color: var(--wf-blue) !important; }
.module-link .module-index { width: auto !important; color: #b1b3b8 !important; font-size: 8px !important; }
.module-link.is-active .module-index { color: var(--wf-blue) !important; }
.module-chevron { color: #b1b3b8 !important; font-size: 10px !important; font-weight: 400 !important; }
.module-subnav { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1px 2px !important; margin: 1px 0 4px !important; padding-left: 12px !important; border-left: 1px solid #eef1f5 !important; }
.module-sub-link {
  min-height: 25px !important; padding: 4px 4px !important; border: 0 !important; border-left: 2px solid transparent !important; border-radius: 0 !important;
  color: #909399 !important; background: transparent !important; font-size: 10px !important; line-height: 1.2 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.module-sub-link:hover, .module-sub-link.is-active { color: var(--wf-blue-deep) !important; background: #f5faff !important; }
.module-sub-link.is-active { border-left-color: var(--wf-blue) !important; font-weight: 600 !important; }
.sidebar-user-chip { margin: auto 0 6px !important; padding: 6px 5px !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; background: #fff !important; font-size: 9px !important; }
.sidebar-note { margin: 0 2px !important; color: #b1b3b8 !important; font-size: 8px !important; }

.main-content { min-width: 0 !important; width: 100% !important; max-width: none !important; padding: 8px 8px 28px !important; background: var(--wf-canvas) !important; }
.topbar { min-height: 24px !important; margin: 0 0 5px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.topbar h1 { color: var(--wf-ink) !important; font-size: 17px !important; font-weight: 600 !important; }
.topbar .eyebrow { display: none !important; }

/* Keep a compact section strip in addition to the left tree. It gives every
 * route a visible keyboard/touch target instead of leaving navigation only in
 * the sidebar. */
.workspace-section-nav {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important;
  min-height: 27px !important; margin: 0 0 6px !important; padding: 0 4px !important;
  border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important;
  overflow-x: auto !important;
}
.workspace-section-nav[aria-label]::before { content: "分区" !important; margin: 0 6px 0 2px !important; color: var(--wf-muted) !important; font-size: 9px !important; font-weight: 600 !important; }
.workspace-section-nav .workspace-section-tab { min-height: 26px !important; padding: 5px 9px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: var(--wf-muted) !important; background: transparent !important; font-size: 10px !important; white-space: nowrap !important; }
.workspace-section-nav .workspace-section-tab:hover, .workspace-section-nav .workspace-section-tab.is-active { color: var(--wf-blue-deep) !important; background: #f7fbff !important; border-bottom-color: var(--wf-blue) !important; }
.module-page { max-width: 1180px !important; margin: 0 auto !important; min-width: 0 !important; }
.module-page .module-page-header { min-height: 26px !important; display: flex !important; align-items: center !important; margin: 0 0 7px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.module-page .module-page-header h2 { margin: 0 !important; color: var(--wf-ink) !important; font-size: 16px !important; font-weight: 600 !important; }
.module-page .module-page-header p, .module-page .module-page-context, .module-page .module-page-header-actions #module-back, .module-page-kicker { display: none !important; }
.module-page .learning-hero, .module-page .exam-hero, .module-page .people-hero, .module-page .operations-hero, .module-page .points-hero, .module-page .analytics-hero { display: none !important; }

/* Flat Word panels and controls. */
.panel, .pc-panel, .oc-panel, .ec-panel, .lc-panel, .p1-surface-panel, #workspace-editor-page, .learning-create-panel {
  border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important; box-shadow: none !important;
}
.panel { padding: 10px !important; }
.panel-heading { min-height: 26px !important; gap: 7px !important; margin-bottom: 6px !important; }
.panel-heading h2, .panel-heading h3, .pc-panel h2, .oc-panel h2, .ec-panel h2 { color: var(--wf-ink) !important; font-size: 14px !important; font-weight: 600 !important; }
.panel-meta, .panel-subtitle, .form-hint, .workspace-section-note { color: var(--wf-muted) !important; font-size: 10px !important; }
.eyebrow { color: #a8abb2 !important; font-size: 8px !important; letter-spacing: .04em !important; }
input, select, textarea { min-height: 30px !important; padding: 5px 8px !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; background: #fff !important; color: var(--wf-ink) !important; font-size: 11px !important; box-shadow: none !important; }
.primary-action, .primary-tiny, .tiny-action.primary-tiny { min-height: 30px !important; padding: 6px 12px !important; border: 1px solid var(--wf-blue) !important; border-radius: 2px !important; background: var(--wf-blue) !important; color: #fff !important; box-shadow: none !important; font-size: 11px !important; font-weight: 500 !important; }
.secondary-action, .tiny-action { min-height: 29px !important; padding: 5px 10px !important; border: 1px solid #c9e0f5 !important; border-radius: 2px !important; background: #fff !important; color: #409eff !important; box-shadow: none !important; font-size: 11px !important; font-weight: 400 !important; }
button[id*="new"], button[id*="add"], .source-shortcut-list button[data-source-action] { background: var(--wf-orange) !important; border-color: var(--wf-orange) !important; color: #fff !important; }
.learning-filter-toolbar, .people-filter-toolbar, .report-toolbar, .dashboard-toolbar, .governance-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 0 7px !important; padding: 7px 8px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important; }

/* Homepage: the Word composition is a three-column dashboard. */
#source-admin-dashboard { max-width: 1180px !important; margin: 0 auto !important; }
#source-admin-dashboard .source-admin-heading { min-height: 28px !important; margin: 0 0 5px !important; padding: 0 3px !important; border: 0 !important; background: #fff !important; }
#source-admin-dashboard .source-admin-heading h2 { margin: 0 !important; color: var(--wf-ink) !important; font-size: 15px !important; font-weight: 600 !important; }
#source-admin-dashboard .source-admin-heading p, #source-admin-dashboard .source-admin-heading .eyebrow, #source-admin-dashboard .source-admin-actions { display: none !important; }
#source-admin-dashboard .source-org-banner { display: none !important; }
#source-kpi-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; margin: 0 0 10px !important; }
#source-kpi-grid .source-kpi-card { min-height: 76px !important; padding: 11px 14px !important; border: 0 !important; border-radius: 2px !important; box-shadow: none !important; }
#source-kpi-grid .source-kpi-card span { font-size: 11px !important; color: rgba(255,255,255,.92) !important; }
#source-kpi-grid .source-kpi-card strong { display: inline-block !important; margin: 4px 6px 0 0 !important; color: #fff !important; font-size: 28px !important; line-height: 1 !important; }
#source-kpi-grid .source-kpi-card small { color: rgba(255,255,255,.86) !important; font-size: 9px !important; }
#source-kpi-grid .source-kpi-card:nth-child(1) { background: linear-gradient(135deg,#6676e9,#5863d7) !important; }
#source-kpi-grid .source-kpi-card:nth-child(2) { background: linear-gradient(135deg,#dc64cd,#c74bb9) !important; }
#source-kpi-grid .source-kpi-card:nth-child(3) { background: linear-gradient(135deg,#2ab9dc,#1aa8cf) !important; }
#source-kpi-grid .source-kpi-card:nth-child(4) { background: linear-gradient(135deg,#f49a3e,#e47e28) !important; }
.source-admin-main { display: grid !important; grid-template-columns: minmax(0,1fr) 210px !important; gap: 10px !important; align-items: start !important; }
.source-admin-primary { display: grid !important; gap: 10px !important; min-width: 0 !important; }
.source-shortcuts { min-height: 0 !important; }
.source-shortcut-list { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 5px !important; }
.source-shortcut-list { grid-auto-rows: 45px !important; align-content: start !important; }
.source-shortcut-list button { min-height: 48px !important; display: grid !important; grid-template-columns: 24px minmax(0,1fr) !important; grid-template-rows: 1fr 1fr !important; column-gap: 5px !important; align-items: center !important; padding: 6px 8px !important; border: 1px solid #dfeffc !important; border-radius: 2px !important; background: #f3f9ff !important; color: var(--wf-blue) !important; text-align: left !important; }
.source-shortcut-list button .source-shortcut-icon { grid-column: 1 !important; grid-row: 1 / 3 !important; display: grid !important; place-items: center !important; color: var(--wf-blue) !important; font-size: 19px !important; }
.source-shortcut-list button strong { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; color: #5c6d80 !important; font-size: 10px !important; font-weight: 500 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.source-shortcut-list button small { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; color: #a0a8b2 !important; font-size: 8px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.source-shortcut-list button[data-source-action] { background: #f3f9ff !important; border-color: #dfeffc !important; color: var(--wf-blue) !important; }
.source-shortcut-list button[data-source-action] .source-shortcut-icon { color: var(--wf-blue) !important; }
.source-learning-analysis { min-height: 0 !important; }
.source-chart-legend { display: flex !important; justify-content: center !important; gap: 16px !important; margin: -2px 0 3px !important; color: #8d9aa8 !important; font-size: 10px !important; }
.source-chart-legend span { display: inline-flex !important; align-items: center !important; gap: 4px !important; }
.chart-dot { width: 6px !important; height: 6px !important; display: inline-block !important; border-radius: 50% !important; }
.chart-dot-blue { background: #6da8ee !important; }.chart-dot-pink { background: #e799b3 !important; }
.source-chart-wrap { width: 100% !important; height: 160px !important; }
.source-chart-wrap svg { width: 100% !important; height: 160px !important; overflow: visible !important; }
.chart-grid line { stroke: #edf0f5 !important; stroke-width: 1 !important; }
.chart-line { fill: none !important; stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.chart-line-blue { stroke: #69a4ec !important; }.chart-line-pink { stroke: #e59aaf !important; }
.chart-labels text { fill: #a5adb7 !important; font-size: 9px !important; }
.source-admin-rail { display: grid !important; gap: 10px !important; min-width: 0 !important; }
.source-admin-rail .source-activity { order: 3 !important; }
.source-admin-rail .source-support-card { order: 4 !important; }
.source-profile-card, .source-promo-card, .source-activity, .source-support-card { padding: 10px !important; }
.source-profile-title { display: grid !important; gap: 3px !important; padding-bottom: 7px !important; border-bottom: 1px solid var(--wf-line) !important; }
.source-profile-title strong { color: var(--wf-ink) !important; font-size: 13px !important; }
.source-profile-title span, .source-profile-card dt, .source-support-card p { color: var(--wf-muted) !important; font-size: 9px !important; }
.source-profile-card dl { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 7px 5px !important; margin: 8px 0 0 !important; }
.source-profile-card dl div { display: grid !important; gap: 2px !important; }.source-profile-card dd { margin: 0 !important; color: var(--wf-ink) !important; font-size: 11px !important; }
.source-promo-card { min-height: 74px !important; display: grid !important; place-items: center !important; border: 0 !important; border-radius: 2px !important; background: linear-gradient(135deg,#126ee4,#168df0) !important; color: #fff !important; }
.source-promo-art { display: grid !important; gap: 3px !important; text-align: center !important; }.source-promo-art span { font-size: 10px !important; }.source-promo-art strong { font-size: 17px !important; }
.source-activity-list { display: grid !important; gap: 7px !important; }.source-activity-row { display: grid !important; grid-template-columns: 13px minmax(0,1fr) !important; gap: 5px !important; align-items: start !important; }.source-activity-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; background: #79c741 !important; }.source-activity-row strong { color: #606266 !important; font-size: 9px !important; font-weight: 500 !important; }.source-activity-row small { display: block !important; margin-top: 2px !important; color: #a0a8b2 !important; font-size: 8px !important; }
.source-support-card p { margin: 2px 0 !important; }.source-support-buttons { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-top: 8px !important; }.source-support-buttons button { min-height: 34px !important; border: 0 !important; border-radius: 2px !important; background: #2d7d88 !important; color: #fff !important; font-size: 9px !important; }.source-support-buttons button + button { background: #af2382 !important; }
.source-support-dialog { position: fixed !important; inset: 0 !important; z-index: 40 !important; display: grid !important; place-items: center !important; padding: 20px !important; background: rgba(31,45,61,.28) !important; }
.source-support-dialog.is-hidden { display: none !important; }
.source-support-dialog-card { width: min(430px, calc(100vw - 32px)) !important; padding: 12px !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; background: #fff !important; box-shadow: 0 8px 26px rgba(31,45,61,.14) !important; }
.source-support-dialog-copy { margin: 0 !important; color: #606266 !important; font-size: 11px !important; line-height: 1.8 !important; }
.source-support-dialog-hint { margin: 9px 0 0 !important; color: var(--wf-muted) !important; font-size: 10px !important; }
.source-permission-layout { display: grid !important; grid-template-columns: 150px minmax(0,1fr) !important; gap: 10px !important; align-items: start !important; }
.source-permission-tree { padding: 6px 0 !important; border: 1px solid var(--wf-line) !important; background: #fff !important; }
.source-permission-tree-title { padding: 4px 9px 6px !important; color: var(--wf-muted) !important; font-size: 10px !important; font-weight: 600 !important; }
.source-permission-tree-title-org { margin-top: 7px !important; border-top: 1px solid var(--wf-line) !important; padding-top: 9px !important; }
.source-permission-tree button { display: block !important; width: 100% !important; min-height: 27px !important; padding: 5px 9px !important; border: 0 !important; border-left: 2px solid transparent !important; border-radius: 0 !important; background: #fff !important; color: #606266 !important; text-align: left !important; font-size: 10px !important; }
.source-permission-tree button:hover, .source-permission-tree button.is-active { border-left-color: var(--wf-blue) !important; background: var(--wf-blue-soft) !important; color: var(--wf-blue-deep) !important; }
.source-permission-summary { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; }
.source-permission-summary .module-stat { min-height: 61px !important; padding: 8px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; box-shadow: none !important; }
.source-permission-summary .module-stat-value { font-size: 15px !important; }
.source-permission-actions { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; margin-bottom: 9px !important; padding-bottom: 7px !important; border-bottom: 1px solid var(--wf-line) !important; }
.source-permission-actions .form-hint { margin-left: auto !important; }
.source-permission-table { margin-top: 10px !important; border: 1px solid var(--wf-line) !important; background: #fff !important; }
.source-permission-table-heading { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 8px 10px !important; border-bottom: 1px solid var(--wf-line) !important; color: var(--wf-ink) !important; font-size: 11px !important; }
.source-permission-table-heading span { color: var(--wf-muted) !important; font-size: 9px !important; font-weight: 400 !important; }
.source-permission-table table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; }
.source-permission-table th, .source-permission-table td { min-height: 34px !important; padding: 7px 9px !important; border-bottom: 1px solid var(--wf-line) !important; color: #606266 !important; text-align: left !important; font-size: 10px !important; vertical-align: middle !important; }
.source-permission-table th { background: #f5f7fa !important; color: #909399 !important; font-weight: 500 !important; }
.source-permission-table tr:last-child td { border-bottom: 0 !important; }
.source-permission-table em { color: var(--wf-blue) !important; font-size: 9px !important; font-style: normal !important; }
.source-permission-table input[type="checkbox"] { min-height: auto !important; width: 14px !important; height: 14px !important; }
.source-settings-tabs { display: flex !important; align-items: center !important; gap: 0 !important; margin: 4px 0 9px !important; border-bottom: 1px solid var(--wf-line-strong) !important; }
.source-settings-tabs button { min-height: 30px !important; padding: 6px 14px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: #fff !important; color: var(--wf-muted) !important; font-size: 11px !important; }
.source-settings-tabs button:hover, .source-settings-tabs button.is-active { border-bottom-color: var(--wf-blue) !important; color: var(--wf-blue-deep) !important; }
.is-tab-hidden { display: none !important; }
#source-settings-panel .source-settings-access { margin: 0 0 5px !important; color: var(--wf-muted) !important; font-size: 10px !important; }
#source-settings-panel .source-settings-feedback { min-height: 24px !important; padding: 4px 7px !important; border: 1px solid var(--wf-line) !important; background: #fbfcfe !important; }
#source-settings-panel .source-settings-form { display: grid !important; gap: 9px !important; }
#source-settings-panel .source-settings-form fieldset { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px 14px !important; margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important; }
#source-settings-panel .source-settings-form fieldset legend { padding: 0 5px !important; color: var(--wf-ink) !important; font-size: 11px !important; font-weight: 600 !important; }
#source-settings-panel .source-settings-form label { display: grid !important; grid-template-columns: 130px minmax(0,1fr) !important; align-items: center !important; gap: 8px !important; color: #606266 !important; font-size: 10px !important; }
#source-settings-panel .source-settings-form label.checkbox-label { display: flex !important; grid-template-columns: none !important; }
#source-settings-panel .source-settings-form .full-width, #source-settings-panel .source-settings-form .settings-help, #source-settings-panel .source-settings-form .source-points-setting { grid-column: 1 / -1 !important; }
#source-settings-panel .source-settings-actions { display: flex !important; justify-content: space-between !important; align-items: center !important; padding-top: 2px !important; }

/* Content pages use the same compact, full-width table language. */
#source-admin-dashboard { display: flex !important; flex-direction: column !important; gap: 10px !important; max-width: 1180px !important; margin: 0 auto !important; }
#source-admin-dashboard .source-admin-heading { order: 0 !important; display: flex !important; }
#source-admin-dashboard #source-kpi-grid { order: 1 !important; }
#source-admin-dashboard .source-admin-main { order: 2 !important; }
#source-admin-dashboard .source-admin-primary { display: flex !important; flex-direction: column !important; gap: 10px !important; }
#source-admin-dashboard .source-shortcuts { order: 1 !important; }
#source-admin-dashboard .source-learning-analysis { order: 2 !important; }
#source-admin-dashboard .source-admin-heading.is-topbar-aligned > div:first-child { display: flex !important; flex-direction: column !important; }
#source-admin-dashboard .source-admin-heading.is-topbar-aligned { border-radius: 0 !important; background: transparent !important; }
/* On the reference home page the authorization rail starts at the same
 * baseline as the announcement and spans the left KPI/action stack. */
#source-admin-dashboard { display: grid !important; grid-template-columns: minmax(0,1fr) 210px !important; gap: 10px !important; align-items: start !important; padding-right: 0 !important; max-width: none !important; margin: 0 !important; }
#source-admin-dashboard .source-admin-heading, #source-admin-dashboard #source-kpi-grid, #source-admin-dashboard .source-admin-primary { grid-column: 1 !important; }
#source-admin-dashboard .source-admin-primary { order: 2 !important; }
#source-admin-dashboard .source-admin-main { display: contents !important; }
#source-admin-dashboard .source-admin-rail { grid-column: 2 !important; grid-row: 1 / span 3 !important; width: auto !important; }
#source-admin-dashboard .workspace-section-hidden { display: none !important; }
body[data-workspace-module="HOME"][data-workspace-section="permissions"] #permission-scope-card { display: none !important; }
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #source-admin-dashboard { display: block !important; max-width: none !important; margin: 0 !important; }
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #source-admin-dashboard > .source-admin-heading,
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #source-admin-dashboard > .source-admin-rail,
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #source-admin-dashboard > #source-kpi-grid,
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #source-admin-dashboard > .source-admin-main { display: none !important; }
body[data-workspace-module="HOME"][data-workspace-section]:not([data-workspace-section="overview"]) #people-completion-panel { display: none !important; }
body[data-workspace-module="HOME"][data-workspace-section="settings"] #source-settings-access,
body[data-workspace-module="HOME"][data-workspace-section="settings"] #source-settings-panel .deployment-readiness-fieldset { display: none !important; }
body[data-workspace-module="HOME"][data-workspace-section="settings"] #source-settings-panel > .panel-heading { display: flex !important; }
body[data-workspace-module="HOME"][data-workspace-section="settings"] #source-settings-panel .source-settings-feedback { display: flex !important; }
body[data-workspace-module="HOME"] .topbar { display: none !important; }
body[data-workspace-module="HOME"] #source-admin-dashboard .source-admin-heading { display: flex !important; min-height: 32px !important; }
body[data-workspace-module="HOME"] #source-admin-dashboard .source-admin-heading h2 { font-size: 16px !important; }
.module-page { max-width: none !important; margin: 0 !important; }
.module-page .module-page-header { max-width: none !important; min-height: 20px !important; margin: 0 0 5px !important; }
.module-page .module-page-header h2 { font-size: 14px !important; }
body[data-workspace-module]:not([data-workspace-module="HOME"]) #module-page > .module-page-header { display: none !important; }
.learning-grid, .people-grid, .operations-grid, .points-grid, .analytics-grid-top, .analytics-grid-bottom { gap: 10px !important; }
.learning-card, .phase1-admin-row, .person-row, .lecturer-card, .operations-news-card, .operations-survey-card, .operations-certificate-card, .training-task-card { min-height: 43px !important; padding: 7px 9px !important; border: 0 !important; border-bottom: 1px solid var(--wf-line) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
.learning-card-main strong, .phase1-admin-row strong, .person-row strong, .lecturer-card strong { color: #606266 !important; font-size: 11px !important; }.learning-card-main span, .phase1-admin-row span, .person-row span, .lecturer-card span { color: var(--wf-muted) !important; font-size: 9px !important; }
.learning-card-actions, .exam-row-actions, .person-actions, .operations-actions { gap: 4px !important; }.learning-card-actions .tiny-action, .exam-row-actions .tiny-action, .person-actions button, .operations-actions button { min-height: 24px !important; padding: 3px 7px !important; font-size: 9px !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .learning-grid { grid-template-columns: 210px minmax(0,1fr) !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] #learning-admin-panel { position: absolute !important; top: 8px !important; right: 16px !important; z-index: 3 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] #learning-admin-panel .panel-heading { margin: 0 !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] #learning-admin-panel .panel-heading > div:first-child { display: none !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="courses"] #learning-admin-panel,
body[data-workspace-module="LEARNING"][data-workspace-section="training"] #learning-admin-panel,
body[data-workspace-module="LEARNING"][data-workspace-section="paths"] #learning-admin-panel { position: absolute !important; top: 8px !important; right: 16px !important; z-index: 3 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="courses"] #learning-admin-panel .panel-heading,
body[data-workspace-module="LEARNING"][data-workspace-section="training"] #learning-admin-panel .panel-heading,
body[data-workspace-module="LEARNING"][data-workspace-section="paths"] #learning-admin-panel .panel-heading { margin: 0 !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="courses"] #learning-admin-panel .panel-heading > div:first-child,
body[data-workspace-module="LEARNING"][data-workspace-section="training"] #learning-admin-panel .panel-heading > div:first-child,
body[data-workspace-module="LEARNING"][data-workspace-section="paths"] #learning-admin-panel .panel-heading > div:first-child { display: none !important; }
.learning-course-status-tabs { display: flex !important; gap: 0 !important; margin: -2px 0 8px !important; border-bottom: 1px solid var(--wf-line-strong) !important; }
.learning-course-status-tabs button { min-height: 29px !important; padding: 5px 14px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: #fff !important; color: var(--wf-muted) !important; font-size: 10px !important; }
.learning-course-status-tabs button:hover, .learning-course-status-tabs button.is-active { border-bottom-color: var(--wf-blue) !important; color: var(--wf-blue-deep) !important; }
#learning-course-list .is-status-hidden { display: none !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .learning-category-panel { grid-column: 1 !important; }.learning-category-panel { padding: 7px !important; }.learning-chip-list > * { min-height: 27px !important; padding: 5px 7px !important; border: 0 !important; border-bottom: 1px solid #f0f2f5 !important; border-radius: 0 !important; background: #fff !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity { display: grid !important; gap: 5px !important; margin: 0 0 8px !important; padding: 7px 8px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fbfcfe !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity > div { display: flex !important; justify-content: space-between !important; gap: 8px !important; color: #606266 !important; font-size: 10px !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity p { margin: 0 !important; color: var(--wf-muted) !important; font-size: 9px !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity progress { width: 100% !important; height: 6px !important; }
/* Capacity is an operational guard for uploads.  Keep it visible after the
   Word-density pass instead of hiding the server-side quota feedback. */
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity.is-hidden { display: none !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity:not(.is-hidden) { display: grid !important; gap: 4px !important; margin: 0 0 6px !important; padding: 5px 7px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fbfcfe !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity > div { gap: 6px !important; color: var(--wf-muted) !important; font-size: 9px !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity p { margin: 0 !important; color: var(--wf-muted) !important; font-size: 9px !important; line-height: 1.45 !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .material-capacity progress { height: 5px !important; }
body[data-workspace-module="LEARNING"][data-workspace-section="courses"] .learning-grid, body[data-workspace-module="LEARNING"][data-workspace-section="training"] .learning-grid, body[data-workspace-module="LEARNING"][data-workspace-section="paths"] .learning-grid { grid-template-columns: minmax(0,1fr) !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .people-grid { grid-template-columns: 205px minmax(0, 1fr) !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .department-panel { grid-column: 1 !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .people-list-panel { grid-column: 2 !important; }
.department-panel .panel-heading { align-items: flex-start !important; }
.department-panel .people-heading-actions { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; }
.department-panel .analytics-subheading { margin-top: 9px !important; padding: 6px 0 !important; border-top: 1px solid var(--wf-line) !important; color: var(--wf-muted) !important; font-size: 10px !important; }
.department-tree { max-height: none !important; overflow: visible !important; }
.department-tree > * { min-height: 27px !important; padding: 5px 6px !important; border-bottom: 1px solid var(--wf-line) !important; border-radius: 0 !important; background: #fff !important; color: #606266 !important; font-size: 10px !important; }
.department-tree > *.is-active, .department-tree > *[aria-current="true"] { border-left: 2px solid var(--wf-blue) !important; background: var(--wf-blue-soft) !important; color: var(--wf-blue-deep) !important; }
.people-word-table-head { display: grid !important; grid-template-columns: 1.05fr 1.35fr 1fr .6fr 1.3fr !important; gap: 8px !important; min-height: 28px !important; align-items: center !important; padding: 0 8px !important; border-bottom: 1px solid var(--wf-line-strong) !important; color: var(--wf-muted) !important; font-size: 10px !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .people-list { display: grid !important; gap: 0 !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-row { display: grid !important; grid-template-columns: 1.05fr 1.35fr 1fr .6fr 1.3fr !important; gap: 8px !important; align-items: center !important; min-height: 43px !important; padding: 6px 8px !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-avatar { display: none !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-main { display: contents !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-main strong { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-main span:nth-of-type(1) { color: var(--wf-muted) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-main span[data-person-stage] { color: var(--wf-muted) !important; font-size: 9px !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-role { display: none !important; }
body[data-workspace-module="PEOPLE"][data-workspace-section="users"] .person-actions { min-width: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 3px !important; }
.learning-material-panel, .learning-course-panel, .learning-training-panel, .learning-map-panel, .people-list-panel, .operations-survey-panel, .points-rules-panel { padding: 8px !important; }

/* Independent editor pages keep the Word form rhythm: breadcrumb, tabs,
 * rows and one blue save button. */
#workspace-editor-page { max-width: 1000px !important; margin: 0 auto !important; padding: 14px !important; }.workspace-page-header { min-height: 32px !important; padding-bottom: 8px !important; border-bottom: 1px solid var(--wf-line) !important; }.workspace-page-header h2, #workspace-editor-page [data-page-title] { font-size: 16px !important; font-weight: 600 !important; }.workspace-page-form { gap: 9px !important; }.workspace-page-form fieldset { padding: 10px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important; }
#workspace-editor-page:has(.course-editor-page) { max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
#workspace-editor-page:has(.course-editor-page) > .editor-page-heading { display: none !important; }
#workspace-editor-page .course-editor-page.workspace-page-form { display: block !important; width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; background: #fff !important; }
.course-editor-page { width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; box-shadow: none !important; background: #fff !important; }
.course-editor-page .course-editor-header { min-height: 46px !important; padding: 8px 12px !important; border-bottom: 1px solid var(--wf-line) !important; background: #fff !important; }
.course-editor-page .course-editor-header h2 { display: block !important; margin: 0 !important; color: var(--wf-ink) !important; font-size: 14px !important; font-weight: 600 !important; }
.course-editor-page .course-editor-header p { color: var(--wf-muted) !important; font-size: 10px !important; }
.course-editor-page .course-editor-tabs { display: flex !important; gap: 0 !important; min-height: 34px !important; padding: 0 12px !important; border-bottom: 1px solid var(--wf-line-strong) !important; background: #fff !important; }
.course-editor-page .course-editor-tabs button { min-height: 34px !important; padding: 7px 15px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: #fff !important; color: var(--wf-muted) !important; font-size: 11px !important; }
.course-editor-page .course-editor-tabs button:hover, .course-editor-page .course-editor-tabs button.is-active { border-bottom-color: var(--wf-blue) !important; color: var(--wf-blue-deep) !important; }
.course-editor-page .course-editor-section-heading { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 12px !important; margin-bottom: 10px !important; }
.course-editor-page .course-editor-section-heading h3 { margin: 3px 0 2px !important; color: var(--wf-ink) !important; font-size: 13px !important; font-weight: 600 !important; }
.course-editor-page .course-editor-section-heading p { margin: 0 !important; color: var(--wf-muted) !important; font-size: 10px !important; }
.course-editor-page .course-editor-association-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 7px !important; margin: 0 0 10px !important; }
.course-editor-page .course-editor-association-grid > div { display: grid !important; gap: 3px !important; padding: 9px !important; border: 1px solid var(--wf-line) !important; background: #fbfcfe !important; }
.course-editor-page .course-editor-association-grid strong { color: #606266 !important; font-size: 11px !important; }
.course-editor-page .course-editor-association-grid span { color: var(--wf-muted) !important; font-size: 10px !important; }
.course-editor-page .course-editor-linked-list { display: grid !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border: 1px solid var(--wf-line) !important; }
.course-editor-page .course-editor-linked-list li { display: flex !important; justify-content: space-between !important; gap: 10px !important; padding: 8px 9px !important; border-bottom: 1px solid var(--wf-line) !important; font-size: 10px !important; }
.course-editor-page .course-editor-linked-list li:last-child { border-bottom: 0 !important; }
.course-editor-page .course-editor-linked-list span { color: var(--wf-muted) !important; }
.course-editor-page .course-editor-learner-table { border: 1px solid var(--wf-line) !important; }
.course-editor-page .course-editor-learner-head, .course-editor-page .course-editor-learner-row { display: grid !important; grid-template-columns: 1.1fr 1.25fr 1fr .7fr !important; gap: 8px !important; align-items: center !important; min-height: 31px !important; padding: 0 9px !important; border-bottom: 1px solid var(--wf-line) !important; font-size: 10px !important; }
.course-editor-page .course-editor-learner-head { color: var(--wf-muted) !important; background: #f5f7fa !important; }
.course-editor-page .course-editor-learner-row:last-child { border-bottom: 0 !important; }
.course-editor-page .course-editor-learner-row strong { color: #606266 !important; font-size: 10px !important; }
.course-editor-page .course-editor-learner-row > span:nth-child(3) { display: flex !important; align-items: center !important; gap: 5px !important; color: var(--wf-muted) !important; }
.course-editor-page .course-editor-learner-row > span:nth-child(3) i { display: inline-block !important; width: 52px !important; height: 5px !important; border-radius: 0 !important; background: var(--wf-blue) !important; }
.course-editor-page .course-editor-learner-row em { color: var(--wf-green) !important; font-size: 10px !important; font-style: normal !important; }
.course-editor-page .course-editor-learner-row em.is-warning { color: var(--wf-orange) !important; }
.course-editor-page .course-editor-loading { color: var(--wf-muted) !important; font-size: 10px !important; }
.course-editor-page .course-editor-header button, .course-editor-page button { min-height: 28px !important; padding: 5px 10px !important; border: 1px solid #c9e0f5 !important; border-radius: 2px !important; background: #fff !important; color: var(--wf-blue) !important; font-size: 10px !important; box-shadow: none !important; }
.course-editor-page .course-editor-primary { border-color: var(--wf-blue) !important; background: var(--wf-blue) !important; color: #fff !important; }
.course-editor-page .course-editor-body { padding: 12px !important; }
.course-editor-page .course-editor-form { gap: 10px 14px !important; }
.course-editor-page .course-editor-form label { gap: 4px !important; color: #606266 !important; font-size: 10px !important; }
.course-editor-page input:not([type="checkbox"]), .course-editor-page select, .course-editor-page textarea { min-height: 29px !important; padding: 5px 8px !important; border: 1px solid var(--wf-line-strong) !important; border-radius: 2px !important; font-size: 11px !important; }
.course-editor-page .course-editor-materials, .course-editor-page .course-editor-outline li { padding: 9px !important; border: 1px solid var(--wf-line) !important; border-radius: 2px !important; background: #fff !important; }

@media (max-width: 980px) {
  :root { --wf-sidebar: 154px; }
  .main-content { padding-inline: 12px !important; }
  .source-admin-main { grid-template-columns: minmax(0,1fr) 190px !important; }
}
@media (max-width: 720px) {
  .app-shell.is-authenticated { display: block !important; }.sidebar { width: 100% !important; min-width: 0 !important; height: auto !important; position: relative !important; padding: 8px !important; border-right: 0 !important; border-bottom: 1px solid var(--wf-line-strong) !important; }.module-nav { display: flex !important; gap: 2px !important; overflow-x: auto !important; padding: 7px 0 2px !important; }.module-nav-group { flex: 0 0 auto !important; }.module-link { min-width: 92px !important; grid-template-columns: 16px minmax(0,1fr) 10px !important; }.module-subnav { display: none !important; }.module-nav-group.is-active .module-subnav { display: none !important; }.sidebar-user-chip, .sidebar-note { display: none !important; }.main-content { padding: 9px 8px 60px !important; }
  #source-admin-dashboard { display: flex !important; flex-direction: column !important; padding-right: 0 !important; }.source-admin-main { display: grid !important; grid-template-columns: 1fr !important; }.source-admin-rail { grid-column: auto !important; grid-row: auto !important; width: auto !important; }.source-admin-primary { grid-column: auto !important; }.source-admin-heading, #source-kpi-grid { grid-column: auto !important; }.module-subnav { grid-template-columns: 1fr !important; margin-left: 17px !important; padding-left: 7px !important; }
  #source-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.source-admin-rail { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.source-activity { grid-column: 1 / -1 !important; }.source-shortcut-list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.source-learning-analysis { min-height: 200px !important; }.source-chart-wrap, .source-chart-wrap svg { height: 160px !important; }
  .course-editor-page .course-editor-tabs { overflow-x: auto !important; padding-inline: 4px !important; }.course-editor-page .course-editor-tabs button { flex: 0 0 auto !important; padding-inline: 11px !important; }.course-editor-page .course-editor-section-heading { flex-direction: column !important; }.course-editor-page .course-editor-association-grid { grid-template-columns: 1fr !important; }.course-editor-page .course-editor-learner-head, .course-editor-page .course-editor-learner-row { grid-template-columns: 1fr 1fr !important; gap: 4px !important; padding: 6px 8px !important; }.course-editor-page .course-editor-learner-head span:nth-child(3), .course-editor-page .course-editor-learner-head span:nth-child(4) { display: none !important; }.course-editor-page .course-editor-learner-row > span:nth-child(3), .course-editor-page .course-editor-learner-row em { grid-column: span 1 !important; }
  body[data-workspace-module="LEARNING"][data-workspace-section="materials"] .learning-grid { grid-template-columns: 1fr !important; }.learning-category-panel, .learning-material-panel { grid-column: 1 !important; }
}