:root {
  --internal-graphite: #24282f;
  --internal-graphite-soft: #343a46;
  --internal-accent: #4a5f88;
  --internal-accent-strong: #3e5075;
  --internal-accent-soft: #ebeef5;
  --internal-ink: #24282f;
  --internal-muted: #68717b;
  --internal-canvas: #f7f7f5;
  --internal-line: #dee2e6;
  --internal-success: #2f6a4f;
  --internal-warning: #7f5f22;
  --internal-danger: #a0443e;
  --brand: var(--internal-accent);
  --brand-dark: var(--internal-accent-strong);
  --ink: var(--internal-ink);
  --muted: var(--internal-muted);
  --line: var(--internal-line);
  --ground: var(--internal-canvas);
  --ux-brand-50: #f4f5f8;
  --ux-brand-100: var(--internal-accent-soft);
  --ux-brand-500: #5a6e98;
  --ux-brand-600: var(--internal-accent);
  --ux-brand-700: var(--internal-accent-strong);
  --ux-success-50: #edf5f0;
  --ux-success-600: var(--internal-success);
  --ux-warning-50: #faf5e9;
  --ux-warning-600: var(--internal-warning);
  --ux-danger-50: #faefed;
  --ux-danger-600: var(--internal-danger);
  --ux-ink: var(--internal-ink);
  --ux-muted: var(--internal-muted);
  --ux-line: var(--internal-line);
  --ux-canvas: var(--internal-canvas);
  --kb-blue: var(--internal-accent);
  --kb-blue-dark: var(--internal-accent-strong);
  --kb-muted: var(--internal-muted);
}

html,
body[data-product-surface="internal"] { background: var(--internal-canvas); color: var(--internal-ink); }
body[data-product-surface="internal"] .workspace-app,
body[data-product-surface="internal"] .workspace-main { background: var(--internal-canvas); }
body[data-product-surface="internal"] .workspace-topbar {
  border-bottom-color: var(--internal-line);
  background: rgba(255, 255, 255, .96);
}
body[data-product-surface="internal"] :is(
  .workspace-panel, .workspace-card, .workspace-table-wrap, .content-workbench-toolbar,
  .content-resource-list, .management-panel, .management-table-wrap
) {
  border-color: var(--internal-line);
  background: #fff;
  box-shadow: 0 4px 16px rgba(36, 40, 47, .045);
}

body[data-product-surface="internal"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline-color: rgba(74, 95, 136, .34);
}

body[data-product-surface="internal"] :is(.primary, .filters button) {
  border-color: var(--internal-accent);
  background: var(--internal-accent);
  color: #fff;
}
body[data-product-surface="internal"] :is(.primary, .filters button):hover {
  border-color: var(--internal-accent-strong);
  background: var(--internal-accent-strong);
}
body[data-product-surface="internal"] .outline {
  border-color: #c9cfd7;
  color: #414a57;
  background: #fff;
}
body[data-product-surface="internal"] .outline:hover { border-color: #9ca8b9; background: #f7f8fa; }

body[data-product-surface="internal"] :is(.workspace-sidebar, .sidebar) {
  color: var(--internal-ink);
  background: #f2f3f4;
  border-right-color: var(--internal-line);
}
body[data-product-surface="internal"] .workspace-brand { color: var(--internal-ink); }
body[data-product-surface="internal"] .workspace-mode-switch { border-color: var(--internal-line); background: #fff; }
body[data-product-surface="internal"] :is(.workspace-nav-heading, .workspace-nav-section-label, .workspace-mode-switch > span) { color: #646d77; }
body[data-product-surface="internal"] :is(.workspace-nav-item, .workspace-sidebar-collapse) { color: #4d5661; }
body[data-product-surface="internal"] .workspace-nav-glyph { color: #697687; background: #e8eaed; }
body[data-product-surface="internal"] .workspace-nav-favorite { color: #7b8490; }
body[data-product-surface="internal"] :is(.workspace-nav-item:hover, .workspace-sidebar-collapse:hover) { color: var(--internal-ink); background: #e8eaed; }
body[data-product-surface="internal"] .workspace-nav-item.active {
  color: var(--internal-accent-strong);
  background: var(--internal-accent-soft);
  box-shadow: inset 3px 0 var(--internal-accent);
}
body[data-product-surface="internal"] .workspace-nav-item.active .workspace-nav-glyph {
  color: #fff;
  background: var(--internal-accent);
}
body[data-product-surface="internal"] .workspace-sidebar-collapse { border-top-color: var(--internal-line); background: #f2f3f4; }
body[data-product-surface="internal"] .workspace-mobile-bottom { border-top-color: var(--internal-line); background: rgba(255,255,255,.97); }
body[data-product-surface="internal"] :is(.workspace-brand span, .sidebar .mark, .management-brand > span, .asset-scan-brand > span) {
  color: #fff;
  background: var(--internal-accent);
  box-shadow: 0 7px 18px rgba(45, 59, 88, .2);
}
body[data-product-surface="internal"] .workspace-account-button > span { background: var(--internal-accent); }
body[data-product-surface="internal"] :is(
  .workspace-breadcrumb, .workspace-global-search-trigger, .workspace-global-search-trigger kbd,
  .workspace-scope small, .workspace-page-header p, .workspace-search-box > header svg,
  .workspace-search-box > header button, .workspace-search-results > p,
  .workspace-search-results > button small, .content-hub-switcher small,
  .content-hub-switcher em, .content-workbench-toolbar label, .content-result-count,
  .content-resource-identity small, .content-resource-cell small, .content-resource-state > small
) { color: var(--internal-muted); }
body[data-product-surface="internal"] :is(
  input, select, textarea, .content-hub-switcher > a, .content-resource-cell strong,
  .workspace-search-results > button
) { color: var(--internal-ink); }
body[data-product-surface="internal"] .workspace-mode-switch select { color: var(--internal-ink); }
body[data-product-surface="internal"] :is(.content-hub-switcher b, .workspace-quick-action b) { color: #59677a; }

body[data-product-surface="internal"] :is(
  .workspace-eyebrow, .eyebrow, .workspace-back, .workspace-more-actions summary,
  .workspace-more-pending summary, .workspace-count-link, .workspace-task-attachments a,
  .management-page-header > div:first-child > span, .management-sort i,
  .management-columns > summary, .management-back-link, .management-directory-card i,
  .asset-scan-login small, .content-section-heading span, .knowledge-list-heading p,
  .knowledge-open, .knowledge-drawer header small, .knowledge-modal .eyebrow
) { color: var(--internal-accent-strong); }

body[data-product-surface="internal"] :is(
  .workspace-tabs button.active, .content-filter-tabs button.active,
  .content-view-switch button.active, .native-editor-tabs .active,
  .knowledge-topbar nav a.active, .knowledge-sidebar button.active
) {
  border-color: var(--internal-accent);
  color: var(--internal-accent-strong);
  background: var(--internal-accent-soft);
}

body[data-product-surface="internal"] :is(
  .workspace-empty-icon, .workspace-avatar, .workspace-quick-action > span,
  .content-hub-icon, .content-hub-switcher > a.active b, .content-resource-identity .content-type,
  .management-user, .management-count, .management-evidence-icon,
  .asset-scan-section > div:first-child span, .knowledge-type-icon,
  .knowledge-editor-document > header > span, .workspace-mobile-tool-grid button span
) { color: var(--internal-accent-strong); background: var(--internal-accent-soft); }

body[data-product-surface="internal"] :is(
  .workspace-progress span, .workspace-setup li > span, .management-timeline li > span,
  .workspace-business-timeline li > span, .knowledge-brand span, .knowledge-activity > div > span,
  .media-upload-progress i, .resize-handle
) { background: var(--internal-accent); }

body[data-product-surface="internal"] .workspace-setup {
  border-color: #d2d8e3;
  background: linear-gradient(135deg, #f0f2f7, #fff);
  box-shadow: 0 10px 28px rgba(57, 72, 103, .08);
}
body[data-product-surface="internal"] .workspace-callout,
body[data-product-surface="internal"] .workspace-objective-review {
  border-left-color: var(--internal-accent);
  background: #f2f3f7;
}
body[data-product-surface="internal"] .workspace-task-links { background: #f2f3f6; }
body[data-product-surface="internal"] .workspace-task-links span { color: #59677a; }
body[data-product-surface="internal"] .workspace-salary-trend-bar i,
body[data-product-surface="internal"] .operational-calendar-progress i { background: var(--internal-accent); }

body[data-product-surface="internal"] .content-hub-switcher > a:hover,
body[data-product-surface="internal"] .management-directory-card:hover,
body[data-product-surface="internal"] .asset-scan-evidence-card:hover {
  border-color: #b7c0d1;
  background: #f7f8fa;
}
body[data-product-surface="internal"] .content-hub-switcher > a.active {
  border-color: #b7c0d1;
  color: var(--internal-ink);
  background: var(--internal-accent-soft);
  box-shadow: inset 3px 0 var(--internal-accent);
}
body[data-product-surface="internal"] .content-hub-switcher > a.active :is(small, em) { color: #59677a; }
body[data-product-surface="internal"] :is(.management-filters input, .management-filters select, .management-language select):focus {
  border-color: var(--internal-accent);
  outline-color: rgba(74, 95, 136, .2);
}
body[data-product-surface="internal"] .management-sort:hover { color: var(--internal-accent-strong); background: var(--internal-accent-soft); }
body[data-product-surface="internal"] .management-asset-overview { border-top-color: var(--internal-accent); }
body[data-product-surface="internal"] .management-select-cell input { accent-color: var(--internal-accent); }
body[data-product-surface="internal"] .okr-detail-overview > h2,
body[data-product-surface="internal"] .management-section-heading > span,
body[data-product-surface="internal"] .okr-check-in-meta,
body[data-product-surface="internal"] .management-dependencies li span,
body[data-product-surface="internal"] .okr-panel-empty { color: var(--internal-muted); }
body[data-product-surface="internal"] .okr-detail .management-detail-facts,
body[data-product-surface="internal"] .okr-detail-panels > article,
body[data-product-surface="internal"] .okr-key-results,
body[data-product-surface="internal"] .management-dependencies li,
body[data-product-surface="internal"] .okr-panel-empty { border-color: var(--internal-line); }
body[data-product-surface="internal"] .okr-detail .management-detail-facts { background: var(--internal-line); }
body[data-product-surface="internal"] .okr-check-in-comment { border-left-color: #b7c0cf; }

body[data-product-surface="internal"] :is(.knowledge-search:focus-within, .knowledge-modal select:focus) {
  border-color: var(--internal-accent);
  box-shadow: 0 0 0 3px rgba(74, 95, 136, .16);
}
body[data-product-surface="internal"] .knowledge-slideshow-cover {
  background: radial-gradient(circle at 75% 20%, #7b88a6, var(--internal-accent-strong) 68%);
}
body[data-product-surface="internal"] :is(.slide-thumbnail.active, .slide-element.selected) { border-color: var(--internal-accent); outline-color: var(--internal-accent); background: var(--internal-accent-soft); }
body[data-product-surface="internal"] :is(.template-preview.section, .editor-loading-mark) { background: var(--internal-graphite); }
body[data-product-surface="internal"] .template-preview.full_image { background: linear-gradient(125deg, #7b88a6, var(--internal-accent-strong)); }
body[data-product-surface="internal"] .template-preview.video { background: radial-gradient(circle, #fff 0 10%, var(--internal-accent-strong) 11%); }

body[data-product-surface="internal"] :is(.native-editor-toolbar button:hover, .native-editor-toolbar button.active) {
  border-color: #bec9c0;
  color: var(--internal-accent-strong);
  background: #fff;
}
body[data-product-surface="internal"] .native-editor-save-state[data-save-state="saving"] > span { background: var(--internal-accent); }
body[data-product-surface="internal"] .native-editor-content .tiptap blockquote { border-left-color: var(--internal-accent); background: #f3f4f7; }

body[data-product-surface="internal"].asset-scan-body { background: var(--internal-canvas); color: var(--internal-ink); }
body[data-product-surface="internal"] .asset-scan-hero { background: linear-gradient(125deg, var(--internal-graphite), var(--internal-accent)); }
body[data-product-surface="internal"] .asset-wizard-progress li.active { color: var(--internal-accent-strong); background: var(--internal-accent-soft); box-shadow: inset 0 0 0 1px #b9c2d4; }
body[data-product-surface="internal"] :is(.asset-tag-preview, .asset-timeline-item) { border-color: #bac2d1; background: #f4f5f8; }

body[data-product-surface="internal"] .workspace-status.success,
body[data-product-surface="internal"] .management-status.success { color: var(--internal-success); background: #edf5f0; }
body[data-product-surface="internal"] .workspace-status.warning,
body[data-product-surface="internal"] .management-status.warning { color: var(--internal-warning); background: #faf5e9; }
body[data-product-surface="internal"] .workspace-status.danger,
body[data-product-surface="internal"] .management-status.danger { color: var(--internal-danger); background: #faefed; }

/* Shared employee records: one standard for recruitment and direct registration. */
.employee-records{display:grid;gap:16px}.record-section,.record-document,.record-history{border:1px solid #dce3eb;background:#fff;border-radius:14px;padding:20px}.record-section header,.record-document header{display:flex;justify-content:space-between;align-items:center;gap:16px}.record-section h3,.record-document h3{margin:0}.record-summary{padding:12px 16px;background:#eef6f4;border-radius:10px}.record-values,.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.record-values dt{color:#56667a;font-size:.9rem}.record-values dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.record-missing{color:#9b5316;font-size:.8rem}.record-wide{grid-column:1/-1}.record-dialog{max-width:900px!important}.record-dialog fieldset{border:1px solid #dce3eb;border-radius:10px;margin:12px 0;padding:14px}.record-file{padding:12px 0;border-top:1px solid #edf0f4}.record-history article{border-bottom:1px solid #dce3eb;padding:12px 0}.record-diff{border-bottom:1px solid #dce3eb;padding:10px 0;white-space:pre-wrap}.record-error{color:#b42318;white-space:pre-wrap}.record-dialog [hidden]{display:none!important}.record-dialog img{border-radius:8px}.record-avatar{width:64px;height:64px;object-fit:cover;border-radius:16px}.employee-records [role=status]:empty{display:none}@media(max-width:640px){.record-values,.record-fields{grid-template-columns:1fr}.record-section,.record-document{padding:14px}.record-section header,.record-document header{align-items:flex-start}}