:root {
  --od8-canvas: #f7f8fc;
  --od8-surface: #ffffff;
  --od8-surface-subtle: #fafafe;
  --od8-selected: #f4f1ff;
  --od8-sidebar: #111c31;
  --od8-sidebar-deep: #0d1729;
  --od8-sidebar-text: #cbd3e1;
  --od8-sidebar-muted: #7d889d;
  --od8-text: #252938;
  --od8-text-secondary: #5f6675;
  --od8-text-muted: #8b91a0;
  --od8-line: #e0e3ea;
  --od8-line-soft: #e9ebf0;
  --od8-accent: #5d39cf;
  --od8-accent-hover: #4f2eb9;
  --od8-accent-pressed: #4427a3;
  --od8-accent-soft: #f0edff;
  --od8-sidebar-width: 204px;
  --od8-topbar-height: 59px;
  --od8-tabs-height: 43px;
  --od8-control-height: 34px;
  --od8-row-height: 72px;
  --od8-radius-sm: 5px;
  --od8-radius-md: 6px;
  --od8-radius-lg: 10px;
  --od8-shadow-panel: 0 1px 4px rgba(27, 30, 44, .035);
}

body.omnidata-v8 {
  font-size: 12px;
  line-height: 1.38;
}

body.omnidata-v8 .shell {
  grid-template-columns: var(--od8-sidebar-width) minmax(0, 1fr);
}

body.omnidata-v8 .shell.sidebar-collapsed {
  grid-template-columns: 60px minmax(0, 1fr);
}

body.omnidata-v8 .sidebar {
  padding: 13px 10px 9px;
  background: linear-gradient(180deg, var(--od8-sidebar) 0%, #101b30 60%, var(--od8-sidebar-deep) 100%);
}

body.omnidata-v8 .brand {
  min-height: 42px;
  gap: 9px;
  margin: 0 7px 15px;
}

body.omnidata-v8 .brand-mark {
  width: 31px;
  height: 31px;
  flex-basis: 31px;
}

body.omnidata-v8 .brand h1 {
  font-size: 19px;
}

body.omnidata-v8 .brand small {
  font-size:11px;
}

body.omnidata-v8 .nav-group-label {
  margin: 15px 9px 5px;
  font-size:11px;
}

body.omnidata-v8 .nav-item {
  min-height: 30px;
  gap: 8px;
  padding: 0 9px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

body.omnidata-v8 .nav-item .icon {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
}

body.omnidata-v8 .nav-item.active::before {
  left: -10px;
  top: 6px;
  bottom: 6px;
  width: 2px;
}

body.omnidata-v8 .main {
  padding-bottom: 38px;
}

body.omnidata-v8 .topbar {
  min-height: var(--od8-topbar-height);
  grid-template-columns: minmax(330px, .95fr) minmax(340px, 510px) auto;
  gap: 14px;
  padding: 0 18px;
}

body.omnidata-v8 .breadcrumb {
  gap: 7px;
  font-size: 11px;
}

body.omnidata-v8 .global-search {
  height: var(--od8-control-height);
  gap: 8px;
  padding: 0 10px;
  border-radius: var(--od8-radius-sm);
  background: #fff;
}

body.omnidata-v8 .global-search input {
  font-size: 11px;
}

body.omnidata-v8 .topbar-actions,
body.omnidata-v8 .topbar-organisation,
body.omnidata-v8 .topbar-user,
body.omnidata-v8 .topbar-icon-button,
body.omnidata-v8 .od-v7-help-button {
  height: var(--od8-topbar-height);
}

body.omnidata-v8 .od-v7-language-switcher {
  height: 28px;
  gap: 2px;
  padding: 2px;
  margin-right: 8px;
  border-radius: 5px;
}

body.omnidata-v8 .od-v7-language-switcher .language-option {
  min-width: 30px;
  height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  font-size:11px;
}

body.omnidata-v8 .topbar-icon-button,
body.omnidata-v8 .od-v7-help-button {
  width: 40px;
}

body.omnidata-v8 .topbar-organisation,
body.omnidata-v8 .topbar-user {
  gap: 8px;
  padding: 0 12px;
  font-size:11px;
}

body.omnidata-v8 .topbar-organisation {
  max-width: 172px;
}

body.omnidata-v8 .user-avatar {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}

body.omnidata-v8 .user-copy strong {
  font-size:11px;
}

body.omnidata-v8 .user-copy small {
  font-size:11px;
}

body.omnidata-v8 .workspace-content {
  padding: 0 14px 18px;
}

body.omnidata-v8 .od-view > .view-toolbar {
  display: none !important;
}

body.omnidata-v8 .od-v8-page-description {
  display: none;
}

body.omnidata-v8 .od-tabs {
  min-height: var(--od8-tabs-height);
  gap: 28px;
  margin: 0 -14px;
  padding: 0 18px;
}

body.omnidata-v8 .od-tab {
  min-height: var(--od8-tabs-height);
  font-size: 11px;
}

body.omnidata-v8 .od-tab.active::after {
  height: 2px;
}

body.omnidata-v8 .od-status-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  overflow-x: auto;
}

body.omnidata-v8 .od-status-card {
  min-width: 142px;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--od8-radius-sm);
  font-size:11px;
  white-space: nowrap;
}

body.omnidata-v8 .od-status-value {
  margin-left: auto;
  color: var(--od8-accent);
  font-size: 11.5px;
}

body.omnidata-v8 .od-metrics {
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 8px;
  padding: 10px 0;
}

body.omnidata-v8 .od-metric,
body.omnidata-v8 .card.kpi {
  min-height: 54px;
  padding: 9px 11px;
}

body.omnidata-v8 .od-metric-value,
body.omnidata-v8 .card.kpi strong {
  font-size: 15px;
}

body.omnidata-v8 .od-commandbar {
  min-height: 57px;
  gap: 8px;
  margin: 0;
  padding: 10px 11px;
  border: 0;
  border-bottom: 1px solid var(--od8-line-soft);
  border-radius: 0;
  box-shadow: none;
}

body.omnidata-v8 .od-filter {
  min-width: 126px;
  height: var(--od8-control-height);
  gap: 7px;
  padding: 0 10px;
}

body.omnidata-v8 .od-search {
  width: min(310px, 36vw);
  min-width: 220px;
}

body.omnidata-v8 .od-filter input,
body.omnidata-v8 .od-filter select {
  height: 32px;
  font-size:11px;
}

body.omnidata-v8 .od-filter-label {
  font-size:11px;
}

body.omnidata-v8 .button,
body.omnidata-v8 .od-filter-button,
body.omnidata-v8 .od-view-button,
body.omnidata-v8 .od-more-button,
body.omnidata-v8 .od-page-button,
body.omnidata-v8 .bom-button,
body.omnidata-v8 .measurement-button {
  min-height: var(--od8-control-height);
  padding: 0 11px;
  border-radius: var(--od8-radius-sm);
  font-size:11px;
}

body.omnidata-v8 .button.small {
  min-height: 31px;
  padding-inline: 10px;
  font-size:11px;
}

body.omnidata-v8 .od-master-detail,
body.omnidata-v8 .bom-layout,
body.omnidata-v8 .measurement-layout {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 455px);
  gap: 10px;
}

body.omnidata-v8 .od-master,
body.omnidata-v8 .od-inspector,
body.omnidata-v8 .od-section,
body.omnidata-v8 .od-process-card,
body.omnidata-v8 .od-timeline,
body.omnidata-v8 .bom-registry,
body.omnidata-v8 .bom-inspector,
body.omnidata-v8 .measurement-registry,
body.omnidata-v8 .measurement-inspector,
body.omnidata-v8 .card.section {
  border-radius: var(--od8-radius-md);
  box-shadow: var(--od8-shadow-panel);
}

body.omnidata-v8 .od-master {
  min-height: 590px;
}

body.omnidata-v8 .od-table th,
body.omnidata-v8 .od-mini-table th,
body.omnidata-v8 .bom-table th,
body.omnidata-v8 .measurement-table th {
  height: 39px;
  padding: 0 11px;
  font-size:11px;
  letter-spacing: 0;
  text-transform: none;
}

body.omnidata-v8 .od-table td,
body.omnidata-v8 .od-mini-table td,
body.omnidata-v8 .bom-table td,
body.omnidata-v8 .measurement-table td {
  height: var(--od8-row-height);
  padding: 9px 11px;
  font-size: 11px;
}

body.omnidata-v8 .od-table td small,
body.omnidata-v8 .bom-table td small,
body.omnidata-v8 .measurement-table td small {
  font-size:11px;
}

body.omnidata-v8 .od-table-footer {
  min-height: 49px;
  padding: 7px 11px;
  font-size:11px;
}

body.omnidata-v8 .od-page-button {
  min-width: 28px;
  min-height: 28px;
  height: 28px;
  padding: 0 7px;
  font-size:11px;
}

body.omnidata-v8 .od-page-size {
  height: 30px;
  padding: 0 9px;
  font-size:11px;
}

body.omnidata-v8 .od-inspector,
body.omnidata-v8 .bom-inspector,
body.omnidata-v8 .measurement-inspector {
  top: 69px;
  max-height: calc(100vh - 118px);
}

body.omnidata-v8 .od-inspector-head,
body.omnidata-v8 .bom-inspector-head,
body.omnidata-v8 .measurement-inspector-head {
  min-height: 102px;
  gap: 10px;
  padding: 13px 14px 10px;
}

body.omnidata-v8 .od-inspector-title h3,
body.omnidata-v8 .bom-inspector h3,
body.omnidata-v8 .measurement-inspector h3 {
  font-size: 15.5px;
}

body.omnidata-v8 .od-inspector-title p,
body.omnidata-v8 .bom-inspector p,
body.omnidata-v8 .measurement-inspector p {
  font-size:11px;
}

body.omnidata-v8 .od-inspector-kicker {
  font-size:11px;
}

body.omnidata-v8 .od-inspector-tabs {
  min-height: 42px;
  gap: 23px;
  padding: 0 14px;
}

body.omnidata-v8 .od-inspector-tabs span {
  min-height: 42px;
  font-size:11px;
}

body.omnidata-v8 .od-definition-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 12px 14px;
}

body.omnidata-v8 .od-definition-item {
  min-height: 55px;
  padding: 9px 10px;
  border: 1px solid var(--od8-line-soft);
  border-radius: var(--od8-radius-sm);
  background: #fff;
}

body.omnidata-v8 .od-definition-item dt {
  margin: 0 0 4px;
  font-size:11px;
}

body.omnidata-v8 .od-definition-item dd {
  margin: 0;
  font-size:11px;
}

body.omnidata-v8 .od-inspector-actions {
  gap: 7px;
  padding: 11px 14px;
}

body.omnidata-v8 .badge,
body.omnidata-v8 .status-badge,
body.omnidata-v8 [class*="status-pill"] {
  min-height: 22px;
  padding: 0 8px;
  border-radius: 4px;
  font-size:11px;
}

body.omnidata-v8 .od-v7-system-footer {
  left: var(--od8-sidebar-width);
  height: 38px;
  padding: 0 24px;
  font-size:11px;
}

@media (max-width: 1380px) {
  body.omnidata-v8 .od-master-detail,
  body.omnidata-v8 .bom-layout,
  body.omnidata-v8 .measurement-layout {
    grid-template-columns: minmax(0, 1fr) minmax(370px, 410px);
  }
}

@media (max-width: 1120px) {
  body.omnidata-v8 .shell {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  body.omnidata-v8 .od-master-detail,
  body.omnidata-v8 .bom-layout,
  body.omnidata-v8 .measurement-layout {
    grid-template-columns: 1fr;
  }

  body.omnidata-v8 .od-inspector,
  body.omnidata-v8 .bom-inspector,
  body.omnidata-v8 .measurement-inspector {
    position: relative;
    top: auto;
    max-height: none;
  }
}

@media (max-width: 780px) {
  body.omnidata-v8 .shell,
  body.omnidata-v8 .shell.sidebar-collapsed {
    grid-template-columns: 1fr;
  }

  body.omnidata-v8 .od-v7-system-footer {
    left: 0;
  }
}