:root {
  --bg: #f7f6f2;
  --surface: #ffffff;
  --surface-2: #f1f4f2;
  --text: #1c1f1d;
  --muted: #59615c;
  --line: #d8ddd6;
  --accent: #116a5c;
  --accent-2: #9a5b22;
  --danger: #a33a3a;
  --warn: #85500e;
  --ok: #1f7a4d;
  --shadow: 0 16px 40px rgba(32, 38, 34, 0.08);
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
.button {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  padding: 9px 12px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.25;
}

button.primary,
.button.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

button:disabled,
button[aria-disabled="true"],
.button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 1;
  border-color: #d2d0c7;
  background: #ebe9e2;
  color: #5f625d;
}

button.primary:disabled,
button.primary[aria-disabled="true"],
button.approval:disabled,
button.approval[aria-disabled="true"],
button.danger:disabled,
button.danger[aria-disabled="true"],
.button.primary[aria-disabled="true"] {
  border-color: #c9c6bd;
  background: #e3e1da;
  color: #4f554f;
}

input,
select,
textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--text);
  padding: 9px 10px;
}

button:focus-visible,
.button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(17, 106, 92, 0.28);
  outline-offset: 2px;
  border-color: var(--accent);
}

.workspace:focus,
.workspace h1:focus,
.product-edit-panel:focus,
.product-edit-section:focus {
  outline: 3px solid rgba(17, 106, 92, 0.24);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  transform: translateY(-160%);
  border: 1px solid var(--accent);
  border-radius: 6px;
  background: var(--surface);
  color: var(--accent);
  padding: 10px 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: var(--shadow);
}

.skip-link:focus {
  transform: translateY(0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}

textarea {
  resize: vertical;
}

label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

th,
td {
  border-bottom: 1px solid var(--line);
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
}

tbody tr:hover {
  background: #fbfbf8;
}

th {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

td span {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}

.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.boot,
.auth-screen {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.auth-card {
  width: min(440px, 100%);
  display: grid;
  gap: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  padding: 28px;
}

.auth-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.auth-error-message {
  min-height: auto;
  border: 1px solid #efc6bb;
  border-radius: 7px;
  background: #fff7f4;
  color: #8f2417;
  padding: 10px 12px;
  font-weight: 700;
  line-height: 1.45;
}

.auth-card h1,
.workspace-header h1,
.empty-dashboard h2,
.panel h2 {
  margin: 0;
}

.auth-card p,
.workspace-header p,
.empty-dashboard p,
.panel p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.app-shell {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
  border-right: 1px solid var(--line);
  background: #eeede8;
  padding: 24px 18px;
}

.brand {
  display: grid;
  gap: 2px;
  line-height: 1.1;
}

.brand strong {
  font-size: 15px;
}

.brand span {
  color: var(--muted);
  font-size: 13px;
}

.sidebar-command-summary {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px 11px;
}

.sidebar-command-summary span,
.sidebar-command-summary small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.sidebar-command-summary strong {
  color: var(--text);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.sidebar-task-search {
  display: grid;
  gap: 8px;
}

.sidebar-task-search label {
  gap: 5px;
}

.sidebar-task-search label span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.sidebar-task-search input {
  min-height: 38px;
  border-radius: 7px;
  background: #fbfbf8;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 750;
}

.sidebar-task-results {
  display: grid;
  gap: 6px;
  max-height: 210px;
  overflow: auto;
  padding-right: 2px;
}

.sidebar-task-result {
  min-height: 0;
  display: grid;
  gap: 2px;
  justify-items: start;
  border-color: var(--line);
  background: #fbfbf8;
  padding: 8px 9px;
  text-align: left;
}

.sidebar-task-result:hover,
.sidebar-task-result:focus-visible {
  border-color: #9aa292;
  background: var(--surface);
}

.sidebar-task-result[aria-current="page"] {
  border-color: #9fb9b0;
  background: #eef8f5;
  box-shadow: inset 3px 0 0 var(--accent);
}

.sidebar-task-result span {
  color: var(--accent-2);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.sidebar-task-result strong {
  max-width: 100%;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.sidebar-task-result small,
.sidebar-task-empty {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.sidebar-task-empty {
  border: 1px dashed var(--line);
  border-radius: 7px;
  background: #f7f6f2;
  padding: 9px;
}

.main-nav {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  overflow: auto;
  padding-right: 2px;
}

.nav-section {
  display: grid;
  gap: 6px;
}

.nav-section-title {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 0 8px;
}

.main-nav button,
.logout {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  border-color: transparent;
  background: transparent;
}

.nav-item-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-badge {
  flex: 0 0 auto;
  min-width: 24px;
  display: inline-flex;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 6px;
  color: var(--muted);
  background: #f7f7f3;
  font-size: 10px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.nav-badge.is-warning {
  border-color: #dfca91;
  background: #fff8e5;
  color: #8a621a;
}

.nav-badge.is-critical {
  border-color: #e6aaa3;
  background: #fff1ef;
  color: #a43c30;
}

.nav-badge.is-clear {
  border-color: #bdd5c7;
  background: #f1f7f3;
  color: #2c6d43;
}

.main-nav button.active {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

.workspace {
  min-width: 0;
  padding: 30px 32px 48px;
}

.workspace-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 24px;
}

.workspace-header h1 {
  font-size: 30px;
}

.workspace-context-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, auto) auto;
  align-items: center;
  gap: 10px;
  margin: -12px 0 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px 10px;
}

.workspace-context-strip ol {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workspace-context-strip li {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.workspace-context-strip li + li::before {
  content: "/";
  margin-right: 7px;
  color: #a7ada8;
}

.workspace-context-strip li[aria-current="page"] {
  color: var(--text);
  overflow-wrap: anywhere;
}

.workspace-context-signal {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.workspace-context-signal span {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.workspace-context-signal strong {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.workspace-context-signal small {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.workspace-context-action {
  min-height: 38px;
  white-space: nowrap;
}

.home-workspace {
  display: grid;
  gap: 18px;
}

.home-intro,
.home-queue-section,
.home-quick-actions,
.home-recent-activity {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.home-intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
}

.home-intro h2,
.home-section-head h3 {
  margin: 0;
}

.home-intro p:not(.eyebrow),
.home-section-head p {
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.home-intro button {
  min-height: 38px;
  white-space: nowrap;
}

.home-queue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.home-section-head {
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--line);
}

.home-queue-table th,
.home-queue-table td {
  padding: 11px 12px;
}

.home-queue-table tbody tr.needs-action {
  background: #fffefa;
}

.home-queue-table tbody tr.is-clear {
  color: var(--muted);
}

.home-queue-table td strong {
  display: block;
}

.home-queue-table td span {
  max-width: 270px;
}

.home-row-action {
  min-height: 34px;
  padding: 6px 10px;
  white-space: nowrap;
}

.home-quick-actions .quick-action-grid {
  padding: 16px;
}

.home-recent-activity .empty-state {
  margin: 16px;
}

.home-activity-list {
  display: grid;
}

.home-activity-list article {
  display: grid;
  grid-template-columns: 100px 120px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid var(--line);
  padding: 12px 16px;
}

.home-activity-list article:last-child {
  border-bottom: 0;
}

.home-activity-list time,
.home-activity-list strong {
  font-size: 12px;
  font-weight: 850;
}

.home-activity-list time {
  color: var(--muted);
}

.home-activity-list span {
  color: var(--text);
  font-size: 13px;
  line-height: 1.45;
}

.workspace-feedback {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: -6px 0 18px;
  border: 1px solid rgba(31, 122, 77, 0.28);
  border-radius: 8px;
  background: #f3faf5;
  padding: 10px 12px;
  color: var(--text);
}

.workspace-feedback.is-warning {
  border-color: rgba(166, 106, 21, 0.36);
  background: #fff8ea;
}

.workspace-feedback.is-progress {
  border-color: rgba(17, 106, 92, 0.34);
  background: #eef8f5;
}

.workspace-feedback div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.workspace-feedback strong {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--accent);
}

.workspace-feedback.is-warning strong {
  color: var(--warn);
}

.workspace-feedback span {
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.workspace-feedback button {
  min-height: 34px;
  padding: 6px 10px;
  white-space: nowrap;
}

.server-pill,
.status,
.eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted);
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.server-pill.connected {
  border-color: #9bc8a2;
  background: #e7f5e8;
  color: #1d6b31;
}

.server-pill.disconnected {
  border-color: #e7aaa3;
  background: #fff0ee;
  color: #a33a2e;
}

.muted-inline {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.empty-dashboard {
  min-height: 52vh;
  display: grid;
  align-content: center;
  justify-items: start;
  max-width: 620px;
}

.empty-dashboard h2 {
  margin-top: 12px;
  font-size: 36px;
}

.inventory-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.section-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  border: 1px solid var(--line);
  background: #ebeae4;
  padding: 6px;
  border-radius: 8px;
  margin-bottom: 16px;
}

.section-tab-control {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

.section-tab-control.compact {
  gap: 0;
  margin-bottom: 0;
}

.inventory-toolbar .section-tab-control {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.section-tab-control .section-tabs {
  margin-bottom: 0;
}

.section-tabs button {
  border-color: transparent;
  background: transparent;
  min-height: 36px;
  color: var(--muted);
  font-weight: 700;
}

.section-tab-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section-tabs button.active {
  border-color: var(--line);
  background: var(--surface);
  color: var(--text);
}

.section-tabs button:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

.section-tab-help {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid #d9d6ca;
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px 11px;
}

.section-tab-help span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.section-tab-help strong {
  font-size: 12px;
  white-space: nowrap;
}

.section-tab-help small {
  grid-column: 1 / -1;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.inventory-new-product {
  flex: 0 0 auto;
  min-height: 50px;
  white-space: nowrap;
}

.inventory-new-product.active {
  box-shadow: 0 0 0 2px rgba(34, 40, 30, 0.16);
}

.panel-stack {
  display: grid;
  gap: 16px;
}

.panel,
.metric-card,
.matrix-card,
.connection-card,
.empty-state {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.panel {
  min-width: 0;
  padding: 18px;
}

.panel-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.panel-head h2 {
  font-size: 18px;
}

.dashboard-command-center {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.dashboard-command-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.dashboard-command-head h2 {
  font-size: 24px;
}

.dashboard-command-head p:not(.eyebrow) {
  max-width: 720px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.dashboard-refresh {
  flex: 0 0 auto;
}

.dashboard-detail-toggle-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7f7f3;
  padding: 12px 14px;
}

.dashboard-detail-toggle-panel div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dashboard-detail-toggle-panel span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-detail-toggle-panel strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.dashboard-detail-toggle-panel small,
.dashboard-detail-head p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.dashboard-detail-toggle-panel button {
  white-space: nowrap;
}

.dashboard-detailed-operations {
  display: grid;
  gap: 16px;
}

.dashboard-detail-head {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px 16px;
}

.dashboard-detail-head h2 {
  margin: 0;
  font-size: 18px;
}

.dashboard-next-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid #d9c4a2;
  border-radius: 8px;
  background: #fffaf0;
  padding: 13px;
}

.dashboard-next-action.is-critical {
  border-color: #e2a19a;
  background: #fff7f5;
}

.dashboard-next-action.is-clear {
  border-color: #bdd5c7;
  background: #f7faf7;
}

.dashboard-next-action div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dashboard-next-action span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-next-action strong {
  min-width: 0;
  color: var(--text);
  font-size: 16px;
  overflow-wrap: anywhere;
}

.dashboard-next-action small,
.dashboard-next-action em {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.dashboard-next-action em {
  font-style: normal;
}

.dashboard-next-action button {
  min-width: 148px;
  white-space: nowrap;
}

.dashboard-command-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr);
  gap: 12px;
  align-items: stretch;
}

.dashboard-command-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-command-summary article,
.dashboard-priority-board,
.dashboard-domain-button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.dashboard-command-summary article {
  min-height: 92px;
  padding: 13px;
}

.dashboard-command-summary article.is-critical {
  border-color: #e2a19a;
  background: #fff7f5;
}

.dashboard-command-summary article.is-warning {
  border-color: #dac489;
  background: #fffaf0;
}

.dashboard-command-summary article.is-ok {
  border-color: #b7d7bf;
  background: #f7faf7;
}

.dashboard-command-summary span,
.dashboard-command-summary small,
.dashboard-priority-action span,
.dashboard-priority-action small,
.dashboard-domain-button span,
.dashboard-domain-button em {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.dashboard-command-summary strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--text);
  font-size: 28px;
  font-variant-numeric: tabular-nums;
}

.dashboard-priority-board {
  display: grid;
  gap: 10px;
  padding: 13px;
}

.dashboard-subhead {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.dashboard-subhead span {
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-subhead strong {
  font-size: 14px;
}

.dashboard-priority-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-priority-action {
  min-height: 106px;
  display: grid;
  align-content: start;
  gap: 6px;
  border-color: var(--line);
  background: #fff;
  text-align: left;
}

.dashboard-priority-action.needs-action {
  border-color: #d6bf80;
  background: #fffaf0;
}

.dashboard-priority-action.clear {
  background: #f7faf7;
}

.dashboard-priority-action strong {
  color: var(--text);
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

.dashboard-priority-action em {
  color: var(--accent);
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.dashboard-domain-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-domain-button {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  text-align: left;
}

.dashboard-domain-button:hover,
.dashboard-domain-button:focus-visible,
.dashboard-priority-action:hover,
.dashboard-priority-action:focus-visible {
  border-color: #8f9a88;
  background: #f4f6f0;
}

.dashboard-domain-button span {
  color: var(--accent-2);
  text-transform: uppercase;
}

.dashboard-domain-button strong {
  color: var(--text);
  font-size: 14px;
}

.dashboard-domain-button em {
  font-style: normal;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.metric-card {
  min-height: 118px;
  padding: 16px;
}

.metric-card span,
.label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.metric-card strong {
  display: block;
  margin-top: 10px;
  font-size: 28px;
  font-variant-numeric: tabular-nums;
}

.metric-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.wms-execution-cockpit {
  margin-bottom: 16px;
}

.wms-execution-pipeline {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.wms-execution-stage {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 6px;
  text-align: left;
  border-color: var(--line);
  background: #fbfbf8;
}

.wms-execution-stage span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.wms-execution-stage strong {
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}

.wms-execution-stage.is-active,
.wms-execution-stage.is-planned {
  border-color: #b88b4f;
  background: #fff8ec;
}

.wms-execution-stage.is-blocked {
  border-color: #d8aaaa;
  background: #fff1f1;
}

.wms-execution-stage.is-done {
  border-color: #bdd5c7;
  background: #f1f7f3;
}

.wms-execution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.wms-execution-card {
  min-height: 132px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.wms-execution-card span {
  display: inline-flex;
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.wms-execution-card strong {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

.wms-execution-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.wms-execution-card button {
  align-self: end;
  white-space: nowrap;
}

.wms-execution-card.is-active span,
.wms-execution-card.is-planned span {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.wms-execution-card.is-blocked span {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.wms-execution-card.is-done span {
  border-color: #bdd5c7;
  background: #f1f7f3;
  color: var(--ok);
}

.wms-replenishment-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.wms-replenishment-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.wms-replenishment-summary article,
.wms-replenishment-policy-strip article,
.wms-replenishment-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.wms-replenishment-summary article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.wms-replenishment-summary span,
.wms-replenishment-policy-strip span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-replenishment-summary strong {
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

.wms-replenishment-summary small,
.wms-replenishment-policy-strip small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.wms-replenishment-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.wms-replenishment-policy-strip article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.wms-replenishment-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.wms-replenishment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.wms-replenishment-card {
  display: grid;
  gap: 12px;
  border-left: 4px solid #8b8d84;
  padding: 13px;
}

.wms-replenishment-card.is-critical,
.wms-replenishment-card.is-urgent {
  border-left-color: var(--danger);
  background: #fff7f5;
}

.wms-replenishment-card.is-warning {
  border-left-color: var(--warn);
  background: #fffaf0;
}

.wms-replenishment-card.is-empty {
  grid-column: 1 / -1;
  border-left-color: var(--ok);
  background: #f7faf7;
}

.wms-replenishment-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 10px;
  align-items: center;
}

.wms-replenishment-card header .status {
  grid-row: 1 / 3;
}

.wms-replenishment-card header strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 14px;
}

.wms-replenishment-card header span,
.wms-replenishment-card p,
.wms-replenishment-route span,
.wms-replenishment-route strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.wms-replenishment-card header span,
.wms-replenishment-card p,
.wms-replenishment-route span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.wms-replenishment-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-replenishment-card dl div {
  display: grid;
  gap: 3px;
  border-top: 1px solid var(--line);
  padding-top: 7px;
}

.wms-replenishment-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-replenishment-card dd {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-replenishment-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 9px;
}

.wms-replenishment-route strong::before {
  content: "TO ";
  color: var(--muted);
  font-size: 10px;
}

.wms-utilization-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.wms-utilization-summary,
.wms-utilization-policy-strip,
.wms-utilization-location-grid {
  display: grid;
  gap: 10px;
}

.wms-utilization-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.wms-utilization-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wms-utilization-location-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wms-utilization-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.9fr);
  gap: 12px;
}

.wms-utilization-summary article,
.wms-utilization-policy-strip article,
.wms-utilization-location,
.wms-slotting-exception {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.wms-utilization-summary article,
.wms-utilization-policy-strip article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.wms-utilization-summary span,
.wms-utilization-policy-strip span,
.wms-utilization-location header span,
.wms-slotting-exception span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-utilization-summary strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-utilization-summary small,
.wms-utilization-policy-strip small,
.wms-utilization-location small,
.wms-slotting-exception small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.wms-utilization-location {
  display: grid;
  gap: 10px;
  border-left: 4px solid #8b8d84;
  padding: 12px;
}

.wms-utilization-location.is-failed {
  border-left-color: var(--danger);
  background: #fff7f5;
}

.wms-utilization-location.is-pending_push {
  border-left-color: var(--warn);
  background: #fffaf0;
}

.wms-utilization-location.is-synced {
  border-left-color: var(--ok);
}

.wms-utilization-location header,
.wms-slotting-exception {
  display: grid;
  gap: 5px;
}

.wms-utilization-location header strong,
.wms-slotting-exception strong {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.wms-utilization-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.wms-utilization-bar i {
  display: block;
  width: var(--utilization, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.wms-utilization-location dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-utilization-location dl div {
  display: grid;
  gap: 2px;
  border-top: 1px solid var(--line);
  padding-top: 7px;
}

.wms-utilization-location dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-utilization-location dd {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-slotting-exception-list {
  display: grid;
  align-content: start;
  gap: 8px;
}

.wms-slotting-exception {
  border-left: 4px solid #8b8d84;
  padding: 10px;
}

.wms-slotting-exception.is-failed {
  border-left-color: var(--danger);
  background: #fff7f5;
}

.wms-slotting-exception.is-pending_push {
  border-left-color: var(--warn);
  background: #fffaf0;
}

.wms-slotting-exception.is-empty {
  border-left-color: var(--ok);
  background: #f7faf7;
}

.domain-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.domain-card {
  min-height: 148px;
  display: grid;
  align-content: start;
  gap: 8px;
  border-color: var(--line);
  background: #fbfbf8;
  border-radius: 8px;
  padding: 15px;
  text-align: left;
}

.domain-card:hover,
.domain-card:focus-visible {
  border-color: #9aa292;
  background: var(--surface);
}

.domain-card span {
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
}

.domain-card strong {
  color: var(--text);
  font-size: 16px;
}

.domain-card em {
  color: var(--text);
  font-style: normal;
  font-size: 13px;
  font-weight: 900;
}

.domain-card small {
  color: var(--muted);
  line-height: 1.45;
  font-size: 12px;
  font-weight: 700;
}

.commercial-health-panel {
  margin-bottom: 16px;
}

.commercial-health-panel .panel-head p {
  max-width: 720px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.commercial-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.commercial-health-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.commercial-health-card.watch {
  border-color: #d7d2bb;
  background: #fffdf7;
}

.commercial-health-card.at_risk {
  border-color: #ead7b8;
  background: #fffbf2;
}

.commercial-health-card.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.commercial-health-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.commercial-health-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
}

.commercial-health-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.commercial-health-card p {
  min-height: 36px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.commercial-health-signals {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.commercial-health-signals span {
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

.commercial-health-signals span.critical {
  border-color: #ecc2c2;
  color: var(--danger);
}

.commercial-health-signals b {
  color: var(--text);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

.commercial-health-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.commercial-health-card button {
  min-height: 74px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  text-align: left;
}

.commercial-health-card button:hover,
.commercial-health-card button:focus-visible {
  border-color: #9aa292;
  background: #fbfbf8;
}

.commercial-health-card button span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.commercial-health-card button strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
}

.commercial-health-card button small {
  grid-column: 2;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.commercial-health-card button.workflow-start,
.commercial-health-card button.workflow-view {
  border-color: #a9b8aa;
  background: #f6faf5;
}

.commercial-health-card button.workflow-start span,
.commercial-health-card button.workflow-view span {
  border-color: #b7c4b6;
  color: var(--accent);
}

.commercial-launch-panel {
  margin-bottom: 16px;
}

.commercial-launch-panel .panel-head p {
  max-width: 760px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.commercial-launch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.launch-readiness-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.launch-readiness-card.at_risk {
  border-color: #ead7b8;
  background: #fffbf2;
}

.launch-readiness-card.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.launch-readiness-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.launch-readiness-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
}

.launch-readiness-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.launch-readiness-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.launch-gate-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.launch-gate {
  min-height: 46px;
  display: grid;
  align-content: center;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.launch-gate b {
  color: var(--text);
  font-size: 11px;
}

.launch-gate.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: var(--accent);
}

.launch-gate.missing.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.launch-gate.missing.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.process-control-panel {
  margin-bottom: 16px;
}

.process-control-panel .panel-head p {
  max-width: 860px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.process-control-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.process-control-summary article {
  min-height: 78px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.process-control-summary span,
.process-control-policies span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.process-control-summary article > span {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.process-control-summary strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.process-control-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.process-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.process-control-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.process-control-card.healthy {
  border-color: #c9d8ca;
  background: #f7fbf5;
}

.process-control-card.at_risk {
  border-color: #ead7b8;
  background: #fffaf0;
}

.process-control-card.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.process-control-card header,
.process-control-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.process-control-card header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.process-control-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
}

.process-control-card header small,
.process-control-card > p,
.process-control-card > small,
.process-control-card footer span {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.process-control-card header em {
  color: var(--text);
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.process-stage-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.process-stage {
  min-height: 78px;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  text-align: left;
}

.process-stage.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.process-stage.blocked.warning {
  border-color: #ead7b8;
  background: #fff8ec;
}

.process-stage.blocked.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.process-stage span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.process-stage strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
}

.process-stage small {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.process-control-policies {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border-top: 1px solid var(--line);
  margin-top: 12px;
  padding-top: 12px;
}

.process-control-policies article {
  display: grid;
  gap: 4px;
}

.process-control-policies strong {
  color: var(--text);
  font-size: 12px;
}

.release-packet-panel {
  margin-bottom: 16px;
}

.release-packet-panel .panel-head p {
  max-width: 820px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.release-packet-summary,
.release-packet-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.release-packet-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.release-packet-summary article,
.release-packet-lanes article {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.release-packet-lanes article.is-synced {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.release-packet-lanes article.is-configured {
  border-color: #c5d3de;
  background: #f5f9fc;
}

.release-packet-lanes article.is-warning {
  border-color: #ead7b8;
  background: #fff8ec;
}

.release-packet-summary span,
.release-packet-lanes span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.release-packet-summary strong,
.release-packet-lanes strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.release-packet-summary small,
.release-packet-lanes small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.release-packet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.release-packet-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.release-packet-card.ready_to_packet {
  border-color: #c9d8ca;
  background: #f7fbf5;
}

.release-packet-card.packet_created {
  border-color: #c5d3de;
  background: #f5f9fc;
}

.release-packet-card.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.release-packet-card header,
.release-packet-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.release-packet-card header > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.release-packet-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
}

.release-packet-card header small,
.release-packet-card footer span,
.release-packet-footer span,
.release-packet-footer small {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.release-packet-card header em {
  color: var(--text);
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.release-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.release-evidence-grid div {
  min-height: 92px;
  display: grid;
  align-content: start;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
}

.release-evidence-grid div.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.release-evidence-grid div.blocked {
  border-color: #ead7b8;
  background: #fff8ec;
}

.release-evidence-grid span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.release-evidence-grid strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
}

.release-evidence-grid small,
.release-evidence-grid em {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
}

.release-packet-card footer button {
  min-width: 112px;
}

.release-packet-footer {
  display: grid;
  gap: 6px;
  border-top: 1px solid var(--line);
  margin-top: 12px;
  padding-top: 12px;
}

.release-packet-footer strong {
  display: block;
  margin-bottom: 3px;
  color: var(--text);
  font-size: 13px;
}

.commercial-work-queue-panel {
  margin-bottom: 16px;
}

.commercial-work-queue-panel .panel-head p {
  max-width: 680px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.work-queue-summary {
  min-width: 120px;
  display: grid;
  justify-items: end;
  gap: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.work-queue-summary strong {
  color: var(--text);
  font-size: 28px;
  font-variant-numeric: tabular-nums;
}

.work-queue-summary small {
  color: var(--danger);
  font-weight: 900;
}

.commercial-work-queue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.work-queue-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.work-queue-card.warning {
  border-color: #ead7b8;
  background: #fffbf2;
}

.work-queue-card.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.work-queue-card-head {
  display: grid;
  align-content: start;
  gap: 5px;
}

.work-queue-card-head .status {
  justify-self: start;
}

.work-queue-card-head strong {
  color: var(--text);
  font-size: 15px;
}

.work-queue-card-head small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.work-queue-count {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
}

.work-queue-count b {
  color: var(--text);
  font-size: 28px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.work-queue-count span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.work-queue-task-list {
  display: grid;
  gap: 7px;
}

.work-queue-task-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 7px;
  align-items: stretch;
}

.work-queue-task {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 5px 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  text-align: left;
}

.work-queue-task:hover,
.work-queue-task:focus-visible {
  border-color: #9aa292;
  background: #fbfbf8;
}

.work-queue-task > span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.work-queue-task.critical > span {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.work-queue-task.warning > span {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.work-queue-task strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
}

.work-queue-task small {
  grid-column: 2 / 4;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.work-queue-task em {
  color: var(--text);
  font-style: normal;
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.work-queue-exception-action {
  min-height: 72px;
  border: 1px solid #d9c4a2;
  border-radius: 8px;
  background: #fffaf0;
  color: #6f4e16;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.work-queue-exception-action:hover,
.work-queue-exception-action:focus-visible {
  border-color: #b98b3a;
  background: #fff4da;
}

.operator-workspace-panel {
  margin-bottom: 16px;
}

.operator-workspace-panel .panel-head p {
  max-width: 760px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.operator-workspace-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.operator-workspace-summary article {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.operator-workspace-summary article.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operator-workspace-summary article.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operator-workspace-summary article.synced {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.operator-workspace-summary span,
.operator-workspace-summary small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-workspace-summary strong {
  color: var(--text);
  font-size: 23px;
  font-variant-numeric: tabular-nums;
}

.operator-workspace-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.operator-workspace-lane {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.operator-workspace-lane.is-warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operator-workspace-lane.is-critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operator-workspace-lane header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.operator-workspace-lane header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
}

.operator-workspace-lane header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.operator-workspace-lane p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-lane-tasks {
  display: grid;
  gap: 7px;
}

.operator-lane-task {
  min-height: 62px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  text-align: left;
}

.operator-lane-task:hover,
.operator-lane-task:focus-visible {
  border-color: #9aa292;
  background: #fbfbf8;
}

.operator-lane-task.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
}

.operator-lane-task.warning {
  border-color: #ead7b8;
  background: #fff8ec;
}

.operator-lane-task.clear {
  color: var(--muted);
}

.operator-lane-task strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
}

.operator-lane-task small {
  grid-column: 1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.operator-lane-task em {
  grid-row: 1 / span 2;
  grid-column: 2;
  color: var(--text);
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.operator-workspace-lane > button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 900;
  text-align: left;
}

.operator-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 12px;
  margin-top: 12px;
}

.operator-action-queue,
.operator-handoff-list {
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.operator-subhead {
  display: grid;
  gap: 3px;
  margin-bottom: 2px;
}

.operator-subhead span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-subhead strong {
  color: var(--text);
  font-size: 15px;
}

.operator-action-item,
.operator-handoff-row {
  min-height: 66px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  text-align: left;
}

.operator-action-item:hover,
.operator-action-item:focus-visible,
.operator-handoff-row:hover,
.operator-handoff-row:focus-visible {
  border-color: #9aa292;
  background: #fff;
}

.operator-action-item.critical,
.operator-handoff-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operator-action-item.warning,
.operator-handoff-row.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operator-action-item span,
.operator-handoff-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-action-item strong,
.operator-handoff-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
}

.operator-action-item small,
.operator-handoff-row small {
  grid-column: 2 / 4;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.operator-action-item em,
.operator-handoff-row em {
  color: var(--text);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.operator-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.operator-policy-strip span {
  min-height: 56px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.operator-policy-strip strong {
  color: var(--text);
  font-size: 12px;
}

.domain-handoff-panel {
  margin-bottom: 16px;
}

.domain-handoff-panel .panel-head p {
  max-width: 820px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.domain-handoff-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.domain-handoff-summary article {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.domain-handoff-summary article.is-ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.domain-handoff-summary article.is-at_risk {
  border-color: #ead7b8;
  background: #fffaf0;
}

.domain-handoff-summary article.is-blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.domain-handoff-summary span,
.domain-handoff-summary small,
.domain-handoff-lane header .status,
.domain-handoff-lane dt,
.domain-handoff-evidence-row span,
.domain-handoff-contracts span,
.domain-handoff-policies span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.domain-handoff-summary strong,
.domain-handoff-lane header em,
.domain-handoff-evidence-row strong {
  color: var(--text);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.domain-handoff-summary strong {
  font-size: 23px;
}

.domain-handoff-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.domain-handoff-lane {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.domain-handoff-lane.is-ready {
  border-color: #c9d8ca;
  background: #f7faf7;
}

.domain-handoff-lane.is-at_risk {
  border-color: #ead7b8;
  background: #fffaf0;
}

.domain-handoff-lane.is-blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.domain-handoff-lane header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.domain-handoff-lane header strong,
.domain-handoff-lane h3,
.domain-handoff-contracts strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.25;
}

.domain-handoff-lane header em {
  font-size: 20px;
  font-style: normal;
}

.domain-handoff-lane h3,
.domain-handoff-lane p,
.domain-handoff-lane dl,
.domain-handoff-contracts p,
.domain-handoff-policies p {
  margin: 0;
}

.domain-handoff-lane p,
.domain-handoff-lane dd,
.domain-handoff-contracts p,
.domain-handoff-policies p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.domain-handoff-lane dl {
  display: grid;
  gap: 6px;
}

.domain-handoff-lane dl div {
  display: grid;
  gap: 2px;
}

.domain-handoff-lane dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.domain-handoff-evidence {
  display: grid;
  gap: 6px;
}

.domain-handoff-evidence-row {
  min-height: 52px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  text-align: left;
}

.domain-handoff-evidence-row:hover,
.domain-handoff-evidence-row:focus-visible,
.domain-handoff-lane > button:hover,
.domain-handoff-lane > button:focus-visible {
  border-color: #9aa292;
  background: #fff;
}

.domain-handoff-evidence-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.domain-handoff-evidence-row.ok {
  border-color: #dfe5da;
  background: #f9fbf7;
}

.domain-handoff-evidence-row small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.domain-handoff-policy-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.domain-handoff-policy-chips span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 5px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.domain-handoff-lane > button {
  min-height: 44px;
  border: 1px solid #cbd4c4;
  border-radius: 8px;
  background: #f5f8f3;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.domain-handoff-contracts,
.domain-handoff-policies {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.domain-handoff-policies {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.domain-handoff-contracts article,
.domain-handoff-policies article {
  min-height: 78px;
  display: grid;
  align-content: start;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.master-data-panel {
  margin-bottom: 16px;
}

.master-data-panel .panel-head p {
  max-width: 860px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.master-data-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.master-data-summary article {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.master-data-summary article.is-ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.master-data-summary article.is-at_risk {
  border-color: #ead7b8;
  background: #fffaf0;
}

.master-data-summary article.is-blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.master-data-summary span,
.master-data-summary small,
.master-data-card header .status,
.master-data-card dt,
.master-data-evidence strong,
.master-data-policy-strip span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.master-data-summary strong,
.master-data-card header em,
.master-data-evidence em {
  color: var(--text);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.master-data-summary strong {
  font-size: 23px;
}

.master-data-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.master-data-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.master-data-card.is-ready {
  border-color: #c9d8ca;
  background: #f7faf7;
}

.master-data-card.is-at_risk {
  border-color: #ead7b8;
  background: #fffaf0;
}

.master-data-card.is-blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.master-data-card header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.master-data-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  line-height: 1.25;
}

.master-data-card header em {
  font-size: 13px;
  font-style: normal;
}

.master-data-card p,
.master-data-card dl,
.master-data-policy-strip p {
  margin: 0;
}

.master-data-card p,
.master-data-card dd,
.master-data-policy-strip p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.master-data-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.master-data-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.master-data-card dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.master-data-fields,
.master-data-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.master-data-fields span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 5px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.master-data-evidence span {
  min-width: min(100%, 132px);
  flex: 1 1 132px;
  display: grid;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px;
}

.master-data-evidence span.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.master-data-evidence span.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.master-data-evidence span.ok {
  border-color: #dfe5da;
  background: #f9fbf7;
}

.master-data-evidence small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.master-data-card > button {
  min-height: 44px;
  border: 1px solid #cbd4c4;
  border-radius: 8px;
  background: #f5f8f3;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.master-data-card > button:hover,
.master-data-card > button:focus-visible {
  border-color: #9aa292;
  background: #fff;
}

.master-data-policy-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.master-data-policy-strip article {
  min-height: 78px;
  display: grid;
  align-content: start;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.integration-outbox-panel {
  margin-bottom: 16px;
}

.integration-outbox-panel .panel-head p {
  max-width: 860px;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.integration-outbox-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.integration-outbox-summary article {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.integration-outbox-summary article.is-ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.integration-outbox-summary article.is-warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.integration-outbox-summary article.is-blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.integration-outbox-summary span,
.integration-outbox-summary small,
.integration-outbox-lane span,
.integration-adapter-card header .status,
.integration-adapter-card dt,
.integration-outbox-item span,
.integration-failure-row span,
.integration-outbox-policies span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.integration-outbox-summary strong,
.integration-outbox-lane em,
.integration-adapter-card header em,
.integration-outbox-item em {
  color: var(--text);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.integration-outbox-summary strong {
  font-size: 23px;
}

.integration-outbox-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.integration-outbox-lane {
  min-height: 92px;
  display: grid;
  align-content: start;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
  text-align: left;
}

.integration-outbox-lane.warning,
.integration-outbox-lane.pending {
  border-color: #ead7b8;
  background: #fffaf0;
}

.integration-outbox-lane.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.integration-outbox-lane.ok {
  border-color: #c9d8ca;
  background: #f7faf7;
}

.integration-outbox-lane strong,
.integration-adapter-card header strong,
.integration-outbox-item strong,
.integration-failure-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.25;
}

.integration-outbox-lane em {
  font-size: 20px;
  font-style: normal;
}

.integration-outbox-lane small,
.integration-adapter-card p,
.integration-adapter-card small,
.integration-adapter-card dd,
.integration-outbox-item small,
.integration-failure-row small,
.integration-outbox-policies p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.integration-outbox-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 12px;
}

.integration-outbox-layout > article {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
}

.integration-adapter-grid,
.integration-outbox-items,
.integration-failure-list {
  display: grid;
  gap: 8px;
}

.integration-adapter-card,
.integration-outbox-item,
.integration-failure-row {
  min-width: 0;
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
  text-align: left;
}

.integration-adapter-card.is-ready,
.integration-outbox-item.ok {
  border-color: #dfe5da;
  background: #f9fbf7;
}

.integration-adapter-card.is-at_risk,
.integration-outbox-item.critical,
.integration-failure-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.integration-adapter-card.is-planned,
.integration-outbox-item.warning,
.integration-outbox-item.pending {
  border-color: #ead7b8;
  background: #fffaf0;
}

.integration-adapter-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.integration-adapter-card p,
.integration-adapter-card dl,
.integration-outbox-policies p {
  margin: 0;
}

.integration-adapter-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.integration-adapter-card dl div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.integration-outbox-item {
  grid-template-columns: minmax(0, 1fr) auto;
}

.integration-outbox-item span,
.integration-outbox-item strong,
.integration-outbox-item small,
.integration-outbox-actions {
  grid-column: 1;
}

.integration-outbox-item em {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  font-style: normal;
}

.integration-outbox-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.integration-outbox-actions button {
  min-height: 30px;
  padding: 6px 9px;
  font-size: 11px;
}

.integration-failure-list {
  margin-top: 12px;
}

.integration-failure-row {
  grid-template-columns: 120px minmax(0, 1fr);
}

.integration-failure-row small {
  grid-column: 2;
}

.integration-outbox-policies {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.integration-outbox-policies article {
  min-height: 78px;
  display: grid;
  align-content: start;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.ops-flow-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ops-flow-step,
.erp-rail-item,
.channel-intake-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.ops-flow-step {
  min-height: 128px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 13px;
}

.ops-flow-step span,
.erp-rail-item span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
}

.ops-flow-step strong,
.erp-rail-item strong,
.channel-intake-row strong {
  color: var(--text);
}

.ops-flow-step em,
.erp-rail-item em,
.channel-intake-row em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
}

.ops-flow-step small,
.erp-rail-item small,
.channel-intake-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.channel-intake-list {
  display: grid;
  gap: 9px;
}

.channel-intake-row {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}

.channel-intake-row strong,
.channel-intake-row span {
  display: block;
}

.compact-kpi {
  min-width: 104px;
  display: grid;
  justify-items: end;
  gap: 2px;
}

.compact-kpi strong {
  color: var(--text);
  font-size: 26px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.compact-kpi span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-orchestration-workbench {
  margin-top: 16px;
}

.oms-lifecycle-panel {
  margin-top: 16px;
}

.oms-command-center {
  margin-top: 16px;
}

.oms-command-summary,
.oms-command-lanes,
.oms-command-layout,
.oms-channel-strip,
.oms-command-policy-strip {
  display: grid;
  gap: 10px;
}

.oms-command-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-command-summary article,
.oms-command-lanes article,
.oms-promise-board,
.oms-exception-board,
.oms-channel-card,
.oms-command-policy-strip article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.oms-command-summary article {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.oms-command-summary span,
.oms-command-lanes span,
.oms-channel-card span,
.oms-command-policy-strip span,
.oms-promise-item header span,
.oms-exception-item span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-command-summary strong,
.oms-command-lanes em,
.oms-channel-card strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-command-summary small,
.oms-command-lanes small,
.oms-channel-card small,
.oms-command-policy-strip p,
.oms-promise-item p,
.oms-promise-item small,
.oms-exception-item p,
.oms-exception-item small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.oms-command-lanes {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-command-lanes article {
  min-height: 110px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 12px;
  box-shadow: inset 3px 0 0 #b9c1b2;
}

.oms-command-lanes article.is-promise,
.oms-command-lanes article.is-service {
  box-shadow: inset 3px 0 0 #b48728;
}

.oms-command-lanes article.is-fulfill,
.oms-command-lanes article.is-settle {
  box-shadow: inset 3px 0 0 #3f8f66;
}

.oms-command-lanes strong,
.oms-command-lanes em,
.oms-command-lanes small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-command-lanes strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.oms-command-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr);
  margin-bottom: 12px;
}

.oms-promise-board,
.oms-exception-board {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 12px;
}

.subhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.subhead strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.subhead span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-promise-list,
.oms-exception-list {
  display: grid;
  gap: 8px;
}

.oms-promise-item,
.oms-exception-item {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  padding: 10px;
}

.oms-promise-item {
  display: grid;
  gap: 8px;
}

.oms-promise-item.is-critical,
.oms-exception-item.is-critical {
  background: #fff6f4;
}

.oms-promise-item.is-warning,
.oms-exception-item.is-warning {
  background: #fffaf0;
}

.oms-promise-item.is-ok {
  background: #f7fbf7;
}

.oms-promise-item header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.oms-promise-item header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.oms-promise-item header strong,
.oms-exception-item strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.oms-promise-item dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.oms-promise-item dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.oms-promise-item dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-promise-item footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.oms-exception-item {
  display: grid;
  gap: 4px;
}

.oms-channel-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-channel-card {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.oms-command-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oms-command-policy-strip article {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.oms-lifecycle-summary,
.oms-lifecycle-stage-track,
.oms-lifecycle-policy-strip,
.oms-lifecycle-grid {
  display: grid;
  gap: 10px;
}

.oms-lifecycle-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-lifecycle-summary article,
.oms-lifecycle-stage-track article,
.oms-lifecycle-policy-strip article,
.oms-lifecycle-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.oms-lifecycle-summary article {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.oms-lifecycle-summary span,
.oms-lifecycle-stage-track span,
.oms-lifecycle-policy-strip span,
.oms-lifecycle-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-lifecycle-summary strong,
.oms-lifecycle-stage-track strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-lifecycle-summary small,
.oms-lifecycle-stage-track small,
.oms-lifecycle-policy-strip p,
.oms-lifecycle-card p,
.oms-lifecycle-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.oms-lifecycle-stage-track {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-lifecycle-stage-track article {
  min-height: 94px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  box-shadow: inset 3px 0 0 #b9c1b2;
}

.oms-lifecycle-stage-track article.is-route,
.oms-lifecycle-stage-track article.is-service {
  box-shadow: inset 3px 0 0 #b48728;
}

.oms-lifecycle-stage-track article.is-fulfill,
.oms-lifecycle-stage-track article.is-deliver {
  box-shadow: inset 3px 0 0 #3f8f66;
}

.oms-lifecycle-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-lifecycle-policy-strip article {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.oms-lifecycle-policy-strip p {
  margin: 0;
}

.oms-lifecycle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oms-lifecycle-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 10px;
  padding: 12px;
}

.oms-lifecycle-card.is-blocked,
.oms-lifecycle-card.is-critical {
  background: #fff6f4;
}

.oms-lifecycle-card.is-warning {
  background: #fffaf0;
}

.oms-lifecycle-card.is-ok {
  background: #f7fbf7;
}

.oms-lifecycle-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.oms-lifecycle-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.oms-lifecycle-card header strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.oms-lifecycle-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.oms-lifecycle-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.oms-lifecycle-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-lifecycle-card p {
  margin: 0;
}

.oms-lifecycle-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.oms-lifecycle-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.oms-lifecycle-actions button {
  min-height: 36px;
}

.oms-service-exceptions {
  margin-top: 16px;
}

.oms-service-summary,
.oms-service-lanes,
.oms-service-layout {
  display: grid;
  gap: 10px;
}

.oms-service-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-service-summary article,
.oms-service-lanes article,
.oms-service-priority,
.oms-service-policy,
.oms-service-item,
.oms-service-policy-list div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.oms-service-summary article {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.oms-service-summary span,
.oms-service-lanes span,
.oms-service-item header span,
.oms-service-policy-list span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-service-summary strong,
.oms-service-lanes em {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-service-summary small,
.oms-service-lanes small,
.oms-service-item p,
.oms-service-item small,
.oms-service-policy-list p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.oms-service-lanes {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.oms-service-lanes article {
  min-height: 118px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 12px;
  box-shadow: inset 3px 0 0 #b9c1b2;
}

.oms-service-lanes article.is-critical {
  box-shadow: inset 3px 0 0 #c46a4a;
  background: #fff6f4;
}

.oms-service-lanes article.is-warning {
  box-shadow: inset 3px 0 0 #b48728;
  background: #fffaf0;
}

.oms-service-lanes strong,
.oms-service-lanes em,
.oms-service-lanes small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-service-lanes strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.oms-service-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr);
}

.oms-service-priority,
.oms-service-policy {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
}

.oms-service-item-list,
.oms-service-policy-list {
  display: grid;
  gap: 8px;
}

.oms-service-item {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: var(--paper);
}

.oms-service-item.is-critical {
  background: #fff6f4;
}

.oms-service-item.is-warning {
  background: #fffaf0;
}

.oms-service-item header,
.oms-service-item footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.oms-service-item header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.oms-service-item header strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.oms-service-item dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.oms-service-item dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.oms-service-item dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-service-item footer button {
  white-space: nowrap;
}

.oms-service-policy-list div {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.oms-orchestration-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.oms-orchestration-summary article {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf6;
  padding: 12px;
}

.oms-orchestration-summary span,
.oms-orchestration-stage span,
.oms-orchestration-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-orchestration-summary strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-orchestration-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.oms-orchestration-stage-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.oms-orchestration-stage {
  min-width: 0;
  min-height: 116px;
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  padding: 10px;
  box-shadow: inset 3px 0 0 #b9c1b2;
}

.oms-orchestration-stage.is-route,
.oms-orchestration-stage.is-service {
  box-shadow: inset 3px 0 0 #b48728;
}

.oms-orchestration-stage.is-fulfill {
  box-shadow: inset 3px 0 0 #3f8f66;
}

.oms-orchestration-stage strong,
.oms-orchestration-stage em,
.oms-orchestration-stage small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-orchestration-stage strong {
  color: var(--text);
  font-size: 12px;
}

.oms-orchestration-stage em {
  color: var(--text);
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-orchestration-stage small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.oms-orchestration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.oms-orchestration-card {
  min-width: 0;
  min-height: 224px;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.oms-orchestration-card.is-route,
.oms-orchestration-card.is-service {
  background: #fffaf0;
}

.oms-orchestration-card.is-fulfill,
.oms-orchestration-card.is-deliver {
  background: #f7fbf7;
}

.oms-orchestration-card header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.oms-orchestration-card > strong,
.oms-orchestration-card > em,
.oms-orchestration-card p,
.oms-orchestration-card small {
  min-width: 0;
}

.oms-orchestration-card > strong {
  color: var(--text);
  font-size: 14px;
}

.oms-orchestration-card > em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.oms-orchestration-card p,
.oms-orchestration-card small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.oms-orchestration-card small {
  align-self: start;
}

.oms-orchestration-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.oms-orchestration-card footer button {
  min-height: 36px;
}

.oms-routing-workbench {
  margin-top: 16px;
}

.routing-rule-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.routing-rule-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.erp-rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.erp-rail-item {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 13px;
  text-align: left;
}

.erp-rail-item:hover,
.erp-rail-item:focus-visible {
  border-color: #9aa292;
  background: var(--surface);
}

.erp-financial-control {
  margin-bottom: 16px;
}

.erp-purchase-planning-panel {
  margin-bottom: 16px;
}

.erp-payables-panel {
  margin-bottom: 16px;
}

.erp-journal-panel {
  margin-bottom: 16px;
}

.erp-cost-margin-panel {
  margin-bottom: 16px;
}

.erp-journal-summary,
.erp-journal-policy-strip,
.erp-journal-entry-list {
  display: grid;
  gap: 10px;
}

.erp-journal-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-journal-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-journal-summary article,
.erp-journal-policy-strip article,
.erp-journal-entry-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.erp-journal-summary article {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.erp-journal-policy-strip article {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.erp-journal-summary span,
.erp-journal-policy-strip span,
.erp-journal-entry-card header span,
.erp-journal-entry-totals span,
.erp-journal-line span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-journal-summary strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-journal-summary small,
.erp-journal-policy-strip p,
.erp-journal-entry-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-journal-policy-strip p {
  margin: 0;
}

.erp-journal-split {
  align-items: start;
}

.erp-journal-account-panel,
.erp-journal-entry-panel {
  min-width: 0;
}

.compact-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.compact-panel-head h3 {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.erp-journal-entry-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.erp-journal-entry-card.is-unbalanced {
  border-color: #ecc2c2;
  background: #fff1f1;
}

.erp-journal-entry-card.is-balanced {
  background: #f7fbf7;
}

.erp-journal-entry-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.erp-journal-entry-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.erp-journal-entry-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.erp-journal-entry-totals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.erp-journal-entry-totals div {
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
  padding: 8px;
}

.erp-journal-entry-totals strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-journal-lines {
  display: grid;
  gap: 6px;
}

.erp-journal-line {
  min-height: 34px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 6px;
}

.erp-journal-line strong,
.erp-journal-line em {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.erp-journal-line strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.erp-journal-line em {
  font-style: normal;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.erp-cost-margin-summary,
.erp-cost-methodology,
.erp-cost-margin-grid {
  display: grid;
  gap: 10px;
}

.erp-cost-margin-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-cost-margin-summary article,
.erp-cost-methodology article,
.erp-cost-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.erp-cost-margin-summary article {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
}

.erp-cost-margin-summary span,
.erp-cost-methodology span,
.erp-cost-card header span,
.erp-cost-card-values span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-cost-margin-summary strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-cost-margin-summary small,
.erp-cost-methodology p,
.erp-cost-card small,
.erp-cost-card-values span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-cost-methodology {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-cost-methodology article {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.erp-cost-methodology p {
  margin: 0;
}

.erp-cost-margin-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.erp-cost-card {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 10px;
  padding: 12px;
}

.erp-cost-card.is-blocked {
  background: #fff6f4;
}

.erp-cost-card.is-warning {
  background: #fffaf0;
}

.erp-cost-card.is-healthy {
  background: #f7fbf7;
}

.erp-cost-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.erp-cost-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.erp-cost-card header strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.erp-cost-card dl,
.erp-cost-card-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.erp-cost-card dl {
  margin: 0;
}

.erp-cost-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.erp-cost-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-cost-card-values div {
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
  padding: 8px;
}

.erp-cost-card-values strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-cost-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.erp-financial-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.erp-financial-summary article {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf6;
  padding: 12px;
}

.erp-financial-summary span,
.erp-financial-stage-track span,
.erp-financial-control-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-financial-summary strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-financial-summary small,
.erp-financial-stage-track small,
.erp-financial-control-card p,
.erp-financial-control-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-financial-stage-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.erp-financial-stage-track article {
  min-width: 0;
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  padding: 10px;
  box-shadow: inset 3px 0 0 #b9c1b2;
}

.erp-financial-stage-track strong,
.erp-financial-stage-track em,
.erp-financial-stage-track small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.erp-financial-stage-track strong {
  color: var(--text);
  font-size: 12px;
}

.erp-financial-stage-track em {
  color: var(--text);
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-financial-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.erp-financial-control-card {
  min-width: 0;
  min-height: 226px;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.erp-financial-control-card.is-p2p,
.erp-financial-control-card.is-match {
  background: #fffaf0;
}

.erp-financial-control-card.is-o2c,
.erp-financial-control-card.is-shipment {
  background: #f7fbf7;
}

.erp-financial-control-card.is-close {
  background: #f8f8f4;
}

.erp-financial-control-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.erp-financial-control-card > strong,
.erp-financial-control-card > em,
.erp-financial-control-card p,
.erp-financial-control-card small {
  min-width: 0;
}

.erp-financial-control-card > strong {
  color: var(--text);
  font-size: 14px;
}

.erp-financial-control-card > em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-financial-control-card p,
.erp-financial-control-card small {
  margin: 0;
}

.erp-financial-control-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.erp-financial-control-card footer button {
  min-height: 36px;
}

.erp-purchase-planning-summary,
.erp-purchase-planning-lanes {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

.erp-purchase-planning-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.erp-purchase-planning-lanes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.erp-purchase-planning-summary article,
.erp-purchase-planning-lanes article,
.erp-purchase-planning-policy article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.erp-purchase-planning-summary article.is-critical,
.erp-purchase-planning-lanes article.is-critical {
  border-color: #ecc2c2;
  background: #fff7f5;
}

.erp-purchase-planning-summary article.is-warning,
.erp-purchase-planning-lanes article.is-warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.erp-purchase-planning-summary article.is-ok,
.erp-purchase-planning-lanes article.is-synced {
  background: #f7fbf7;
}

.erp-purchase-planning-summary span,
.erp-purchase-planning-lanes span,
.erp-purchase-planning-policy span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-purchase-planning-summary strong,
.erp-purchase-planning-lanes strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-purchase-planning-summary small,
.erp-purchase-planning-lanes small,
.erp-purchase-planning-lanes p,
.erp-purchase-planning-policy p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-purchase-planning-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 0.75fr);
  gap: 12px;
  align-items: start;
}

.erp-purchase-planning-table table {
  min-width: 1040px;
}

.erp-purchase-planning-table td {
  vertical-align: top;
}

.erp-purchase-planning-table td span {
  color: var(--muted);
  font-size: 12px;
}

.erp-purchase-plan-row.is-critical td:first-child {
  box-shadow: inset 4px 0 0 var(--danger);
}

.erp-purchase-plan-row.is-warning td:first-child {
  box-shadow: inset 4px 0 0 var(--warn);
}

.erp-purchase-plan-row.is-covered td:first-child {
  box-shadow: inset 4px 0 0 var(--accent-2);
}

.erp-purchase-planning-policy {
  display: grid;
  gap: 10px;
}

.erp-payables-summary,
.erp-payables-lanes,
.erp-payables-policy-strip {
  display: grid;
  gap: 10px;
}

.erp-payables-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payables-lanes {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payables-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payables-summary article,
.erp-payables-lanes article,
.erp-payables-policy-strip article,
.erp-unbilled-receipt-list article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.erp-payables-summary article,
.erp-payables-lanes article,
.erp-payables-policy-strip article {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.erp-payables-summary article.is-critical,
.erp-payables-lanes article.is-critical {
  border-color: #ecc2c2;
  background: #fff7f5;
}

.erp-payables-summary article.is-warning,
.erp-payables-lanes article.is-warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.erp-payables-summary span,
.erp-payables-lanes span,
.erp-payables-policy-strip span,
.erp-unbilled-receipt-list span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-payables-summary strong,
.erp-payables-lanes strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-payables-summary small,
.erp-payables-lanes small,
.erp-payables-policy-strip p,
.erp-unbilled-receipt-list p,
.erp-unbilled-receipt-list small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-payables-split {
  align-items: start;
}

.erp-payables-split > article {
  min-width: 0;
}

.erp-payables-scroll table {
  min-width: 980px;
}

.erp-payables-scroll td {
  vertical-align: top;
}

.erp-payables-scroll td span {
  color: var(--muted);
  font-size: 12px;
}

.erp-payment-run-summary,
.erp-payment-run-lanes,
.erp-payment-run-policy-strip,
.erp-payment-batch-grid,
.erp-payment-executed-list,
.erp-payment-hold-list {
  display: grid;
  gap: 10px;
}

.erp-payment-run-panel {
  overflow: hidden;
}

.erp-payment-run-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payment-run-lanes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payment-run-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-payment-run-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.4fr) minmax(260px, 0.8fr);
  gap: 12px;
  align-items: start;
}

.erp-payment-run-layout > article {
  min-width: 0;
}

.erp-payment-run-summary article,
.erp-payment-run-lanes article,
.erp-payment-run-policy-strip article,
.erp-payment-batch-grid article,
.erp-payment-executed-list article,
.erp-payment-hold-list article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.erp-payment-run-summary article,
.erp-payment-run-lanes article,
.erp-payment-run-policy-strip article,
.erp-payment-batch-grid article,
.erp-payment-executed-list article,
.erp-payment-hold-list article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.erp-payment-run-summary article.is-critical,
.erp-payment-run-lanes article.is-critical,
.erp-payment-batch-grid article.is-critical {
  border-color: #ecc2c2;
  background: #fff7f5;
}

.erp-payment-run-summary article.is-warning,
.erp-payment-run-lanes article.is-warning,
.erp-payment-hold-list article {
  border-color: #ead7b8;
  background: #fffaf0;
}

.erp-payment-run-summary span,
.erp-payment-run-lanes span,
.erp-payment-run-policy-strip span,
.erp-payment-batch-grid span,
.erp-payment-executed-list span,
.erp-payment-hold-list span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-payment-run-summary strong,
.erp-payment-run-lanes strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-payment-run-summary small,
.erp-payment-run-lanes small,
.erp-payment-run-policy-strip p,
.erp-payment-batch-grid small,
.erp-payment-batch-grid p,
.erp-payment-executed-list small,
.erp-payment-hold-list small,
.erp-payment-hold-list p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-payment-batch-grid header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.erp-payment-batch-grid dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.erp-payment-batch-grid dl div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-top: 6px;
}

.erp-payment-batch-grid dt,
.erp-payment-batch-grid dd {
  margin: 0;
  font-size: 12px;
  font-weight: 800;
}

.erp-payment-batch-grid dd {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.erp-payment-batch-grid button {
  min-height: 36px;
}

.erp-payment-executed-list article {
  background: #f4fbf6;
  border-color: #c7e2cf;
}

.erp-payment-candidate-scroll table {
  min-width: 980px;
}

.erp-payment-candidate-scroll td {
  vertical-align: top;
}

.erp-payment-candidate-scroll td span {
  color: var(--muted);
  font-size: 12px;
}

.erp-unbilled-receipt-list {
  display: grid;
  gap: 10px;
}

.erp-unbilled-receipt-list article {
  display: grid;
  gap: 10px;
  border-left: 4px solid #b44535;
  padding: 12px;
}

.erp-unbilled-receipt-list header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.erp-unbilled-receipt-list header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.erp-unbilled-receipt-list strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.erp-unbilled-receipt-list dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.erp-unbilled-receipt-list dl div {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.64);
  padding: 8px;
}

.erp-unbilled-receipt-list dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-unbilled-receipt-list dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-period-close-panel {
  overflow: hidden;
}

.erp-period-close-summary,
.erp-period-close-layout,
.erp-period-close-checklist,
.erp-period-close-policy-strip,
.erp-period-close-actions {
  display: grid;
  gap: 10px;
}

.erp-period-close-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}

.erp-period-close-actions {
  grid-template-columns: repeat(4, minmax(0, max-content));
  justify-content: start;
  align-items: center;
  margin-bottom: 12px;
}

.erp-period-close-layout {
  grid-template-columns: minmax(420px, 1fr) minmax(320px, 0.8fr);
  align-items: start;
}

.erp-period-close-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.erp-period-close-summary article,
.erp-period-close-checklist article,
.erp-period-close-policy-strip article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.erp-period-close-summary article.is-warning,
.erp-period-close-checklist article.is-attention {
  border-color: #ead7b8;
  background: #fffaf0;
}

.erp-period-close-checklist article.is-blocked {
  border-color: #ecc2c2;
  background: #fff7f5;
}

.erp-period-close-summary span,
.erp-period-close-checklist span,
.erp-period-close-policy-strip span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-period-close-summary strong,
.erp-period-close-checklist strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.erp-period-close-summary small,
.erp-period-close-checklist p,
.erp-period-close-checklist small,
.erp-period-close-policy-strip p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.erp-period-close-checklist article {
  display: grid;
  gap: 7px;
}

.erp-period-close-checklist header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.erp-period-close-layout table {
  min-width: 760px;
}

.erp-period-close-layout tr.is-current {
  background: #f4f7ef;
}

.erp-close-readiness-panel {
  margin-bottom: 16px;
}

.erp-close-readiness-grid {
  display: grid;
  grid-template-columns: minmax(180px, 0.6fr) minmax(0, 2.4fr);
  gap: 12px;
}

.erp-close-score {
  min-height: 136px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 16px;
}

.erp-close-score strong {
  font-size: 44px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.erp-close-score span {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.erp-close-score small,
.erp-close-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-close-scroll {
  margin-top: 12px;
}

.erp-close-scroll table {
  min-width: 920px;
}

.erp-close-scroll td {
  vertical-align: top;
}

.settlement-workbench {
  display: grid;
  gap: 14px;
}

.settlement-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.settlement-card {
  min-height: 156px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 13px;
  display: grid;
  align-content: start;
  gap: 10px;
}

.settlement-card strong {
  font-size: 15px;
}

.settlement-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.settlement-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: #fff;
}

.settlement-card dt,
.settlement-card dd {
  margin: 0;
}

.settlement-card dt,
.settlement-card small,
.settlement-scroll td small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.settlement-card dd {
  margin-top: 3px;
  font-weight: 900;
}

.settlement-scroll table {
  min-width: 920px;
}

.settlement-scroll td {
  vertical-align: top;
}

.settlement-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.settlement-scroll td small {
  display: block;
  margin-top: 5px;
}

.settlement-actions {
  min-width: 190px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.settlement-actual-input {
  width: 128px;
  min-height: 36px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.erp-document-workbench {
  margin-bottom: 16px;
}

.erp-purchase-workbench {
  margin-bottom: 16px;
}

.erp-landed-cost-panel {
  margin-bottom: 16px;
}

.erp-landed-cost-scroll table {
  min-width: 980px;
}

.erp-landed-cost-scroll td {
  vertical-align: top;
}

.erp-landed-cost-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-landed-cost-form {
  display: grid;
  gap: 14px;
}

.erp-landed-cost-preview {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
  margin-top: 14px;
  display: grid;
  gap: 12px;
}

.erp-landed-cost-preview-summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--panel);
}

.erp-landed-cost-preview-summary span,
.erp-landed-cost-preview-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-landed-cost-preview-scroll table {
  min-width: 940px;
}

.erp-landed-cost-preview-scroll td {
  vertical-align: top;
}

.erp-landed-cost-recent,
.erp-landed-cost-policies {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.erp-landed-cost-recent article,
.erp-landed-cost-policies article {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  display: grid;
  gap: 4px;
}

.erp-landed-cost-recent span,
.erp-landed-cost-recent small,
.erp-landed-cost-policies span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-purchase-scroll table {
  min-width: 1120px;
}

.erp-purchase-scroll td {
  vertical-align: top;
}

.erp-purchase-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-purchase-scroll td:last-child {
  white-space: nowrap;
}

.erp-purchase-form {
  display: grid;
  gap: 14px;
}

.erp-purchase-matrix-table th:first-child {
  min-width: 180px;
}

.erp-receive-panel {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
}

.erp-receive-scroll table {
  min-width: 760px;
}

.erp-receive-scroll td {
  vertical-align: top;
}

.erp-receive-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-receive-scroll input {
  min-width: 96px;
  text-align: right;
}

.erp-receive-scroll input.is-over {
  border-color: var(--danger);
  box-shadow: 0 0 0 2px rgba(180, 68, 56, 0.12);
}

.erp-document-scroll table {
  min-width: 900px;
}

.erp-document-scroll td {
  vertical-align: top;
}

.erp-document-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.erp-document-scroll td:last-child {
  white-space: nowrap;
}

.erp-document-form {
  display: grid;
  gap: 14px;
}

.erp-document-draft-banner {
  border: 1px solid #cad7c8;
  border-radius: 8px;
  background: #f4faf3;
  padding: 12px;
  display: grid;
  gap: 5px;
}

.erp-document-draft-banner strong {
  color: var(--success);
}

.erp-document-draft-banner span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  white-space: pre-line;
}

.erp-document-form textarea {
  min-height: 112px;
}

.oms-reverse-logistics {
  display: grid;
  gap: 16px;
  margin: 16px 0;
}

.oms-reverse-summary,
.oms-reverse-stage-track,
.oms-reverse-lane-grid,
.oms-reverse-policy-strip {
  display: grid;
  gap: 10px;
}

.oms-reverse-summary {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.oms-reverse-summary article,
.oms-reverse-stage-track article,
.oms-reverse-lane-grid article,
.oms-reverse-policy-strip article,
.oms-reverse-item {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.oms-reverse-summary article {
  min-height: 82px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.oms-reverse-summary span,
.oms-reverse-stage-track span,
.oms-reverse-policy-strip span,
.oms-reverse-item span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-reverse-summary strong {
  font-size: 22px;
  line-height: 1.1;
}

.oms-reverse-summary small,
.oms-reverse-stage-track small,
.oms-reverse-lane-grid p,
.oms-reverse-policy-strip p,
.oms-reverse-item p,
.oms-reverse-item small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-reverse-stage-track {
  grid-template-columns: repeat(6, minmax(112px, 1fr));
}

.oms-reverse-stage-track article {
  min-height: 94px;
  padding: 12px;
  display: grid;
  gap: 4px;
}

.oms-reverse-stage-track em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
}

.oms-reverse-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: 14px;
}

.oms-reverse-lanes,
.oms-reverse-priority {
  display: grid;
  gap: 10px;
}

.oms-reverse-lane-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.oms-reverse-lane-grid article {
  min-height: 156px;
  padding: 12px;
  display: grid;
  gap: 8px;
}

.oms-reverse-lane-grid article.is-warning {
  border-color: #d8a24a;
}

.oms-reverse-lane-grid article.is-attention {
  border-color: #9ab1c9;
}

.oms-reverse-lane-grid dl,
.oms-reverse-item dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.oms-reverse-lane-grid dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oms-reverse-lane-grid dt,
.oms-reverse-item dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.oms-reverse-lane-grid dd,
.oms-reverse-item dd {
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.oms-reverse-item-list {
  display: grid;
  gap: 10px;
}

.oms-reverse-item {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.oms-reverse-item.is-warning {
  border-color: #d8a24a;
}

.oms-reverse-item.is-attention {
  border-color: #9ab1c9;
}

.oms-reverse-item header,
.oms-reverse-item footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.oms-reverse-item header > div {
  display: grid;
  gap: 3px;
}

.oms-reverse-item footer button {
  white-space: nowrap;
}

.oms-reverse-policy-strip {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.oms-reverse-policy-strip article {
  padding: 12px;
  display: grid;
  gap: 5px;
}

.oms-case-workbench {
  margin: 16px 0;
}

.oms-return-workbench {
  margin: 16px 0;
}

.mini-metric-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.mini-metric {
  min-height: 64px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  display: grid;
  align-content: center;
  gap: 3px;
}

.mini-metric strong {
  font-size: 18px;
  line-height: 1.1;
}

.mini-metric span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-return-scroll table {
  min-width: 1120px;
}

.oms-return-scroll td {
  vertical-align: top;
}

.oms-return-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-return-scroll td:first-child span {
  display: block;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-return-scroll td:last-child {
  white-space: nowrap;
}

.oms-return-form {
  display: grid;
  gap: 14px;
}

.oms-return-form textarea {
  min-height: 112px;
}

.oms-case-scroll table {
  min-width: 920px;
}

.oms-case-scroll td {
  vertical-align: top;
}

.oms-case-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-case-scroll td:first-child span {
  display: block;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-case-scroll td:last-child {
  white-space: nowrap;
}

.oms-case-form {
  display: grid;
  gap: 14px;
}

.oms-case-form textarea {
  min-height: 112px;
}

.oms-order-workbench {
  margin-top: 16px;
}

.oms-order-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.4fr) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
}

.oms-order-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.oms-order-list {
  display: grid;
  gap: 8px;
  max-height: 720px;
  overflow: auto;
  padding-right: 2px;
}

.oms-order-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
  text-align: left;
}

.oms-order-card:hover,
.oms-order-card:focus-visible,
.oms-order-card.active {
  border-color: #9aa292;
  background: var(--surface);
}

.oms-order-card.active {
  box-shadow: inset 3px 0 0 var(--accent);
}

.oms-order-card > span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-order-card strong,
.oms-order-card em {
  min-width: 0;
  color: var(--text);
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-order-card small {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-order-card .status {
  justify-self: end;
}

.oms-order-detail {
  min-width: 0;
}

.oms-order-command-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.oms-order-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
}

.oms-order-summary-grid div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.oms-order-summary-grid dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-order-summary-grid dd {
  margin: 4px 0 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
}

.oms-order-operations-flow {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7f7f2;
  padding: 12px;
  margin: 0 0 12px;
}

.oms-order-flow-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.oms-order-flow-head div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.oms-order-flow-head strong {
  color: var(--text);
  font-size: 14px;
}

.oms-order-flow-head span,
.oms-order-flow-head em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.oms-order-flow-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.oms-order-flow-stage {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--paper);
  padding: 9px;
  box-shadow: inset 3px 0 0 #c5c9bd;
}

.oms-order-flow-stage span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.oms-order-flow-stage strong,
.oms-order-flow-stage em,
.oms-order-flow-stage small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-order-flow-stage strong {
  color: var(--text);
  font-size: 12px;
}

.oms-order-flow-stage em {
  color: var(--text);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
}

.oms-order-flow-stage small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.oms-order-flow-stage.is-done {
  box-shadow: inset 3px 0 0 #3f8f66;
}

.oms-order-flow-stage.is-active {
  box-shadow: inset 3px 0 0 #b48728;
}

.oms-order-flow-stage.is-blocked {
  box-shadow: inset 3px 0 0 #cf5c4f;
}

.oms-order-next-actions,
.oms-order-erp-evidence {
  display: grid;
  gap: 7px;
}

.oms-order-next-actions > strong,
.oms-order-erp-evidence > strong {
  color: var(--text);
  font-size: 12px;
}

.oms-order-next-actions > div,
.oms-order-erp-evidence > div {
  display: grid;
  gap: 7px;
}

.oms-order-next-actions article,
.oms-order-erp-evidence article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--paper);
  padding: 8px;
}

.oms-order-erp-evidence article {
  grid-template-columns: auto minmax(0, 1fr) minmax(130px, 0.4fr);
}

.oms-order-next-actions article span,
.oms-order-next-actions article small,
.oms-order-erp-evidence article span,
.oms-order-erp-evidence article small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-order-next-actions article span,
.oms-order-erp-evidence article span {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.oms-order-next-actions article small,
.oms-order-erp-evidence article small,
.oms-order-flow-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.oms-order-flow-note {
  margin: 0;
}

.oms-order-line-table table {
  min-width: 860px;
}

.oms-order-line-table td {
  vertical-align: top;
}

.oms-order-line-table td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-order-linked-panel {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.oms-order-linked-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.oms-order-linked-head strong {
  color: var(--text);
}

.oms-order-linked-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.oms-order-linked-list {
  display: grid;
  gap: 7px;
}

.oms-order-linked-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.oms-order-linked-list article strong,
.oms-order-linked-list article span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oms-order-linked-list article strong {
  color: var(--text);
}

.oms-order-linked-list article span,
.oms-order-linked-list p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.oms-order-linked-list article .status {
  grid-row: span 2;
  align-self: start;
}

.wms-count-control-panel {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.wms-count-control-panel > .panel-head > strong {
  font-size: 32px;
  font-variant-numeric: tabular-nums;
}

.wms-count-summary,
.wms-count-lanes,
.wms-count-policy-strip {
  display: grid;
  gap: 10px;
}

.wms-count-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wms-count-lanes,
.wms-count-policy-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wms-count-summary article,
.wms-count-lane,
.wms-count-policy-strip article,
.wms-count-item,
.wms-count-location {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.wms-count-summary article,
.wms-count-lane,
.wms-count-policy-strip article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.wms-count-summary span,
.wms-count-lane span,
.wms-count-policy-strip span,
.wms-count-location dt,
.wms-count-item dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-count-summary strong,
.wms-count-lane em {
  font-size: 23px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-count-summary small,
.wms-count-lane small,
.wms-count-policy-strip small,
.wms-count-location small,
.wms-count-item p,
.wms-count-item footer span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.wms-count-lane {
  border-left: 4px solid #8b8d84;
}

.wms-count-lane.is-warning,
.wms-count-lane.is-pending_push {
  border-left-color: var(--warn);
  background: #fffaf0;
}

.wms-count-lane.is-synced {
  border-left-color: var(--ok);
  background: #f7faf7;
}

.wms-count-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
  gap: 12px;
}

.wms-count-item-list,
.wms-count-location-list {
  display: grid;
  gap: 10px;
}

.wms-count-item,
.wms-count-location {
  display: grid;
  gap: 10px;
  border-left: 4px solid #8b8d84;
  padding: 13px;
}

.wms-count-item.is-failed,
.wms-count-location.is-failed {
  border-left-color: var(--danger);
  background: #fff7f5;
}

.wms-count-item.is-pending_push,
.wms-count-location.is-pending_push {
  border-left-color: var(--warn);
  background: #fffaf0;
}

.wms-count-item.is-synced,
.wms-count-location.is-synced {
  border-left-color: var(--ok);
  background: #f7faf7;
}

.wms-count-item header,
.wms-count-location header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.wms-count-location header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.wms-count-item header strong,
.wms-count-location header strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 14px;
}

.wms-count-item header span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.wms-count-item dl,
.wms-count-location dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-count-location dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wms-count-item dl div,
.wms-count-location dl div {
  display: grid;
  gap: 3px;
  border-top: 1px solid var(--line);
  padding-top: 7px;
}

.wms-count-item dd,
.wms-count-location dd {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.wms-count-item footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.inventory-count-workbench {
  margin-top: 16px;
}

.inventory-count-scroll table {
  min-width: 940px;
}

.inventory-count-scroll td {
  vertical-align: top;
}

.inventory-count-scroll td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.inventory-count-scroll td:last-child {
  white-space: nowrap;
}

.inventory-count-form {
  display: grid;
  gap: 14px;
}

.inventory-count-form textarea {
  min-height: 112px;
}

.pim-board,
.cms-publishing-board,
.wms-location-board {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.pim-board,
.cms-publishing-board {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.wms-location-board {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wms-bin-map {
  display: grid;
  gap: 12px;
}

.wms-bin-location {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.wms-bin-location-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: end;
  margin-bottom: 10px;
}

.wms-bin-location-head span {
  grid-column: 1 / -1;
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-bin-location-head strong {
  color: var(--text);
  font-size: 14px;
}

.wms-bin-location-head small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.wms-bin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.wms-bin-card {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-left: 4px solid #8b8d84;
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.wms-bin-card.receiving {
  border-left-color: var(--accent-2);
}

.wms-bin-card.bulk {
  border-left-color: #5d6f86;
}

.wms-bin-card strong,
.wms-bin-card span,
.wms-bin-card small {
  overflow-wrap: anywhere;
}

.wms-bin-card strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.wms-bin-card span,
.wms-bin-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.wms-location-workbench {
  display: grid;
  gap: 14px;
}

.wms-location-policy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.wms-location-policy-grid article {
  min-width: 0;
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.wms-location-policy-grid span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-location-policy-grid strong {
  color: var(--text);
  font-size: 14px;
}

.wms-location-policy-grid em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-location-policy-grid small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.pim-board-step,
.cms-publish-step,
.wms-location-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.pim-board-step,
.cms-publish-step {
  min-height: 128px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 13px;
}

.pim-board-step span,
.cms-publish-step span,
.wms-location-card span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-board-step strong,
.cms-publish-step strong,
.wms-location-card h3 {
  color: var(--text);
}

.pim-board-step em,
.cms-publish-step em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
}

.pim-board-step small,
.cms-publish-step small,
.wms-location-card p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.pim-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(180px, 0.35fr) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.pim-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.pim-master-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.pim-master-summary article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pim-master-summary span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-master-summary strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-master-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.pim-master-action-queue {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf6;
  padding: 12px;
}

.pim-master-action-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.pim-master-action-head div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.pim-master-action-head span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-master-action-head strong {
  color: var(--text);
  font-size: 15px;
}

.pim-master-action-head small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.pim-master-action-head em {
  border: 1px solid #c8d7c7;
  border-radius: 999px;
  background: #f5fbf2;
  padding: 5px 9px;
  color: var(--accent);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.pim-master-action-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.pim-master-action-item {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 11px;
}

.pim-master-action-item.is-ready {
  grid-column: 1 / -1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}

.pim-master-action-item > span {
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-master-action-item > strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pim-master-action-item > small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.pim-master-action-meta {
  display: grid;
  gap: 3px;
  padding-top: 4px;
  border-top: 1px solid #ecefe8;
}

.pim-master-action-meta em,
.pim-master-action-meta b {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.pim-master-action-meta b {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pim-master-action-item button {
  min-height: 36px;
  justify-self: stretch;
}

.pim-mode-toolbar {
  align-items: center;
  margin-bottom: 10px;
}

.product-subnav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.product-subnav .pim-mode-toolbar {
  flex: 0 1 auto;
  margin-bottom: 0;
}

.product-subnav .section-tab-control {
  width: auto;
}

.product-create-shortcut {
  flex: 0 0 auto;
  min-width: 118px;
}

.pim-master-toolbar {
  grid-template-columns: minmax(280px, 1fr) minmax(160px, 0.28fr) minmax(170px, 0.28fr) auto;
  align-items: end;
}

.product-master-panel {
  padding-top: 14px;
}

.product-master-panel .table-scroll table {
  min-width: 960px;
  table-layout: fixed;
}

.product-master-panel th,
.product-master-panel td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-list-name-col {
  width: 18%;
}

.product-list-season-col,
.product-list-count-col,
.product-list-stock-col,
.product-list-channel-col {
  width: 6%;
}

.product-list-code-col {
  width: 13%;
}

.product-list-category-col,
.product-list-online-col {
  width: 8%;
}

.product-list-color-col {
  width: 21%;
}

.product-list-size-col {
  width: 8%;
}

.product-master-panel .product-name-link {
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pim-command-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pim-command-grid button {
  min-width: 0;
  min-height: 138px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  text-align: left;
  border-color: var(--line);
  background: #fbfbf8;
}

.pim-command-grid button:hover,
.pim-command-grid button:focus-visible {
  background: var(--surface);
}

.pim-command-grid span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-command-grid strong {
  color: var(--text);
  font-size: 15px;
}

.pim-command-grid small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.pim-lifecycle-panel {
  display: grid;
  gap: 14px;
}

.pim-lifecycle-summary,
.pim-lifecycle-lanes,
.pim-lifecycle-policy-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pim-lifecycle-lanes {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pim-lifecycle-summary article,
.pim-lifecycle-lanes article,
.pim-lifecycle-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pim-lifecycle-lanes article.is-pending_push,
.pim-lifecycle-lanes article.is-configured {
  border-color: #efd08f;
  background: #fffaf0;
}

.pim-lifecycle-lanes article.is-connected,
.pim-lifecycle-lanes article.is-synced {
  border-color: #b8d9c4;
  background: #f4fbf5;
}

.pim-lifecycle-summary span,
.pim-lifecycle-lanes span,
.pim-lifecycle-policy-strip span,
.pim-lifecycle-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-lifecycle-summary strong,
.pim-lifecycle-lanes strong {
  color: var(--text);
  font-size: 21px;
}

.pim-lifecycle-lanes em {
  color: var(--text);
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
}

.pim-lifecycle-summary small,
.pim-lifecycle-lanes small,
.pim-lifecycle-policy-strip p,
.pim-lifecycle-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.pim-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pim-lifecycle-card,
.product-lifecycle-panel {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.pim-lifecycle-card.is-review,
.pim-lifecycle-card.is-enriching {
  border-color: #efd08f;
}

.pim-lifecycle-card.is-active,
.pim-lifecycle-card.is-syndicated {
  border-color: #b8d9c4;
}

.pim-lifecycle-card header,
.product-lifecycle-panel header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pim-lifecycle-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.pim-lifecycle-card header strong,
.product-lifecycle-panel header span {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.pim-lifecycle-readiness,
.pim-lifecycle-actions,
.product-lifecycle-actions,
.pim-lifecycle-blockers,
.product-lifecycle-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pim-lifecycle-readiness span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.pim-lifecycle-readiness span.ready {
  border-color: #b8d9c4;
  color: #0d6b4d;
}

.pim-lifecycle-blockers small,
.product-lifecycle-blockers small {
  border: 1px solid #efd0d0;
  border-radius: 8px;
  background: #fff7f7;
  color: #a73434;
  padding: 6px 8px;
}

.pim-lifecycle-table-cell {
  display: grid;
  gap: 4px;
}

.pim-enrichment-workbench {
  display: grid;
  gap: 14px;
}

.pim-enrichment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pim-enrichment-summary article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pim-enrichment-summary span,
.pim-enrichment-stage-track span,
.pim-enrichment-card header span,
.pim-enrichment-blockers span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-enrichment-summary strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-enrichment-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.pim-enrichment-stage-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.pim-enrichment-stage-track article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--line);
  border-top: 4px solid #8b8d84;
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.pim-enrichment-stage-track article.enrich {
  border-top-color: var(--accent-2);
}

.pim-enrichment-stage-track article.validate,
.pim-enrichment-stage-track article.activate {
  border-top-color: #c68f3a;
}

.pim-enrichment-stage-track article.syndicate {
  border-top-color: #178753;
}

.pim-enrichment-stage-track strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-enrichment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pim-enrichment-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent-2);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.pim-enrichment-card.validate,
.pim-enrichment-card.activate {
  border-left-color: #c68f3a;
}

.pim-enrichment-card.syndicate {
  border-left-color: #178753;
}

.pim-enrichment-card header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  align-items: start;
}

.pim-enrichment-card header strong {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pim-enrichment-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-enrichment-card header small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-completeness-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.pim-completeness-bar i {
  display: block;
  width: var(--completion, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.pim-enrichment-blockers {
  display: grid;
  gap: 8px;
}

.pim-enrichment-blockers div {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.pim-enrichment-blockers strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.pim-enrichment-blockers small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.pim-attribute-scorecard {
  display: grid;
  gap: 14px;
}

.pim-asset-boundary-panel {
  display: grid;
  gap: 14px;
}

.pim-asset-boundary-summary,
.pim-asset-boundary-lanes,
.pim-asset-boundary-policy-strip {
  display: grid;
  gap: 10px;
}

.pim-asset-boundary-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pim-asset-boundary-lanes,
.pim-asset-boundary-policy-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pim-asset-boundary-summary article,
.pim-asset-boundary-lanes article,
.pim-asset-boundary-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pim-asset-boundary-lanes article {
  border-top: 4px solid #178753;
}

.pim-asset-boundary-lanes article.is-warning,
.pim-asset-boundary-lanes article.is-pending_push {
  border-top-color: #c68f3a;
}

.pim-asset-boundary-lanes article.is-failed {
  border-top-color: #b44535;
}

.pim-asset-boundary-summary span,
.pim-asset-boundary-lanes span,
.pim-asset-boundary-policy-strip span,
.pim-asset-boundary-next span,
.pim-asset-boundary-assets span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-asset-boundary-summary strong,
.pim-asset-boundary-lanes strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-asset-boundary-summary small,
.pim-asset-boundary-lanes small,
.pim-asset-boundary-policy-strip p,
.pim-asset-boundary-assets small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.pim-asset-boundary-policy-strip strong,
.pim-asset-boundary-policy-strip span {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.pim-asset-boundary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pim-asset-boundary-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid #178753;
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}

.pim-asset-boundary-card.is-mixed_boundary {
  border-left-color: #b44535;
}

.pim-asset-boundary-card.is-pim_gap,
.pim-asset-boundary-card.is-cms_gap,
.pim-asset-boundary-card.is-colorway_gap {
  border-left-color: #c68f3a;
  background: #fffbf2;
}

.pim-asset-boundary-card header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: start;
}

.pim-asset-boundary-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.pim-asset-boundary-card header strong,
.pim-asset-boundary-next strong,
.pim-asset-boundary-assets strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pim-asset-boundary-card header small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-asset-boundary-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.pim-asset-boundary-card dl div,
.pim-asset-boundary-next,
.pim-asset-boundary-assets div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 8px;
}

.pim-asset-boundary-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-asset-boundary-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-asset-boundary-next,
.pim-asset-boundary-assets {
  display: grid;
  gap: 6px;
}

.pim-syndication-command-center {
  display: grid;
  gap: 14px;
}

.pim-syndication-summary,
.pim-syndication-lanes,
.pim-syndication-channel-strip,
.pim-syndication-policy-strip {
  display: grid;
  gap: 10px;
}

.pim-syndication-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pim-syndication-lanes {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pim-syndication-channel-strip,
.pim-syndication-policy-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pim-syndication-summary article,
.pim-syndication-lanes article,
.pim-syndication-channel-strip article,
.pim-syndication-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pim-syndication-lanes article {
  border-top: 4px solid #8b8d84;
}

.pim-syndication-lanes article.is-pending_push,
.pim-syndication-lanes article.is-pending,
.pim-syndication-lanes article.is-warning {
  border-top-color: #c68f3a;
}

.pim-syndication-lanes article.is-conflict,
.pim-syndication-lanes article.is-failed {
  border-top-color: #b44535;
}

.pim-syndication-lanes article.is-synced,
.pim-syndication-lanes article.is-configured {
  border-top-color: #178753;
}

.pim-syndication-summary span,
.pim-syndication-lanes span,
.pim-syndication-channel-strip span,
.pim-syndication-policy-strip span,
.pim-syndication-card header .status,
.pim-syndication-next span,
.pim-publication-package span,
.pim-syndication-blockers span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-syndication-summary strong,
.pim-syndication-lanes strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-syndication-summary small,
.pim-syndication-lanes small,
.pim-syndication-channel-strip small,
.pim-syndication-policy-strip p,
.pim-syndication-product-channels small,
.pim-syndication-blockers small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.pim-syndication-channel-strip strong,
.pim-syndication-policy-strip strong,
.pim-syndication-policy-strip span {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.pim-syndication-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pim-syndication-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid #8b8d84;
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}

.pim-syndication-card.is-blocked,
.pim-syndication-card.is-approval_pending,
.pim-syndication-card.is-ready_to_publish {
  border-left-color: #c68f3a;
  background: #fffbf2;
}

.pim-syndication-card.is-failed,
.pim-syndication-card.is-verify {
  border-left-color: #b44535;
}

.pim-syndication-card.is-syndicated {
  border-left-color: #178753;
}

.pim-syndication-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.pim-syndication-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.pim-syndication-card header strong {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pim-syndication-card header span:not(.status) {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-syndication-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-syndication-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.pim-syndication-card dl div,
.pim-syndication-next,
.pim-publication-package,
.pim-syndication-product-channels div,
.pim-syndication-blockers div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 8px;
}

.pim-syndication-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-syndication-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-syndication-next,
.pim-publication-package,
.pim-syndication-product-channels,
.pim-syndication-blockers {
  display: grid;
  gap: 6px;
}

.pim-publication-package dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.pim-publication-package dl div {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  padding: 6px;
}

.pim-publication-package small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-syndication-next strong,
.pim-publication-package strong,
.pim-syndication-product-channels strong,
.pim-syndication-blockers strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.pim-attribute-summary,
.pim-attribute-stage-track,
.pim-attribute-policy-strip,
.pim-attribute-grid,
.pim-attribute-record-grid {
  display: grid;
  gap: 10px;
}

.pim-attribute-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pim-attribute-stage-track {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pim-attribute-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pim-attribute-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pim-attribute-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pim-attribute-summary article,
.pim-attribute-stage-track article,
.pim-attribute-policy-strip article,
.pim-attribute-card,
.pim-attribute-record {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.pim-attribute-summary article,
.pim-attribute-stage-track article,
.pim-attribute-policy-strip article {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.pim-attribute-summary span,
.pim-attribute-stage-track span,
.pim-attribute-policy-strip span,
.pim-attribute-card span,
.pim-attribute-record header span,
.pim-gate-list span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.pim-attribute-summary strong,
.pim-attribute-stage-track strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-attribute-summary small,
.pim-attribute-stage-track small,
.pim-attribute-policy-strip p,
.pim-attribute-field-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.pim-attribute-policy-strip p {
  margin: 0;
}

.pim-attribute-card,
.pim-attribute-record {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.pim-attribute-card header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
}

.pim-attribute-card header span {
  grid-column: 1 / -1;
}

.pim-attribute-card strong,
.pim-attribute-record header strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.pim-attribute-card em {
  color: var(--text);
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pim-attribute-field-list {
  display: grid;
  gap: 7px;
}

.pim-attribute-field-list div,
.pim-gate-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 7px;
}

.pim-attribute-field-list strong,
.pim-gate-list em {
  color: var(--text);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pim-attribute-record.ready {
  background: #f7fbf7;
}

.pim-attribute-record.blocked {
  background: #fff6f4;
}

.pim-attribute-record header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pim-attribute-record header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.pim-attribute-record header small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pim-gate-list {
  display: grid;
  gap: 6px;
}

.pim-gate-list div.ready {
  opacity: 0.68;
}

.pim-attribute-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pim-attribute-blockers span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 0 9px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.pim-attribute-record footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cms-operations-workbench {
  display: grid;
  gap: 14px;
}

.cms-content-model-board {
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.cms-model-summary,
.cms-model-stage-track,
.cms-model-policy-strip,
.cms-model-field-grid,
.cms-model-record-grid {
  display: grid;
  gap: 10px;
}

.cms-model-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cms-model-stage-track {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.cms-model-policy-strip,
.cms-model-field-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cms-model-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cms-model-summary article,
.cms-model-stage-track article,
.cms-model-policy-strip article,
.cms-model-field-card,
.cms-model-record {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.cms-model-summary article {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.cms-model-stage-track article {
  min-height: 96px;
  display: grid;
  align-content: start;
  gap: 5px;
  border-top: 4px solid #8b8d84;
}

.cms-model-stage-track article.compose,
.cms-model-stage-track article.preview {
  border-top-color: var(--accent-2);
}

.cms-model-stage-track article.review {
  border-top-color: #c68f3a;
}

.cms-model-stage-track article.publish {
  border-top-color: #178753;
}

.cms-model-policy-strip article,
.cms-model-field-card,
.cms-model-record {
  display: grid;
  gap: 10px;
}

.cms-model-summary span,
.cms-model-stage-track span,
.cms-model-policy-strip span,
.cms-model-field-card header span,
.cms-model-record header span,
.cms-model-field-status div span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-model-summary strong,
.cms-model-stage-track strong,
.cms-model-field-card header em {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-model-policy-strip p,
.cms-model-summary small,
.cms-model-stage-track small,
.cms-model-record small,
.cms-model-blockers span,
.cms-model-field-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.cms-model-policy-strip p {
  margin: 0;
}

.cms-model-field-card header,
.cms-model-record header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: start;
}

.cms-model-field-card header strong,
.cms-model-record header strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.cms-model-field-card header em {
  font-style: normal;
}

.cms-model-field-list,
.cms-model-field-status {
  display: grid;
  gap: 8px;
}

.cms-model-field-list div,
.cms-model-field-status div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px;
}

.cms-model-field-list div span,
.cms-model-field-status div strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.cms-model-field-status div {
  grid-template-columns: auto minmax(0, 1fr);
  border-left: 4px solid #c68f3a;
}

.cms-model-field-status div.ready {
  border-left-color: #178753;
}

.cms-model-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.cms-model-progress i {
  display: block;
  width: var(--completion, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.cms-model-blockers,
.cms-model-record footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cms-model-blockers span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 9px;
}

.cms-localization-board {
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.cms-localization-summary,
.cms-localization-lanes,
.cms-localization-policy-strip,
.cms-localization-layout,
.cms-localization-locale-list,
.cms-localization-entry-list {
  display: grid;
  gap: 10px;
}

.cms-localization-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cms-localization-lanes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cms-localization-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cms-localization-layout {
  grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1.48fr);
  align-items: start;
}

.cms-localization-summary article,
.cms-localization-lanes article,
.cms-localization-policy-strip article,
.cms-localization-locale-card,
.cms-localization-entry {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.cms-localization-summary article,
.cms-localization-lanes article,
.cms-localization-policy-strip article,
.cms-localization-locale-card {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.cms-localization-summary article,
.cms-localization-lanes article {
  min-height: 88px;
  align-content: center;
}

.cms-localization-lanes article {
  border-top: 4px solid #8b8d84;
}

.cms-localization-lanes article.is-pending_push,
.cms-localization-lanes article.is-warning {
  border-top-color: #c68f3a;
  background: #fffaf0;
}

.cms-localization-lanes article.is-synced {
  border-top-color: #178753;
  background: #f7faf7;
}

.cms-localization-summary span,
.cms-localization-lanes span,
.cms-localization-policy-strip span,
.cms-localization-locale-card header span,
.cms-localization-entry header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-localization-summary strong,
.cms-localization-lanes strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-localization-summary small,
.cms-localization-lanes small,
.cms-localization-policy-strip p,
.cms-localization-locale-card small,
.cms-localization-entry small,
.cms-localization-blockers span,
.cms-localization-target-chip-list span,
.cms-localization-fields span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.cms-localization-policy-strip p {
  margin: 0;
}

.cms-localization-locale-card header,
.cms-localization-entry header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.cms-localization-locale-card header strong,
.cms-localization-entry header strong {
  min-width: 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.cms-localization-locale-card.source {
  border-left: 4px solid #178753;
}

.cms-localization-locale-card.target {
  border-left: 4px solid #4f7d9f;
}

.cms-localization-entry {
  display: grid;
  gap: 10px;
  border-left: 4px solid #c68f3a;
  padding: 12px;
}

.cms-localization-entry.source_gap,
.cms-localization-entry.translation_gap {
  background: #fffaf0;
}

.cms-localization-entry.localized {
  border-left-color: #178753;
  background: #f7faf7;
}

.cms-localization-entry.review {
  border-left-color: #4f7d9f;
}

.cms-localization-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.cms-localization-progress i {
  display: block;
  width: var(--completion, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.cms-localization-targets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cms-localization-targets div {
  display: grid;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px;
}

.cms-localization-targets dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-localization-targets dd {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-localization-fields,
.cms-localization-target-chip-list,
.cms-localization-blockers,
.cms-localization-entry footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cms-localization-fields span,
.cms-localization-target-chip-list span,
.cms-localization-blockers span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 9px;
}

.cms-localization-fields span.ready,
.cms-localization-target-chip-list span.ready {
  border-color: #b8dac8;
  background: #eef8f1;
  color: var(--ok);
}

.cms-localization-fields span.missing,
.cms-localization-target-chip-list span.missing {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.cms-localization-entry footer {
  align-items: center;
  justify-content: space-between;
}

.cms-localization-entry footer small {
  min-width: 180px;
  color: var(--text);
}

.cms-release-calendar {
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.cms-release-calendar-summary,
.cms-release-calendar-lanes,
.cms-release-calendar-grid,
.cms-release-calendar-layout {
  min-width: 0;
}

.cms-release-calendar-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.cms-release-calendar-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.cms-release-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.cms-release-calendar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 12px;
  align-items: start;
}

.cms-release-calendar-summary article,
.cms-release-calendar-lanes article,
.cms-release-calendar-day,
.cms-release-calendar-item,
.cms-release-calendar-policy-strip article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.cms-release-calendar-summary article,
.cms-release-calendar-lanes article {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.cms-release-calendar-lanes article {
  border-top: 4px solid #8b8d84;
}

.cms-release-calendar-lanes article.is-warning,
.cms-release-calendar-day.has-blockers {
  border-top-color: var(--danger);
  background: #fff8f7;
}

.cms-release-calendar-lanes article.is-configured {
  border-top-color: #c68f3a;
}

.cms-release-calendar-lanes article.is-planned {
  border-top-color: #4f7d9f;
}

.cms-release-calendar-lanes article.is-synced {
  border-top-color: #178753;
}

.cms-release-calendar-summary span,
.cms-release-calendar-lanes span,
.cms-release-calendar-day header span,
.cms-release-calendar-day button span,
.cms-release-calendar-item header span,
.cms-release-calendar-policy-strip span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-release-calendar-summary strong,
.cms-release-calendar-lanes strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-calendar-summary small,
.cms-release-calendar-lanes small,
.cms-release-calendar-day small,
.cms-release-calendar-item small,
.cms-release-calendar-item p,
.cms-release-calendar-policy-strip p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.cms-release-calendar-day {
  min-height: 230px;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  border-top: 4px solid #4f7d9f;
}

.cms-release-calendar-day header {
  display: grid;
  gap: 3px;
}

.cms-release-calendar-day header strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-calendar-day > div {
  display: grid;
  gap: 6px;
  align-content: start;
}

.cms-release-calendar-day button {
  width: 100%;
  min-height: 54px;
  display: grid;
  gap: 2px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  color: var(--text);
  padding: 8px;
  cursor: pointer;
}

.cms-release-calendar-day button strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 12px;
}

.cms-release-calendar-day p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.cms-release-calendar-item-list,
.cms-release-calendar-policy-strip {
  display: grid;
  gap: 10px;
}

.cms-release-calendar-item {
  display: grid;
  gap: 10px;
  border-left: 4px solid #4f7d9f;
}

.cms-release-calendar-item.blocked {
  border-left-color: var(--danger);
  background: #fff8f7;
}

.cms-release-calendar-item.scheduled,
.cms-release-calendar-item.ready {
  border-left-color: #c68f3a;
}

.cms-release-calendar-item.published {
  border-left-color: #178753;
}

.cms-release-calendar-item header,
.cms-release-calendar-item footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.cms-release-calendar-item header strong {
  min-width: 0;
  display: block;
  color: var(--text);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.cms-release-calendar-item dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cms-release-calendar-item dl div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 8px;
}

.cms-release-calendar-item dt {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-release-calendar-item dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-calendar-item p,
.cms-release-calendar-policy-strip p {
  margin: 0;
}

.cms-release-calendar-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cms-release-calendar-blockers span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  padding: 4px 9px;
}

.cms-release-calendar-item footer small {
  min-width: 160px;
  color: var(--text);
}

.cms-release-calendar-policy-strip article {
  display: grid;
  gap: 6px;
}

.cms-release-control {
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.cms-release-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.cms-release-summary article {
  min-width: 0;
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf6;
  padding: 12px;
}

.cms-release-summary span,
.cms-release-stage-track span,
.cms-release-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-release-summary strong {
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-summary small,
.cms-release-stage-track small,
.cms-release-card small,
.cms-release-card p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.cms-release-stage-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.cms-release-stage-track article {
  min-width: 0;
  min-height: 96px;
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-top: 4px solid #8b8d84;
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.cms-release-stage-track article.enrich,
.cms-release-stage-track article.asset {
  border-top-color: var(--accent-2);
}

.cms-release-stage-track article.preview {
  border-top-color: #4f7d9f;
}

.cms-release-stage-track article.approval {
  border-top-color: #c68f3a;
}

.cms-release-stage-track article.publish {
  border-top-color: #178753;
}

.cms-release-stage-track strong {
  color: var(--text);
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.cms-release-card {
  min-width: 0;
  min-height: 250px;
  display: grid;
  grid-template-rows: auto auto auto auto auto auto 1fr auto;
  gap: 7px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent-2);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.cms-release-card.asset {
  background: #fffaf0;
}

.cms-release-card.preview {
  border-left-color: #4f7d9f;
}

.cms-release-card.approval {
  border-left-color: #c68f3a;
}

.cms-release-card.publish {
  border-left-color: #178753;
}

.cms-release-card header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.cms-release-card > strong,
.cms-release-card > em,
.cms-release-card small,
.cms-release-card p {
  min-width: 0;
}

.cms-release-card > strong {
  color: var(--text);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.cms-release-card > em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-release-card p {
  margin: 0;
}

.cms-release-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.cms-release-progress i {
  display: block;
  width: var(--completion, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.cms-release-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cms-release-blockers span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  padding: 4px 9px;
}

.cms-release-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cms-release-card footer button {
  min-height: 36px;
}

.cms-ops-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.cms-ops-summary article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.cms-ops-summary span,
.cms-ops-stage-track span,
.cms-ops-entry-card header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-ops-summary strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-ops-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.cms-ops-stage-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.cms-ops-stage-track article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--line);
  border-top: 4px solid #8b8d84;
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
}

.cms-ops-stage-track article.compose,
.cms-ops-stage-track article.preview {
  border-top-color: var(--accent-2);
}

.cms-ops-stage-track article.review {
  border-top-color: #c68f3a;
}

.cms-ops-stage-track article.publish {
  border-top-color: #178753;
}

.cms-ops-stage-track article.archive {
  border-top-color: #706b64;
}

.cms-ops-stage-track strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-ops-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cms-ops-entry-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent-2);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.cms-ops-entry-card.review {
  border-left-color: #c68f3a;
}

.cms-ops-entry-card.publish {
  border-left-color: #178753;
}

.cms-ops-entry-card.archive {
  border-left-color: #706b64;
}

.cms-ops-entry-card header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  align-items: start;
}

.cms-ops-entry-card header strong {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.cms-ops-entry-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cms-ops-entry-card header small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.cms-ops-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6e2d9;
}

.cms-ops-progress i {
  display: block;
  width: var(--completion, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.cms-ops-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cms-ops-blockers span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  padding: 4px 9px;
}

.wms-location-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.wms-location-card.is-non-sellable {
  background: #f7f6f0;
}

.wms-location-card h3 {
  margin: 5px 0 0;
  font-size: 17px;
}

.wms-location-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-location-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-location-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-location-product-table table {
  min-width: 1180px;
}

.wms-location-product-table td {
  vertical-align: top;
}

.wms-location-product-table td span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.control-flow-grid,
.approval-group-grid,
.operations-health-grid {
  display: grid;
  gap: 10px;
}

.control-flow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.approval-group-grid,
.operations-health-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.control-flow-step,
.approval-group-card,
.operations-health-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.control-flow-step {
  min-height: 108px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 12px;
}

.approval-group-card {
  display: grid;
  gap: 9px;
  padding: 13px;
}

.operations-health-card {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 13px;
  text-align: left;
}

.operations-health-card:hover,
.operations-health-card:focus-visible {
  border-color: #9aa292;
  background: var(--surface);
}

.control-flow-step span,
.operations-health-card span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.control-flow-step strong,
.approval-group-card h3,
.operations-health-card strong {
  color: var(--text);
}

.approval-group-card h3 {
  margin: 0;
  font-size: 15px;
}

.approval-group-card p,
.control-flow-step small,
.operations-health-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.approval-action-note {
  display: block;
  border: 1px solid rgba(139, 141, 132, 0.22);
  border-radius: 7px;
  background: #fff;
  padding: 8px 9px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.approval-group-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.approval-group-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.approval-group-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 17px;
  font-weight: 900;
}

.approval-group-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.approval-group-actions button {
  flex: 1 1 124px;
}

.approval-workbench {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.approval-workbench .panel-head strong {
  color: var(--text);
  font-size: 32px;
  font-variant-numeric: tabular-nums;
}

.approval-workbench-summary,
.approval-term-glossary,
.approval-lanes,
.approval-policy-strip,
.approval-bundle-grid {
  display: grid;
  gap: 10px;
}

.approval-workbench-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.approval-term-glossary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.approval-lanes {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.approval-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.approval-bundle-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.approval-workbench-summary article,
.approval-term-glossary article,
.approval-lane,
.approval-policy-strip article,
.approval-bundle-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.approval-workbench-summary article,
.approval-term-glossary article,
.approval-lane,
.approval-policy-strip article {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.approval-workbench-summary span,
.approval-term-glossary strong,
.approval-lane span,
.approval-policy-strip span,
.approval-bundle-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.approval-term-glossary article {
  background: #f8faf7;
}

.approval-workbench-summary strong {
  color: var(--text);
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

.approval-workbench-summary small,
.approval-term-glossary small,
.approval-lane small,
.approval-policy-strip small,
.approval-bundle-card p,
.approval-bundle-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.approval-lane {
  min-height: 92px;
}

.approval-lane em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.approval-lane.is-failed,
.approval-bundle-card.is-critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.approval-lane.is-pending,
.approval-lane.is-approved,
.approval-bundle-card.is-warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.approval-bundle-card {
  display: grid;
  gap: 10px;
  border-left: 4px solid #8b8d84;
  padding: 13px;
}

.approval-bundle-card.is-empty {
  grid-column: 1 / -1;
  border-left-color: var(--ok);
  background: #f8faf7;
}

.approval-bundle-card header {
  display: grid;
  gap: 6px;
}

.approval-bundle-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  overflow-wrap: anywhere;
}

.approval-bundle-stage-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.approval-bundle-stage-strip span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 8px;
}

.approval-bundle-stage-strip b {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.approval-bundle-stage-strip strong {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.approval-bundle-stage-strip .is-pending,
.approval-bundle-stage-strip .is-approved,
.approval-bundle-stage-strip .is-apply {
  border-color: #ead7b8;
  background: #fffaf0;
}

.approval-bundle-stage-strip .is-failed {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.approval-bundle-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.approval-bundle-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.approval-bundle-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.approval-bundle-actions button {
  flex: 1 1 128px;
}

.operations-health-card em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
}

.blueprint-grid,
.feature-board,
.report-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.blueprint-grid article,
.feature-board article,
.report-list article {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 14px;
}

.blueprint-grid span {
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
}

.blueprint-grid h3,
.feature-board h3 {
  margin: 8px 0 0;
  font-size: 15px;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}

.split > * {
  min-width: 0;
}

.split.wide-left {
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
}

.matrix-list {
  display: grid;
  gap: 16px;
}

.matrix-card {
  overflow: hidden;
}

.matrix-title {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--line);
}

.matrix-title h3 {
  margin: 0;
}

.matrix-title p {
  margin: 4px 0 0;
  color: var(--muted);
}

.matrix-title > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.matrix-table th,
.matrix-table td {
  text-align: center;
}

.matrix-table th:first-child {
  text-align: left;
}

.matrix-table td strong {
  display: block;
  font-size: 18px;
}

.matrix-table td span {
  font-size: 11px;
}

.stock-ledger-panel {
  overflow: hidden;
}

.stock-ledger-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  margin: 6px 0 16px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.stock-ledger-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(150px, 0.6fr) minmax(170px, 0.7fr);
  gap: 10px;
  align-items: end;
}

.stock-ledger-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.stock-ledger-actions span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.stock-ledger-table {
  min-width: 1400px;
}

.stock-ledger-table thead th {
  white-space: nowrap;
}

.stock-channel-source-col {
  min-width: 220px;
  text-align: left;
}

.stock-head-groups th {
  background: #f2f2ec;
  color: var(--muted);
  text-align: center;
  font-size: 11px;
}

.stock-head-columns th {
  background: #fbfbf8;
}

.stock-product-col {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 390px;
  max-width: 430px;
  background: var(--surface);
  box-shadow: 1px 0 0 var(--line);
}

thead .stock-product-col {
  z-index: 4;
  background: #f2f2ec;
}

.stock-style-row.expanded .stock-product-col,
.stock-style-row.expanded > td {
  background: #fbfbf8;
}

.stock-ledger-table > tbody > tr.stock-style-row > td {
  vertical-align: middle;
}

.stock-product-cell {
  width: 100%;
  min-height: 44px;
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
}

.stock-expand-button {
  flex: 0 0 auto;
  width: 32px;
  min-height: 32px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  padding: 4px;
  color: var(--text);
  cursor: pointer;
}

.stock-expand-button:hover,
.stock-expand-button:focus-visible {
  background: #f1f4f2;
  outline: none;
}

.stock-disclosure {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.stock-product-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.stock-product-link {
  color: var(--text);
  font-weight: 800;
  text-decoration: none;
  overflow-wrap: anywhere;
  line-height: 1.3;
}

.stock-product-link:hover,
.stock-product-link:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}

.stock-product-main small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.stock-product-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 2px;
}

.stock-product-mini span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.stock-colorway-strip,
.stock-colorway-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.stock-colorway-strip {
  margin-top: 4px;
}

.stock-colorway-legend {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.stock-colorway-chip,
.stock-colorway-more {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  padding: 3px 8px 3px 4px;
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.stock-colorway-chip-text {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.stock-colorway-chip-text strong {
  max-width: 122px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stock-colorway-chip-text small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.stock-colorway-more {
  padding-left: 9px;
  color: var(--muted);
}

.stock-color-swatch {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border: 1px solid rgba(28, 31, 29, 0.18);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.stock-colorway-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 170px;
}

.stock-colorway-cell > span:last-child {
  display: grid;
  gap: 2px;
}

.stock-colorway-cell strong,
.stock-colorway-cell small {
  display: block;
}

.stock-colorway-cell small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.stock-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(28, 31, 29, 0.38);
}

.stock-product-modal {
  width: min(1180px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 24px 70px rgba(28, 31, 29, 0.22);
  outline: none;
}

.stock-modal-head {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  background: #fbfbf8;
  border-bottom: 1px solid var(--line);
}

.stock-modal-head h2 {
  margin: 2px 0 0;
  font-size: 22px;
}

.stock-modal-head p:not(.eyebrow) {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.stock-modal-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.stock-modal-metric {
  min-height: 38px;
  display: inline-grid;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 6px 10px;
}

.stock-modal-metric strong,
.stock-modal-metric small {
  display: block;
}

.stock-modal-metric strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
}

.stock-modal-metric small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-modal-close {
  width: 44px;
  min-height: 44px;
  flex: 0 0 auto;
  border-radius: 8px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
}

.stock-modal-body {
  display: grid;
  gap: 18px;
  min-height: 0;
  overflow: auto;
  padding: 18px 20px;
}

.stock-sheet-section {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.stock-sheet-section h3 {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-product-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.stock-info-panel {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.stock-info-panel h3 {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-definition-list {
  display: grid;
  gap: 7px;
  margin: 0;
}

.stock-definition-list div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(92px, 0.6fr) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.stock-definition-list dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-definition-list dd {
  min-width: 0;
  margin: 0;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.stock-overview-channel {
  margin-bottom: 9px;
}

.stock-product-channel-list {
  display: grid;
  gap: 8px;
}

.stock-product-channel-card,
.stock-channel-empty {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 10px;
}

.stock-product-channel-card strong,
.stock-product-channel-card span {
  display: block;
}

.stock-product-channel-card > strong {
  font-size: 13px;
}

.stock-product-channel-card > span,
.stock-channel-empty {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.stock-product-channel-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 9px 0 0;
}

.stock-product-channel-card dl div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fbfbf8;
  padding: 7px;
}

.stock-product-channel-card dt,
.stock-product-channel-card dd {
  margin: 0;
}

.stock-product-channel-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-product-channel-card dd {
  margin-top: 2px;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.stock-colorway-card-list {
  display: grid;
  gap: 12px;
}

.stock-product-colorway-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.stock-colorway-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fbfbf8;
  border-bottom: 1px solid var(--line);
}

.stock-colorway-title,
.stock-inline-colorway {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.stock-colorway-title h4 {
  margin: 0;
  font-size: 15px;
}

.stock-colorway-title small,
.stock-inline-colorway small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.stock-colorway-card-total {
  flex: 0 0 auto;
  display: grid;
  justify-items: end;
  gap: 2px;
}

.stock-colorway-card-total strong {
  font-size: 18px;
  line-height: 1;
}

.stock-colorway-card-total span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-colorway-card-total small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.stock-colorway-size-table {
  min-width: 760px;
  border: 0;
}

.stock-colorway-size-table th,
.stock-colorway-size-table td {
  border-width: 0 1px 1px 0;
  text-align: center;
}

.stock-colorway-size-table th:first-child {
  width: 94px;
  text-align: left;
}

.stock-colorway-size-table th:last-child,
.stock-colorway-size-table td:last-child {
  border-right: 0;
}

.stock-colorway-total-row th,
.stock-colorway-total-row td {
  background: #fbfbf8;
  font-weight: 900;
}

.stock-colorway-size-table td strong,
.stock-colorway-size-table td span,
.stock-colorway-size-table td small {
  display: block;
}

.stock-colorway-size-table td strong {
  font-size: 17px;
}

.stock-colorway-size-table td span,
.stock-colorway-size-table td small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.stock-colorway-size-table td.is-empty {
  color: #b7b8b0;
  font-weight: 800;
}

.stock-product-modal table {
  font-size: 12px;
}

.stock-product-modal th,
.stock-product-modal td {
  border: 1px solid var(--line);
  padding: 8px 9px;
  vertical-align: top;
}

.stock-product-modal th {
  background: #eef1eb;
}

.stock-sheet-summary td:first-child {
  width: 180px;
  background: #f8f8f4;
  color: var(--muted);
  font-weight: 800;
}

.stock-product-modal .sheet-scroll {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
}

.stock-product-modal .sheet-scroll table {
  min-width: 1180px;
  border: 0;
}

.stock-product-sku-table th,
.stock-product-sku-table td {
  vertical-align: top;
}

.stock-product-sku-table {
  width: max-content;
  min-width: 900px;
  table-layout: fixed;
}

.stock-product-modal .sheet-scroll .stock-product-sku-table {
  min-width: 900px;
}

.stock-product-sku-table .stock-sku-option-col {
  width: 180px;
}

.stock-product-sku-table .stock-sku-code-col {
  width: 230px;
}

.stock-product-sku-table .stock-sku-qty-col {
  width: 64px;
}

.stock-product-sku-table .stock-sku-online-col {
  width: 78px;
}

.stock-product-sku-table .stock-sku-status-col {
  width: 122px;
}

.stock-product-sku-table th,
.stock-product-sku-table td {
  padding: 7px 6px;
}

.stock-product-sku-table th.num,
.stock-product-sku-table .stock-plain-number {
  text-align: center;
  vertical-align: middle;
}

.stock-plain-number {
  font-variant-numeric: tabular-nums;
}

.stock-plain-number.has-stock {
  color: var(--text);
  font-weight: 900;
}

.stock-plain-number.is-zero {
  color: #b7b8b0;
}

.stock-plain-number.online.has-stock {
  color: #335d7d;
}

.stock-plain-number.receiving.has-stock {
  color: #7b5b21;
}

.stock-plain-number.non-selling.has-stock {
  color: #5f6661;
}

.stock-variant-cell,
.stock-code-cell,
.stock-number-stack {
  min-width: 0;
}

.stock-number-stack {
  display: grid;
  gap: 5px;
}

.stock-variant-cell,
.stock-code-cell {
  display: table-cell;
}

.stock-variant-cell > span:not(.stock-inline-colorway) {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.stock-inline-colorway strong,
.stock-code-cell strong,
.stock-number-stack strong {
  color: var(--text);
  font-weight: 900;
}

.stock-code-cell span,
.stock-code-cell small,
.stock-number-stack span,
.stock-number-stack small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.stock-location-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 170px;
}

.stock-location-pill {
  min-height: 32px;
  min-width: 72px;
  display: grid;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 5px 7px;
}

.stock-location-pill strong,
.stock-location-pill small {
  display: block;
}

.stock-location-pill strong {
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.stock-location-pill small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stock-location-pill.is-zero {
  color: #b7b8b0;
  background: #fbfbf8;
}

.stock-product-modal .sheet-scroll th:first-child,
.stock-product-modal .sheet-scroll td:first-child {
  border-left: 0;
}

.stock-product-modal .sheet-scroll th:last-child,
.stock-product-modal .sheet-scroll td:last-child {
  border-right: 0;
}

.stock-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.stock-modal-footer strong,
.stock-modal-footer span {
  display: block;
}

.stock-modal-footer span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.stock-delete-product {
  width: fit-content;
  min-height: 44px;
  border-color: #e2b4b4;
  background: #fff8f8;
  color: var(--danger);
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 800;
}

.stock-number {
  font-variant-numeric: tabular-nums;
}

.stock-number.has-stock {
  color: var(--text);
  font-weight: 800;
}

.stock-number.is-zero {
  color: #b7b8b0;
}

.stock-number.available.has-stock {
  color: var(--ok);
}

.stock-number.available.is-zero {
  color: var(--danger);
  font-weight: 800;
}

.stock-number.transferable.has-stock {
  color: #2f5e54;
}

.stock-number.transferable.is-zero {
  color: var(--warn);
  font-weight: 800;
}

.stock-number.receiving.has-stock {
  color: #7b5b21;
}

.stock-number.non-selling.has-stock {
  color: #5f6661;
}

.stock-number.allocated.has-stock {
  color: #335d7d;
}

.stock-channel-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.stock-channel-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--muted);
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.stock-channel-badge.channel-flow {
  max-width: 210px;
  align-items: flex-start;
  flex-direction: column;
  gap: 1px;
  border-radius: 8px;
  line-height: 1.2;
  white-space: normal;
}

.stock-channel-badge.channel-flow strong,
.stock-channel-badge.channel-flow small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stock-channel-badge.channel-flow small {
  opacity: 0.76;
  font-size: 10px;
  font-weight: 800;
}

.stock-channel-badge.mapped,
.stock-channel-badge.synced {
  border-color: #b8dac8;
  background: #edf7f1;
  color: var(--ok);
}

.stock-channel-badge.pending_push,
.stock-channel-badge.remote_unknown,
.stock-channel-badge.paused,
.stock-channel-badge.idle {
  border-color: #ead4a7;
  background: #fff8e7;
  color: var(--warn);
}

.stock-channel-badge.unmapped,
.stock-channel-badge.failed,
.stock-channel-badge.conflict {
  border-color: #e2b4b4;
  background: #fff0f0;
  color: var(--danger);
}

.stock-style-detail-row > td {
  padding: 0;
  background: #fbfbf8;
}

.stock-style-detail {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-top: 1px solid var(--line);
}

.stock-detail-block {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.stock-detail-title {
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.stock-style-detail table {
  width: 100%;
  min-width: 0;
  background: var(--surface);
}

.matrix-table.compact td strong {
  font-size: 15px;
}

.sku-detail-table td span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.table-scroll {
  position: relative;
  max-width: 100%;
  min-width: 0;
  overflow: auto;
}

.table-scroll table {
  min-width: 1080px;
}

.table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f7f6f2;
  box-shadow: 0 1px 0 var(--line);
  white-space: nowrap;
}

.table-scroll tbody th[scope="row"] {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-transform: none;
}

.work-form {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.movement-availability {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
}

.movement-availability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.movement-availability-grid span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 8px;
}

.movement-availability-grid strong,
.movement-availability-grid em {
  display: block;
}

.movement-availability-grid strong {
  overflow: hidden;
  color: var(--text);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.movement-availability-grid em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.movement-availability-grid.blocked span:last-child {
  border-color: #e2b4b4;
  background: #fff8f8;
}

.movement-availability p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.movement-availability-grid.blocked + p {
  color: var(--danger);
}

.product-form {
  align-content: start;
}

.product-create-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 18px;
  align-items: start;
}

.product-create-step {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 0 0 18px;
  border-bottom: 1px solid #edf0eb;
}

.product-create-step:last-of-type {
  border-bottom: 0;
}

.product-create-step-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.product-create-step-head > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.product-create-step-head h3,
.product-create-step-head p {
  margin: 0;
}

.product-create-step-head h3 {
  font-size: 15px;
}

.product-create-step-head p {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.product-create-sidebar {
  position: sticky;
  top: 18px;
  min-width: 0;
}

.product-edit-panel {
  margin-bottom: 16px;
}

.product-edit-panel-simple {
  display: grid;
  gap: 14px;
}

.product-edit-simple-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.product-edit-simple-header h2 {
  margin: 4px 0 0;
  font-size: 22px;
}

.product-edit-simple-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.product-edit-simple-meta div {
  min-height: 30px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  padding: 5px 9px;
}

.product-edit-simple-meta dt,
.product-edit-simple-meta dd {
  margin: 0;
  font-size: 11px;
  font-weight: 900;
}

.product-edit-simple-meta dt {
  color: var(--muted);
}

.product-edit-simple-meta dd {
  color: var(--text);
}

.product-edit-simple-form {
  display: grid;
  gap: 10px;
}

.product-edit-form-section {
  scroll-margin-top: 16px;
}

.product-edit-section-intro {
  display: grid;
  gap: 3px;
}

.product-edit-section-intro h3,
.product-edit-section-intro p {
  margin: 0;
}

.product-edit-section-intro h3 {
  color: var(--text);
  font-size: 16px;
}

.product-edit-section-intro p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-edit-section.product-edit-details {
  padding: 0;
  overflow: hidden;
}

.product-edit-details summary {
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 14px;
}

.product-edit-details summary::-webkit-details-marker {
  display: none;
}

.product-edit-details summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-weight: 900;
}

.product-edit-details[open] summary::after {
  content: "-";
}

.product-edit-details summary span,
.product-edit-details summary small {
  min-width: 0;
}

.product-edit-details summary span {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
}

.product-edit-details summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-edit-details > :not(summary) {
  margin: 0 14px 14px;
}

.product-edit-panel-simple .product-edit-savebar {
  position: static;
  bottom: auto;
  z-index: auto;
  box-shadow: none;
}

.product-edit-topbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  padding: 10px;
  box-shadow: 0 10px 24px rgba(28, 33, 29, 0.08);
}

.product-edit-primary-status {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.product-edit-primary-status .status {
  justify-self: start;
}

.product-edit-primary-status span {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.product-edit-jumpnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.product-edit-jumpnav a {
  min-height: 36px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  color: var(--text);
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.product-edit-jumpnav a:hover,
.product-edit-jumpnav a:focus-visible {
  border-color: var(--accent);
  background: #f3faf7;
  color: var(--accent);
}

.product-edit-operation-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}

.product-edit-operation-card {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
  color: var(--text);
  text-decoration: none;
}

.product-edit-operation-card:hover,
.product-edit-operation-card:focus-visible {
  border-color: var(--accent);
  background: #f3faf7;
}

.product-edit-operation-card.is-warning {
  border-color: #dfca91;
  background: #fffaf0;
}

.product-edit-operation-card.is-ready {
  border-color: #bdd5c7;
  background: #f7faf7;
}

.product-edit-operation-card span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-edit-operation-card strong {
  min-width: 0;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-edit-operation-card em {
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 2px 7px;
  color: var(--text);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}

.product-edit-operation-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.image-boundary-guide,
.pim-asset-boundary-glossary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.pim-asset-boundary-glossary {
  margin-top: 0;
}

.product-create-step .image-boundary-guide {
  margin: 0;
}

.image-boundary-guide article,
.pim-asset-boundary-glossary article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
}

.image-boundary-guide span,
.pim-asset-boundary-glossary span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.image-boundary-guide strong,
.pim-asset-boundary-glossary strong {
  color: var(--text);
  font-size: 13px;
}

.image-boundary-guide small,
.pim-asset-boundary-glossary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.product-edit-workspace {
  display: grid;
  grid-template-columns: minmax(230px, 0.34fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.product-edit-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.product-edit-status-list,
.product-launch-gate-panel,
.product-edit-meta-grid,
.product-edit-section,
.product-edit-savebar,
.product-channel-empty {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.product-edit-status-list {
  display: grid;
  gap: 8px;
  padding: 13px;
}

.product-edit-status-list > strong {
  color: var(--text);
  font-size: 13px;
}

.product-edit-status-list > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(42px, auto) minmax(0, 1fr);
  gap: 3px 8px;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #ecefe8;
}

.product-edit-status-list > div:first-of-type {
  border-top: 0;
}

.product-edit-status-list span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-edit-status-list em {
  min-width: 0;
  color: var(--text);
  font-style: normal;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-edit-status-list .status {
  justify-self: start;
}

.product-edit-status-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.product-launch-gate-panel {
  display: grid;
  gap: 10px;
  padding: 13px;
}

.product-launch-gate-panel.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.product-launch-gate-panel.at_risk {
  border-color: #ead7b8;
  background: #fffbf2;
}

.product-launch-gate-panel header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 8px;
  align-items: center;
}

.product-launch-gate-panel header span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-launch-gate-panel header strong {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--text);
  font-size: 28px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.product-launch-gate-panel header small,
.product-launch-gate-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.product-launch-gate-list {
  display: grid;
  gap: 6px;
}

.product-launch-gate {
  min-height: 54px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px;
  text-align: left;
}

.product-launch-gate:hover,
.product-launch-gate:focus-visible {
  border-color: #9aa292;
  background: #fbfbf8;
}

.product-launch-gate span {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 1px 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.product-launch-gate strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
}

.product-launch-gate small {
  grid-column: 2;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.product-launch-gate.ready span {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: var(--accent);
}

.product-launch-gate.missing.critical span {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.product-launch-gate.missing.warning span {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.product-launch-actions {
  display: grid;
  gap: 6px;
}

.product-launch-actions button {
  min-height: 36px;
}

.product-launch-actions button.workflow-start,
.product-launch-actions button.workflow-view {
  border-color: #a9b8aa;
  background: #f6faf5;
  color: var(--accent);
  font-weight: 800;
}

.product-edit-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 13px;
}

.product-edit-meta-grid div {
  min-width: 0;
}

.product-edit-meta-grid dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-edit-meta-grid dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.product-edit-main {
  min-width: 0;
}

.product-edit-section {
  display: grid;
  gap: 12px;
  min-width: 0;
  scroll-margin-top: 92px;
  padding: 14px;
}

.product-edit-section-head {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.product-edit-section-head > span {
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-edit-section-head h3,
.product-edit-section-head p {
  margin: 0;
}

.product-edit-section-head h3 {
  font-size: 15px;
}

.product-edit-section-head p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.pricing-save-note {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
  align-items: center;
  border: 1px solid #d9d6ca;
  border-radius: 8px;
  background: var(--surface);
  padding: 9px 10px;
}

.pricing-save-note strong {
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-save-note span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-image-workbench {
  display: grid;
  grid-template-columns: minmax(140px, 0.22fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  min-width: 0;
}

.product-image-preview {
  min-height: 118px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.product-image-preview img {
  width: 100%;
  height: 100%;
  min-height: 118px;
  object-fit: cover;
  display: block;
}

.product-image-preview.is-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 12px;
  color: var(--muted);
  text-align: center;
}

.product-image-preview.is-empty strong {
  color: var(--text);
  font-size: 13px;
}

.product-image-preview.is-empty span {
  font-size: 11px;
  font-weight: 800;
}

.section-note {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}

.product-edit-colorway-assets {
  display: grid;
  gap: 12px;
}

.product-edit-colorway-asset {
  display: grid;
  grid-template-columns: minmax(120px, 0.18fr) minmax(0, 1fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.product-edit-colorway-asset-preview {
  min-height: 150px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f5f4ef;
  color: var(--muted);
  text-align: center;
  font-size: 11px;
  font-weight: 900;
}

.product-edit-colorway-asset-preview img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  display: block;
}

.product-edit-colorway-asset-fields {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.product-edit-colorway-asset-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.product-edit-colorway-asset-head strong {
  display: inline-flex;
  min-width: 0;
  gap: 7px;
  align-items: center;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.product-edit-colorway-asset-head small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.product-edit-snapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.product-edit-snapshot > div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 10px;
}

.product-edit-snapshot span,
.product-edit-snapshot small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.product-edit-snapshot strong {
  display: block;
  margin: 4px 0;
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.product-edit-sku-table table {
  min-width: 720px;
}

.product-edit-sku-table code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.product-channel-list {
  display: grid;
  gap: 8px;
}

.product-channel-list article {
  display: grid;
  grid-template-columns: auto minmax(120px, 0.3fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 10px;
}

.product-channel-list strong {
  color: var(--text);
}

.product-channel-list span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-channel-empty {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.product-channel-empty strong {
  color: var(--text);
}

.product-channel-empty span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-channel-empty button {
  justify-self: start;
}

.product-syndication-workbench {
  background: #fcfcf8;
}

.product-syndication-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.product-syndication-summary article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 10px;
}

.product-syndication-summary span,
.product-syndication-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.product-syndication-summary strong {
  display: block;
  margin: 4px 0;
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.product-syndication-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.product-syndication-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.product-syndication-card.is-blocked {
  border-color: #ead7b8;
  background: #fffbf2;
}

.product-syndication-card.is-ready_to_publish {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.product-syndication-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.product-syndication-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.product-syndication-card header strong {
  color: var(--text);
  font-size: 14px;
}

.product-syndication-card header span,
.product-syndication-card dt,
.product-syndication-blockers small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.product-syndication-card header em {
  color: var(--text);
  font-style: normal;
  font-size: 22px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.product-syndication-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.product-syndication-card dl div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 8px;
}

.product-syndication-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.product-syndication-blockers {
  display: grid;
  gap: 6px;
}

.product-syndication-blockers div {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 8px;
}

.product-syndication-blockers strong {
  display: block;
  color: var(--text);
  font-size: 12px;
}

.cms-page-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.cms-page-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.cms-page-list-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.cms-page-list-head strong {
  color: var(--text);
  font-size: 13px;
}

.cms-page-list-head button {
  min-height: 34px;
  padding: 6px 9px;
  font-size: 12px;
}

.cms-page-item {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
  text-align: left;
}

.cms-page-item:hover,
.cms-page-item:focus-visible,
.cms-page-item.active {
  border-color: #9aa292;
  background: var(--surface);
}

.cms-page-item.active {
  box-shadow: inset 3px 0 0 var(--accent);
}

.cms-page-item span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-page-item strong {
  min-width: 0;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cms-page-item small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.cms-page-item .status {
  justify-self: start;
}

.cms-page-editor {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.cms-page-editor-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.cms-page-editor-head h3,
.cms-page-editor-head p {
  margin: 0;
}

.cms-page-editor-head h3 {
  font-size: 16px;
}

.cms-page-editor-head .status {
  flex: 0 0 auto;
}

.cms-page-actions {
  align-items: center;
}

.cms-block-composer {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.cms-block-composer-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.cms-block-composer-head div {
  display: grid;
  gap: 3px;
}

.cms-block-composer-head span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-block-composer-head strong {
  color: var(--text);
  font-size: 13px;
}

.cms-block-composer-head small,
.cms-block-composer-head em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.cms-block-list {
  display: grid;
  gap: 10px;
}

.cms-block-row {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.cms-block-row.is-new {
  border-style: dashed;
}

.cms-block-row-head,
.cms-block-fields {
  display: grid;
  grid-template-columns: minmax(120px, 0.5fr) minmax(160px, 1fr) minmax(90px, 0.4fr);
  gap: 10px;
  align-items: end;
}

.cms-block-row-head strong {
  align-self: center;
  color: var(--text);
  font-size: 12px;
}

.cms-block-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cms-block-fields .full {
  grid-column: 1 / -1;
}

.cms-page-preview-card {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.cms-page-preview-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.cms-page-preview-head span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-page-preview-head strong {
  color: var(--text);
  font-size: 12px;
}

.cms-page-preview-shell {
  display: grid;
  grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);
  min-height: 230px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.cms-page-preview-hero {
  min-height: 230px;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--line);
  background: #fff;
}

.cms-page-preview-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cms-page-preview-empty {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-page-preview-body {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 16px;
}

.cms-page-preview-body span,
.cms-page-preview-body small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.cms-page-preview-body h4,
.cms-page-preview-body p,
.cms-page-preview-body strong {
  margin: 0;
}

.cms-page-preview-body h4 {
  color: var(--text);
  font-size: 24px;
  line-height: 1.08;
}

.cms-page-preview-body strong {
  color: var(--text);
  font-size: 13px;
}

.cms-page-preview-body p {
  color: var(--muted);
  line-height: 1.5;
}

.cms-block-preview {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.cms-block-preview span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-block-preview img {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.cms-block-preview em {
  justify-self: start;
  border: 1px solid var(--text);
  color: var(--text);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  padding: 5px 8px;
}

.cms-page-danger-zone {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  border: 1px solid #efc8c2;
  border-radius: 8px;
  background: #fff8f6;
  padding: 12px;
}

.cms-page-danger-zone div {
  display: grid;
  gap: 3px;
}

.cms-page-danger-zone strong {
  color: #8f261b;
}

.cms-page-danger-zone span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-edit-savebar {
  position: sticky;
  bottom: 12px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 11px;
  box-shadow: 0 12px 28px rgba(28, 33, 29, 0.08);
}

.product-edit-savebar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-name-link {
  width: 100%;
  display: grid;
  gap: 2px;
  border: 0;
  background: transparent;
  padding: 4px;
  color: var(--text);
  text-align: left;
}

.product-name-link strong {
  color: var(--text);
  font-size: 13px;
}

.product-name-link:hover strong,
.product-name-link:focus-visible strong {
  text-decoration: underline;
}

.product-name-link span,
.product-name-link small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-name-link small {
  color: var(--accent);
}

.product-master-actions {
  min-width: 210px;
}

.product-master-actions > strong,
.product-master-actions > span {
  display: block;
}

.product-master-actions > strong {
  color: var(--text);
  font-size: 13px;
}

.product-master-actions > span {
  max-width: 240px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.product-master-actions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.product-master-actions button {
  min-height: 36px;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 800;
}

.product-edit-colorways {
  display: grid;
  gap: 10px;
}

.product-edit-colorways label {
  display: grid;
  grid-template-columns: minmax(170px, 0.35fr) minmax(150px, 0.3fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.product-edit-colorways label > span {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.image-upload-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  gap: 10px;
  align-items: end;
}

.image-upload-row label {
  min-width: 0;
}

.file-upload {
  display: grid;
  align-content: end;
  min-height: 100%;
  border: 1px dashed var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 9px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.file-upload input,
.inline-file-input {
  width: 100%;
  min-height: 34px;
  margin-top: 5px;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 11px;
}

.product-danger-zone {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-top: 18px;
  border: 1px solid #e2b4b4;
  border-radius: 8px;
  background: #fff8f8;
  padding: 14px;
}

.product-danger-zone h3,
.product-danger-zone p {
  margin: 0;
}

.product-danger-zone h3 {
  color: var(--danger);
  font-size: 14px;
}

.product-danger-zone p {
  margin-top: 4px;
  color: #8a4b45;
  font-size: 12px;
}

.product-master-preview {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 16px;
}

.product-preview-head {
  min-width: 0;
}

.product-preview-head h3,
.product-preview-head p {
  margin: 0;
}

.product-preview-head h3 {
  margin-top: 4px;
  overflow: hidden;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-preview-head > span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.product-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.product-preview-grid div,
.product-preview-policy div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 10px;
}

.product-preview-grid span,
.product-preview-policy span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.product-preview-grid strong,
.product-preview-policy strong {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-preview-grid small,
.product-preview-policy small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-preview-policy {
  display: grid;
  gap: 8px;
}

.alias-preview-list {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.alias-preview-rows {
  display: grid;
  gap: 7px;
  max-height: min(360px, 42vh);
  min-width: 0;
  overflow-y: auto;
  padding-right: 3px;
  overscroll-behavior: contain;
}

.alias-preview-head,
.alias-preview-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.alias-preview-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.alias-preview-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 8px 10px;
}

.alias-preview-row > span {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.alias-preview-row code {
  color: var(--text);
  font-size: 11px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.full {
  grid-column: 1 / -1;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.option-field,
.size-field {
  display: grid;
  gap: 10px;
  min-width: 0;
  min-inline-size: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
  margin: 0;
}

.option-field > *,
.size-field > * {
  min-width: 0;
}

.option-field legend,
.size-field legend {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  padding: 0 4px;
}

.option-field textarea {
  min-height: 108px;
  line-height: 1.45;
}

.option-entry-grid {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.colorway-entry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
  gap: 10px;
  align-items: end;
}

.option-entry-grid button,
.colorway-entry-grid button {
  min-width: 104px;
}

.option-code-hint {
  min-height: 18px;
  color: var(--muted);
  font-size: 12px;
}

.option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.option-token {
  min-height: 40px;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 6px 7px 6px 10px;
}

.option-token.colorway-token {
  grid-template-columns: auto auto minmax(160px, auto) auto;
}

.option-token-main {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.option-token span {
  font-weight: 800;
}

.option-token small {
  color: var(--muted);
  font-size: 11px;
}

.option-token code {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  padding: 3px 7px;
  color: var(--muted);
  font-size: 11px;
}

button.small {
  min-height: 30px;
  padding: 4px 8px;
  font-size: 12px;
}

button.danger {
  border-color: #e2c4c4;
  color: var(--danger);
}

.confirm-dialog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  background: rgba(24, 24, 22, 0.34);
  padding: 20px;
}

.confirm-dialog {
  width: min(520px, calc(100vw - 32px));
  display: grid;
  gap: 14px;
  border: 1px solid #d4d1c8;
  border-top: 4px solid var(--accent);
  border-radius: 8px;
  background: var(--surface);
  padding: 18px;
  box-shadow: 0 24px 60px rgba(25, 24, 21, 0.22);
}

.confirm-dialog.is-danger {
  border-top-color: var(--danger);
}

.confirm-dialog span {
  color: var(--danger);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.confirm-dialog h2 {
  margin: 4px 0 0;
  font-size: 18px;
}

.confirm-dialog p {
  margin: 8px 0 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
}

.prompt-dialog-field {
  display: grid;
  gap: 8px;
}

.prompt-dialog-field span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
}

.prompt-dialog-field textarea {
  min-height: 92px;
  resize: vertical;
}

.confirm-dialog ul {
  display: grid;
  gap: 7px;
  margin: 0;
  border: 1px solid #e2ded3;
  border-radius: 7px;
  background: #fbfbf8;
  padding: 12px 14px 12px 28px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.confirm-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

button.secondary {
  background: #fbfbf8;
}

button.approval {
  border-color: #b8cfc9;
  color: var(--accent);
  font-weight: 800;
}

.empty-inline {
  color: var(--muted);
  font-size: 13px;
}

.size-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 8px;
}

.size-check {
  min-height: 54px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fbfbf8;
  padding: 9px;
  color: var(--text);
}

.size-check input {
  width: 16px;
  min-height: 16px;
  grid-row: 1 / 3;
}

.size-check span {
  font-size: 13px;
  font-weight: 800;
}

.size-check small {
  color: var(--muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.receiving-panel,
.transfer-panel,
.wms-putaway-panel,
.wms-pick-wave-panel,
.wms-scan-panel,
.pricing-panel {
  overflow: hidden;
}

.wms-scan-panel {
  display: grid;
  gap: 12px;
}

.wms-scan-form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.wms-scan-summary,
.wms-scan-policy-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.wms-scan-summary article,
.wms-scan-policy-strip article,
.wms-scan-match-card,
.wms-scan-recent-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
}

.wms-scan-summary article,
.wms-scan-policy-strip article {
  display: grid;
  gap: 5px;
}

.wms-scan-summary span,
.wms-scan-policy-strip span,
.wms-scan-match-card header span,
.wms-scan-match-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-scan-summary strong {
  font-size: 20px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-scan-summary small,
.wms-scan-policy-strip p,
.wms-scan-match-card small,
.wms-scan-recent-row small {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.wms-scan-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.75fr);
  gap: 12px;
}

.wms-scan-layout > article,
.wms-scan-match-list,
.wms-scan-recent-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.wms-scan-match-card {
  display: grid;
  gap: 10px;
}

.wms-scan-match-card.is-pick_ready,
.wms-scan-match-card.is-stock_found {
  border-color: #b9dccb;
  background: #f7fbf7;
}

.wms-scan-match-card.is-putaway_ready,
.wms-scan-match-card.is-wave_candidate {
  border-color: #ead7a6;
  background: #fffdf5;
}

.wms-scan-match-card header,
.wms-scan-match-card footer,
.wms-scan-recent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.wms-scan-match-card header div,
.wms-scan-recent-row {
  min-width: 0;
}

.wms-scan-match-card header strong,
.wms-scan-recent-row strong {
  display: block;
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.wms-scan-match-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-scan-match-card dl div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.wms-scan-match-card dd {
  margin: 0;
  font-size: 12px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.wms-scan-balance-chips,
.wms-scan-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wms-scan-balance-chips span,
.wms-scan-context-strip span {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  padding: 4px 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.wms-scan-balance-chips strong {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.wms-scan-recent-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.wms-transfer-control {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  margin-bottom: 14px;
  min-width: 0;
}

.wms-transfer-summary,
.wms-transfer-lanes,
.wms-transfer-policy-strip,
.wms-transfer-pairs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.wms-transfer-summary article,
.wms-transfer-lanes article,
.wms-transfer-policy-strip article,
.wms-transfer-pairs article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
}

.wms-transfer-summary span,
.wms-transfer-lanes span,
.wms-transfer-policy-strip span,
.wms-transfer-pairs span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-transfer-summary strong,
.wms-transfer-lanes strong,
.wms-transfer-pairs strong {
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.wms-transfer-summary small,
.wms-transfer-lanes small,
.wms-transfer-policy-strip p,
.wms-transfer-pairs small {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.wms-transfer-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.25fr 1fr;
  gap: 12px;
  min-width: 0;
}

.wms-transfer-layout > article {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.wms-transfer-layout h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.wms-transfer-task-list,
.wms-transfer-recent-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.wms-transfer-task-row,
.wms-transfer-recent-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(120px, 0.8fr) 72px auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.wms-transfer-task-row.is-critical,
.wms-transfer-task-row.is-urgent {
  border-color: rgba(180, 68, 56, 0.45);
  background: #fff8f6;
}

.wms-transfer-task-row.is-warning {
  border-color: rgba(173, 122, 43, 0.42);
  background: #fffaf0;
}

.wms-transfer-task-row strong,
.wms-transfer-recent-row strong {
  font-size: 12px;
  font-weight: 900;
}

.wms-transfer-task-row small,
.wms-transfer-task-row span,
.wms-transfer-recent-row span,
.wms-transfer-recent-row small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.wms-transfer-task-row em,
.wms-transfer-recent-row em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.wms-transfer-task-row button {
  min-height: 34px;
  white-space: nowrap;
}

.receiving-matrix-form,
.transfer-matrix-form,
.pricing-form {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.receiving-controls,
.transfer-controls,
.pricing-controls {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(220px, 0.42fr);
  gap: 10px;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.transfer-controls {
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 0.55fr) auto minmax(180px, 0.55fr);
}

.pricing-controls {
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 0.45fr) auto;
}

.receiving-controls .full,
.transfer-controls .full {
  grid-column: 1 / -1;
}

.receiving-matrix-wrap table,
.transfer-matrix-wrap table,
.pricing-table {
  min-width: 760px;
}

.receiving-matrix-table th,
.receiving-matrix-table td,
.transfer-matrix-table th,
.transfer-matrix-table td,
.pricing-table th,
.pricing-table td {
  vertical-align: middle;
}

.receiving-matrix-table th:first-child,
.transfer-matrix-table th:first-child,
.pricing-table th:first-child {
  min-width: 220px;
}

.receiving-qty-input,
.transfer-qty-input,
.pricing-input {
  width: 92px;
  min-height: 36px;
  margin-left: auto;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.transfer-qty-input.is-over {
  border-color: var(--danger);
  box-shadow: 0 0 0 2px rgba(180, 68, 56, 0.12);
}

.pricing-input {
  width: 128px;
}

.receiving-empty-cell,
.transfer-empty-cell {
  color: #b7b8b0;
  text-align: center;
  font-weight: 800;
}

.receiving-row-total,
.receiving-col-total,
.receiving-grand-total,
.transfer-row-total,
.transfer-col-total,
.transfer-grand-total {
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.transfer-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.transfer-row-head button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 6px 9px;
  font-size: 11px;
}

.transfer-matrix-cell {
  text-align: right;
}

.transfer-matrix-cell small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.transfer-matrix-cell.is-empty small {
  color: #b7b8b0;
}

@media (max-width: 760px) {
  .wms-transfer-task-row,
  .wms-transfer-recent-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .wms-transfer-task-row em,
  .wms-transfer-recent-row em {
    text-align: left;
  }
}

.putaway-flow-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.putaway-flow-guide article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
}

.putaway-flow-guide span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.putaway-flow-guide strong {
  font-size: 13px;
  font-weight: 900;
}

.putaway-flow-guide small {
  color: var(--muted);
  font-size: 12px;
}

.putaway-table {
  min-width: 980px;
}

.putaway-table td {
  vertical-align: middle;
}

.wms-pick-wave-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
  gap: 12px;
  align-items: start;
}

.wms-pick-wave-grid > article {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.wms-dispatch-panel {
  overflow: hidden;
}

.wms-dispatch-summary,
.wms-dispatch-lanes,
.wms-dispatch-policy-strip {
  display: grid;
  gap: 10px;
}

.wms-dispatch-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 12px;
}

.wms-dispatch-lanes {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 14px;
}

.wms-dispatch-summary article,
.wms-dispatch-lanes article,
.wms-dispatch-policy-strip article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.wms-dispatch-summary article.has-work,
.wms-dispatch-lanes article.is-warning {
  border-color: #e2c38c;
  background: #fffaf0;
}

.wms-dispatch-lanes article.is-critical {
  border-color: #e2b4b4;
  background: #fff8f8;
}

.wms-dispatch-summary span,
.wms-dispatch-lanes span,
.wms-dispatch-policy-strip span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.wms-dispatch-summary strong,
.wms-dispatch-lanes > article > strong {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.1;
}

.wms-dispatch-summary small,
.wms-dispatch-lanes p,
.wms-dispatch-policy-strip p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
}

.wms-dispatch-lanes header,
.wms-dispatch-manifest-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.wms-dispatch-lanes ul,
.wms-dispatch-manifest-card ul {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.wms-dispatch-lanes li,
.wms-dispatch-manifest-card li {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(78px, 0.3fr) minmax(0, 1fr) minmax(70px, 0.32fr);
  gap: 7px;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-top: 6px;
}

.wms-dispatch-lanes li strong,
.wms-dispatch-manifest-card li strong {
  overflow-wrap: anywhere;
  font-size: 11px;
}

.wms-dispatch-lanes li em,
.wms-dispatch-manifest-card li em,
.wms-dispatch-manifest-card span {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.wms-dispatch-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.38fr) minmax(0, 0.62fr);
  gap: 12px;
  align-items: start;
}

.wms-dispatch-layout > article {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.wms-dispatch-manifest-list {
  display: grid;
  gap: 10px;
}

.wms-dispatch-manifest-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
}

.wms-dispatch-manifest-card strong {
  display: block;
  font-size: 13px;
}

.wms-dispatch-manifest-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.wms-dispatch-manifest-card dl div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

.wms-dispatch-manifest-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.wms-dispatch-manifest-card dd {
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: 950;
}

.wms-dispatch-shipment-table table {
  min-width: 980px;
}

.wms-dispatch-shipment-table td {
  vertical-align: top;
}

.wms-dispatch-policy-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.panel-subhead {
  display: grid;
  gap: 2px;
}

.panel-subhead h3 {
  margin: 0;
  font-size: 14px;
}

.pick-wave-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.pick-wave-card.released {
  background: var(--surface);
}

.pick-wave-card > div:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pick-wave-card strong {
  display: block;
  font-size: 13px;
}

.pick-wave-card span,
.pick-wave-card em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.pick-wave-card ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pick-wave-card li {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(96px, 0.35fr) minmax(0, 1fr) minmax(72px, 0.28fr);
  gap: 8px;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-top: 6px;
}

.compact-scroll table {
  min-width: 720px;
}

.putaway-table td strong,
.putaway-table td span,
.putaway-table td small {
  display: block;
}

.putaway-table td span,
.putaway-table td small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.putaway-table select {
  width: 100%;
  min-width: 180px;
}

.receiving-summary-bar,
.transfer-summary-bar {
  min-height: 54px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px 12px;
}

.receiving-summary-bar strong,
.receiving-summary-bar span,
.transfer-summary-bar strong,
.transfer-summary-bar span {
  display: block;
}

.receiving-summary-bar strong,
.transfer-summary-bar strong {
  font-size: 18px;
  font-weight: 900;
}

.receiving-summary-bar span,
.transfer-summary-bar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.transfer-summary-bar.blocked {
  border-color: #e2b4b4;
  background: #fff8f8;
}

.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: var(--text);
}

.checkbox input {
  width: 16px;
  min-height: 16px;
}

.button-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.button-row.compact {
  gap: 6px;
  align-items: center;
}

.button-row.compact button {
  min-height: 34px;
  padding: 6px 9px;
  font-size: 12px;
}

.quick-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quick-action,
.ops-queue-item {
  width: 100%;
  display: grid;
  gap: 4px;
  justify-items: start;
  text-align: left;
  border-radius: 8px;
  background: #fbfbf8;
}

.quick-action {
  min-height: 74px;
  align-content: center;
  padding: 12px;
}

.quick-action strong,
.ops-queue-item strong,
.ops-log-list strong {
  color: var(--text);
}

.quick-action span,
.ops-queue-item small,
.ops-log-list span,
.ops-log-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.ops-queue-list,
.ops-log-list {
  display: grid;
  gap: 8px;
}

.workflow-focus-banner {
  display: grid;
  gap: 4px;
  border: 1px solid #a9b8aa;
  border-radius: 8px;
  background: #f6faf5;
  padding: 10px 12px;
  margin-bottom: 8px;
}

.workflow-focus-banner strong {
  color: var(--text);
  font-size: 13px;
}

.workflow-focus-banner span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.ops-queue-item {
  position: relative;
  min-height: 76px;
  padding: 12px 52px 12px 12px;
}

.ops-queue-item > span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.ops-queue-item.critical > span {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.ops-queue-item.warning > span {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.ops-queue-item em {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text);
  font-style: normal;
  font-size: 20px;
  font-weight: 900;
}

.ops-log-list article {
  display: grid;
  grid-template-columns: auto minmax(100px, 0.4fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.ops-log-list .workflow-log-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.ops-log-list .commercial-exception-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

.exception-main {
  min-width: 0;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
}

.exception-main strong,
.exception-main span,
.exception-main small {
  grid-column: 1 / -1;
}

.exception-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: center;
  gap: 6px;
}

.exception-actions button {
  min-height: 34px;
  padding: 6px 10px;
}

.exception-actions button.exception-workflow-action {
  border-color: #a9b8aa;
  background: #f6faf5;
  color: var(--accent);
  font-weight: 800;
}

.exception-actions button.exception-workflow-action:hover,
.exception-actions button.exception-workflow-action:focus-visible {
  border-color: #7f927f;
  background: #eef6ed;
}

.exception-triage-workbench {
  display: grid;
  gap: 14px;
}

.exception-triage-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.exception-triage-summary article {
  min-height: 82px;
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 11px;
}

.exception-triage-summary article.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.exception-triage-summary article.warning {
  border-color: #ead7b8;
  background: #fff8ec;
}

.exception-triage-summary span,
.exception-triage-subhead span,
.exception-triage-lane header span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.exception-triage-summary strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1.05;
}

.exception-triage-summary small,
.exception-triage-lane small,
.exception-triage-item small,
.exception-triage-domain-row span,
.exception-triage-domain-row small,
.exception-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.exception-triage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.85fr);
  gap: 12px;
}

.exception-triage-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.exception-triage-lane {
  min-height: 210px;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.exception-triage-lane.is-critical {
  border-color: #ecc2c2;
}

.exception-triage-lane.is-warning {
  border-color: #ead7b8;
}

.exception-triage-lane header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  align-items: baseline;
}

.exception-triage-lane header strong {
  color: var(--text);
  font-size: 13px;
}

.exception-triage-lane header em {
  grid-row: 1 / span 2;
  grid-column: 2;
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
}

.exception-triage-items,
.exception-triage-side,
.exception-triage-domains,
.exception-escalation-grid {
  display: grid;
  gap: 8px;
}

.exception-triage-item {
  display: grid;
  gap: 5px;
  border-top: 1px solid var(--line);
  padding-top: 8px;
}

.exception-triage-item > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.exception-triage-item strong,
.exception-triage-domain-row strong,
.exception-triage-subhead strong,
.exception-policy-strip strong {
  color: var(--text);
}

.exception-triage-domain-row,
.exception-escalation-card {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.exception-triage-domain-row.is-critical,
.exception-escalation-card.is-critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.exception-triage-domain-row.is-warning,
.exception-escalation-card.is-warning {
  border-color: #ead7b8;
  background: #fff8ec;
}

.exception-triage-domain-row > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.exception-escalation-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

.exception-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.exception-policy-strip span {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.workflow-log-card.is-overdue {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.workflow-log-card.is-selected {
  border-color: #8fa492;
  background: #f5faf4;
  box-shadow: inset 3px 0 0 var(--accent);
}

.workflow-log-main,
.workflow-log-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
}

.workflow-log-main strong,
.workflow-log-main span {
  overflow-wrap: anywhere;
}

.workflow-log-meta span,
.workflow-action-done {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 900;
}

.workflow-log-card.is-overdue .workflow-log-meta span:last-child {
  border-color: #ecc2c2;
  color: var(--danger);
}

.workflow-step-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  gap: 7px;
}

.workflow-step-list button {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  text-align: left;
}

.workflow-step-list button:hover,
.workflow-step-list button:focus-visible {
  border-color: #9aa292;
  background: #fbfbf8;
}

.workflow-step-list button.is-current {
  border-color: #d7d2bb;
  background: #fffdf7;
}

.workflow-step-list button.is-done {
  border-color: #b8dac8;
  background: #eef8f1;
}

.workflow-step-list button span {
  grid-row: 1 / 3;
  min-width: 27px;
  min-height: 27px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.workflow-step-list button.is-done span {
  border-color: #b8dac8;
  color: var(--ok);
}

.workflow-step-list strong,
.workflow-step-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.workflow-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #ecebe6;
}

.workflow-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.workflow-actions {
  justify-content: flex-end;
}

.form-message,
.hint {
  min-height: 20px;
  color: var(--muted);
  font-size: 13px;
}

.form-message.is-warning {
  min-height: auto;
  border: 1px solid #e4c47d;
  border-radius: 7px;
  background: #fff8e7;
  color: #7c5c18;
  padding: 9px 11px;
  font-weight: 750;
  line-height: 1.45;
}

.allocation-mini-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.allocation-mini-summary span,
.allocation-mini-summary strong {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  padding: 6px 10px;
}

.allocation-mini-summary strong {
  color: var(--accent);
}

.allocation-action-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.allocation-disabled-reasons {
  display: grid;
  gap: 7px;
  width: min(100%, 860px);
  margin-left: auto;
  border: 1px solid rgba(198, 103, 79, 0.26);
  border-radius: 8px;
  background: #fff8f4;
  padding: 10px 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.allocation-action-bar + .allocation-disabled-reasons,
.allocation-detail-actions + .allocation-disabled-reasons {
  margin-top: -2px;
}

.allocation-disabled-reasons strong {
  color: var(--danger);
  font-size: 12px;
  font-weight: 900;
}

.allocation-disabled-reasons ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 18px;
}

.allocation-disabled-reasons li {
  min-width: 0;
}

.allocation-flow-guide,
.approval-guide {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(47, 112, 96, 0.24);
  border-radius: 8px;
  background: #f5fbf7;
  padding: 12px 14px;
  margin: 12px 0;
}

.allocation-flow-guide strong,
.approval-guide strong {
  font-size: 14px;
}

.allocation-flow-guide span,
.approval-guide span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.allocation-flow-guide b,
.approval-guide b {
  color: var(--text);
}

.allocation-workflow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.allocation-workflow-steps li {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  align-items: start;
  border: 1px solid rgba(47, 112, 96, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 9px 10px;
}

.allocation-workflow-steps b {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #e6f2eb;
  color: #236148;
  font-size: 11px;
  font-weight: 900;
}

.allocation-workflow-steps strong {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.allocation-workflow-steps small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.allocation-channel-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0;
}

.allocation-channel-tabs button {
  display: grid;
  gap: 3px;
  min-width: 180px;
  min-height: 54px;
  text-align: left;
}

.allocation-channel-tabs button.active {
  border-color: var(--accent);
  background: #fff;
  box-shadow: inset 3px 0 0 var(--accent);
}

.allocation-channel-tabs span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.allocation-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) minmax(190px, 0.8fr) minmax(150px, 0.6fr);
  gap: 10px;
  align-items: end;
  margin: 14px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.allocation-product-layout {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.allocation-product-table-wrap {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.allocation-product-table {
  min-width: 1040px;
  table-layout: fixed;
}

.allocation-product-table th,
.allocation-product-table td {
  padding: 10px 7px;
}

.allocation-product-table th:first-child,
.allocation-product-table td:first-child {
  width: 250px;
}

.allocation-product-table th:nth-child(2),
.allocation-product-table td:nth-child(2) {
  width: 96px;
}

.allocation-product-table th:nth-child(3),
.allocation-product-table td:nth-child(3),
.allocation-product-table th:nth-child(4),
.allocation-product-table td:nth-child(4),
.allocation-product-table th:nth-child(5),
.allocation-product-table td:nth-child(5),
.allocation-product-table th:nth-child(6),
.allocation-product-table td:nth-child(6),
.allocation-product-table th:nth-child(7),
.allocation-product-table td:nth-child(7) {
  width: 92px;
}

.allocation-product-table th:nth-child(8),
.allocation-product-table td:nth-child(8) {
  width: 74px;
}

.allocation-product-table th:last-child,
.allocation-product-table td:last-child {
  width: 120px;
}

.allocation-product-table td,
.allocation-product-table th {
  vertical-align: middle;
}

.allocation-product-table td.is-delta,
.allocation-detail-table td.is-delta {
  color: var(--danger);
  font-weight: 900;
}

.allocation-detail {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.allocation-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.allocation-detail-head h3 {
  margin: 0 0 4px;
  font-size: 20px;
}

.allocation-detail-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.allocation-detail-head .allocation-assign-button {
  min-height: 44px;
  padding-inline: 18px;
  white-space: normal;
}

.allocation-assignment-guide {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(47, 112, 96, 0.2);
  border-radius: 8px;
  background: #f4fbf7;
  color: var(--text);
  padding: 12px 14px;
}

.allocation-assignment-guide strong {
  font-size: 14px;
}

.allocation-assignment-guide span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.allocation-assignment-guide.warning {
  border-color: rgba(198, 103, 79, 0.25);
  background: #fff8f4;
}

.allocation-detail-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.allocation-detail-actions span {
  flex: 1 1 220px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.allocation-approval-panel {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(47, 112, 96, 0.22);
  border-radius: 8px;
  background: #f7fbf8;
  padding: 12px;
}

.allocation-approval-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.allocation-approval-head strong {
  display: block;
  font-size: 14px;
}

.allocation-approval-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.allocation-approval-list {
  display: grid;
  gap: 8px;
}

.allocation-approval-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 10px;
}

.allocation-approval-row.is-stale {
  background: #fffaf6;
}

.allocation-approval-row > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.allocation-approval-row strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.allocation-approval-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.allocation-approval-row small.warning {
  color: var(--danger);
}

@media (max-width: 1180px) {
  .approval-workbench-summary,
  .approval-term-glossary,
  .approval-lanes,
  .approval-policy-strip,
  .approval-bundle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .approval-bundle-stage-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .approval-workbench-summary,
  .approval-term-glossary,
  .approval-lanes,
  .approval-policy-strip,
  .approval-bundle-grid,
  .approval-bundle-stage-strip,
  .approval-bundle-card dl {
    grid-template-columns: 1fr;
  }
}

.allocation-detail-summary {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 10px 12px;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.allocation-detail-table th,
.allocation-detail-table td,
.allocation-editor-table th,
.allocation-editor-table td {
  vertical-align: middle;
}

.allocation-detail .table-scroll table {
  min-width: 940px;
}

.allocation-editor .table-scroll table {
  min-width: 760px;
}

.allocation-detail-table td:nth-child(3) strong {
  font-size: 12px;
  overflow-wrap: anywhere;
}

.allocation-editor {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.allocation-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.allocation-editor-head h4 {
  margin: 0 0 4px;
  font-size: 16px;
}

.allocation-editor-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.allocation-editor-impact {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.allocation-editor-impact article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px;
}

.allocation-editor-impact span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.allocation-editor-impact strong {
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.allocation-editor-impact strong.positive {
  color: var(--accent);
}

.allocation-editor-impact strong.warn {
  color: var(--warn);
}

.allocation-editor-impact small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.allocation-editor-table input {
  width: 78px;
  min-height: 38px;
  text-align: right;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.allocation-editor-table input.is-over {
  border-color: #c7674f;
  background: #fff3ee;
}

.allocation-editor-table input.is-changed:not(.is-over) {
  border-color: var(--accent);
  background: #f3faf7;
}

.allocation-workbench {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.allocation-workbench-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.allocation-workbench-head h3 {
  margin: 0 0 4px;
  font-size: 18px;
}

.allocation-workbench-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.allocation-product-table {
  min-width: 1040px;
}

.allocation-product-table tr.active {
  background: #fbfbf8;
  box-shadow: inset 3px 0 0 var(--accent);
}

.allocation-product-table td:first-child span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.allocation-product-link {
  display: grid;
  gap: 3px;
  width: 100%;
  min-height: 44px;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.allocation-source-note {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.allocation-matrix {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.allocation-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 0.8fr) auto;
  gap: 10px;
  align-items: end;
}

.allocation-controls label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.allocation-controls select {
  width: 100%;
  min-height: 44px;
}

.allocation-direction-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.allocation-direction-actions button {
  min-height: 44px;
}

.allocation-focus-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.allocation-focus-summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 9px 10px;
}

.allocation-focus-summary strong {
  font-size: 18px;
  line-height: 1.2;
}

.allocation-focus-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.allocation-focus-summary .warn strong,
.allocation-cell-metrics .warn {
  color: #9f3a28;
}

.allocation-matrix-scroll table,
.allocation-matrix-table {
  min-width: 980px;
}

.allocation-matrix-table th,
.allocation-matrix-table td {
  vertical-align: middle;
}

.allocation-matrix-table thead th {
  text-align: center;
}

.allocation-matrix-table thead th:first-child,
.allocation-matrix-table tbody th {
  text-align: left;
}

.allocation-matrix-table tbody th {
  width: 230px;
}

.allocation-empty-cell {
  color: var(--muted);
  text-align: center;
}

.allocation-row-total {
  font-weight: 900;
}

.allocation-cell {
  display: grid;
  gap: 6px;
  min-width: 116px;
}

.allocation-cell input {
  width: 96px;
  min-height: 38px;
  margin: 0 auto;
  text-align: right;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.allocation-matrix-table td.is-over input {
  border-color: #c7674f;
  background: #fff6f2;
}

.allocation-cell-metrics {
  display: grid;
  gap: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

.allocation-flow {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.allocation-flow-controls {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) minmax(160px, 0.8fr) minmax(150px, 0.72fr) minmax(170px, 0.8fr);
  gap: 10px;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.allocation-flow-controls label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.allocation-flow-controls select {
  width: 100%;
  min-height: 44px;
}

.allocation-flow-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.allocation-flow-summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 9px 10px;
}

.allocation-flow-summary strong {
  font-size: 18px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.allocation-flow-summary small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.allocation-flow-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.allocation-flow-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.3fr) minmax(150px, 0.68fr) minmax(120px, 0.42fr) minmax(250px, 1fr) minmax(100px, 0.36fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.allocation-flow-row.is-disabled {
  opacity: 0.58;
}

.allocation-flow-row.is-over {
  border-color: #c7674f;
  background: #fff8f4;
}

.allocation-sku-main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.allocation-sku-main code {
  max-width: 100%;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.allocation-size-pill {
  width: fit-content;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fbfbf8;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 900;
}

.allocation-flow-stock,
.allocation-flow-channel {
  display: grid;
  gap: 6px;
}

.allocation-flow-stock span,
.allocation-flow-channel span,
.allocation-flow-result {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.allocation-flow-stock strong,
.allocation-flow-channel strong,
.allocation-flow-result strong {
  font-size: 16px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.allocation-flow-stock small,
.allocation-flow-channel small,
.allocation-flow-result small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.allocation-flow-channel {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.allocation-transfer-input {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.allocation-transfer-input input {
  width: 100%;
  min-height: 44px;
  text-align: right;
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.allocation-transfer-input input.is-over {
  border-color: #c7674f;
  background: #fff3ee;
}

.allocation-flow-result {
  justify-items: end;
  text-align: right;
}

.allocation-flow-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.allocation-flow-actions .hint {
  flex: 1 1 260px;
}

.allocation-flow-actions button {
  min-height: 44px;
}

.channel-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.channel-policy-card {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}

.channel-policy-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.channel-policy-head h3 {
  margin: 6px 0 4px;
  font-size: 18px;
}

.channel-policy-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.channel-policy-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.channel-policy-stats div {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 10px;
}

.channel-policy-stats dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.channel-policy-stats dd {
  margin: 5px 0 0;
  font-size: 18px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.channel-policy-sources {
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

.channel-policy-sources legend {
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.channel-policy-source-list {
  display: grid;
  gap: 8px;
}

.channel-policy-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 10px;
}

.channel-policy-source-row.disabled {
  opacity: 0.62;
}

.channel-policy-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  cursor: pointer;
}

.channel-policy-check input {
  width: 18px;
  min-height: 18px;
}

.channel-policy-check span {
  display: grid;
  gap: 2px;
}

.channel-policy-check small,
.channel-policy-buffer span,
.channel-policy-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.channel-policy-buffer {
  display: grid;
  gap: 5px;
}

.channel-policy-buffer input {
  min-height: 40px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.channel-policy-note {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.channel-policy-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.allocation-sync-section {
  margin-top: 16px;
}

.connection-list {
  display: grid;
  gap: 12px;
}

.connection-card {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.connection-item {
  cursor: pointer;
  text-align: left;
}

.connection-item:hover,
.connection-item:focus-visible {
  border-color: var(--accent);
  outline: none;
}

.connection-item.active {
  border-color: var(--accent);
  background: #fff;
  box-shadow: inset 3px 0 0 var(--accent);
}

.connection-card h3 {
  margin: 0;
}

.connection-card p {
  margin: 4px 0 0;
  color: var(--muted);
}

.connection-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.connection-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.connection-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.connection-card.muted {
  background: #f7f7f3;
}

.connection-card.muted.active {
  background: #fff;
}

.settings-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.settings-card-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.settings-card.muted {
  background: #f7f7f3;
}

.settings-card.mini {
  gap: 6px;
}

.settings-card h3 {
  margin: 8px 0 0;
  font-size: 16px;
}

.settings-card p {
  margin: 4px 0 0;
  color: var(--muted);
}

.settings-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.settings-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.settings-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.settings-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.commercial-blueprint-panel .panel-head p {
  max-width: 760px;
}

.blueprint-principles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.blueprint-principles span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 10px 12px;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.commercial-benchmark-grid,
.kernel-object-grid,
.commercial-roadmap-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.commercial-benchmark-card,
.kernel-object-card,
.state-machine-card,
.commercial-roadmap-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.commercial-benchmark-card header,
.kernel-object-card header,
.state-machine-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.commercial-benchmark-card header span,
.kernel-object-card header span,
.commercial-roadmap-card span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.commercial-benchmark-card strong,
.kernel-object-card strong,
.state-machine-card strong,
.commercial-roadmap-card strong {
  color: var(--text);
  font-size: 15px;
  line-height: 1.35;
}

.commercial-benchmark-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 16px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.benchmark-source-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.benchmark-source-list a {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--text);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.kernel-object-card p,
.state-machine-card p,
.state-machine-card small,
.commercial-roadmap-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.kernel-object-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.kernel-object-card em {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
}

.state-machine-list {
  display: grid;
  gap: 10px;
}

.state-machine-card header {
  justify-content: flex-start;
}

.state-machine-card header div {
  display: grid;
  gap: 2px;
}

.state-machine-card header span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.state-machine-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.state-machine-card dt {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.state-machine-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.commercial-roadmap-card.in_progress {
  border-color: rgba(19, 105, 85, 0.35);
  background: #f4fbf7;
}

.capability-maturity-panel .panel-head p,
.capability-requirement-register .panel-head p {
  max-width: 860px;
}

.capability-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.capability-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.capability-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.capability-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.capability-domain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.capability-domain-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.capability-domain-card.commercial_ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.capability-domain-card.operational {
  border-color: #d8d2bd;
  background: #fffdf7;
}

.capability-domain-card.foundation {
  border-color: #ead7b8;
  background: #fffaf0;
}

.capability-domain-card.rebuild_gap {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.capability-domain-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.capability-domain-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 16px;
}

.capability-domain-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.capability-domain-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.capability-domain-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.capability-domain-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.capability-domain-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.capability-requirement-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.capability-requirement-chips span {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.capability-requirement-chips span.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: #2f6940;
}

.capability-requirement-chips span.partial {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.capability-requirement-chips span.gap {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.capability-requirement-chips small {
  color: inherit;
  font-size: 9px;
  font-weight: 900;
}

.capability-requirement-list {
  display: grid;
  gap: 7px;
}

.capability-requirement-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) minmax(150px, 0.65fr) auto 126px;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.capability-requirement-row.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.capability-requirement-row.partial {
  border-color: #ead7b8;
  background: #fffaf0;
}

.capability-requirement-row.gap {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.capability-requirement-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.capability-requirement-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.capability-requirement-row small,
.capability-requirement-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.governance-controls-panel .panel-head p {
  max-width: 860px;
}

.governance-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.governance-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.governance-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.governance-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.governance-domain-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.governance-domain-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.governance-domain-card.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.governance-domain-card.watch {
  border-color: #ead7b8;
  background: #fffaf0;
}

.governance-domain-card.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.governance-domain-card header {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.governance-domain-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
}

.governance-domain-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.governance-domain-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.governance-domain-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.governance-domain-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.governance-route-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.governance-route-chips span {
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.governance-route-chips span.gated {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: #2f6940;
}

.governance-route-chips span.direct {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.governance-role-list,
.governance-finding-list,
.governance-route-list {
  display: grid;
  gap: 7px;
}

.governance-role-row,
.governance-finding-row,
.governance-route-row {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.governance-role-row {
  grid-template-columns: 100px auto minmax(0, 0.7fr) minmax(160px, 1fr) 62px;
}

.governance-finding-row {
  grid-template-columns: 72px 100px minmax(0, 1fr) minmax(120px, 0.5fr);
}

.governance-route-row {
  grid-template-columns: 70px minmax(0, 1fr) minmax(140px, 0.55fr) auto minmax(180px, 0.8fr);
}

.governance-role-row.critical,
.governance-finding-row.critical,
.governance-route-row.direct {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.governance-role-row.watch,
.governance-finding-row.high,
.governance-finding-row.medium {
  border-color: #ead7b8;
  background: #fffaf0;
}

.governance-role-row.superuser {
  border-color: #d7d2bb;
  background: #fffdf7;
}

.governance-route-row.gated {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.governance-role-row span,
.governance-finding-row span,
.governance-route-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.governance-role-row strong,
.governance-finding-row strong,
.governance-route-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.governance-role-row small,
.governance-role-row em,
.governance-finding-row small,
.governance-finding-row em,
.governance-route-row small,
.governance-route-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.data-quality-panel .panel-head p {
  max-width: 880px;
}

.data-quality-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.data-quality-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.data-quality-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.data-quality-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.data-quality-domain-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.data-quality-domain-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.data-quality-domain-card.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.data-quality-domain-card.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.data-quality-domain-card.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.data-quality-domain-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.data-quality-domain-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
}

.data-quality-domain-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.data-quality-domain-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.data-quality-domain-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.data-quality-domain-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.data-quality-domain-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.data-quality-rule-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.data-quality-rule-chips span {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.data-quality-rule-chips span.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: #2f6940;
}

.data-quality-rule-chips span.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.data-quality-rule-chips span.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.data-quality-rule-chips small {
  color: inherit;
  font-size: 9px;
  font-weight: 900;
}

.data-quality-rule-list,
.data-quality-issue-list {
  display: grid;
  gap: 7px;
}

.data-quality-rule-row,
.data-quality-issue-row {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.data-quality-rule-row {
  grid-template-columns: 70px minmax(0, 1fr) minmax(160px, 0.7fr) auto 118px;
}

.data-quality-issue-row {
  grid-template-columns: 76px minmax(0, 0.9fr) minmax(160px, 1fr) minmax(140px, 0.8fr) auto;
}

.data-quality-rule-row.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.data-quality-rule-row.warning,
.data-quality-issue-row.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.data-quality-rule-row.critical,
.data-quality-issue-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.data-quality-rule-row span,
.data-quality-issue-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.data-quality-rule-row strong,
.data-quality-issue-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.data-quality-rule-row small,
.data-quality-rule-row em,
.data-quality-issue-row small,
.data-quality-issue-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.data-quality-exception-action {
  white-space: nowrap;
}

.reconciliation-panel .panel-head p {
  max-width: 900px;
}

.reconciliation-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.reconciliation-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.reconciliation-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.reconciliation-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.reconciliation-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.reconciliation-flow-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.reconciliation-flow-card.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.reconciliation-flow-card.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.reconciliation-flow-card.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.reconciliation-flow-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.reconciliation-flow-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 15px;
}

.reconciliation-flow-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.reconciliation-flow-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.reconciliation-flow-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.reconciliation-flow-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.reconciliation-flow-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.reconciliation-rule-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.reconciliation-rule-chips span {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.reconciliation-rule-chips span.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: #2f6940;
}

.reconciliation-rule-chips span.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.reconciliation-rule-chips span.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.reconciliation-rule-chips small {
  color: inherit;
  font-size: 9px;
  font-weight: 900;
}

.reconciliation-rule-list,
.reconciliation-issue-list {
  display: grid;
  gap: 7px;
}

.reconciliation-rule-row,
.reconciliation-issue-row {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.reconciliation-rule-row {
  grid-template-columns: 96px minmax(0, 1fr) minmax(170px, 0.7fr) auto 118px;
}

.reconciliation-issue-row {
  grid-template-columns: 76px minmax(0, 0.9fr) minmax(170px, 1fr) minmax(140px, 0.8fr);
}

.reconciliation-rule-row.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.reconciliation-rule-row.warning,
.reconciliation-issue-row.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.reconciliation-rule-row.critical,
.reconciliation-issue-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.reconciliation-rule-row span,
.reconciliation-issue-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.reconciliation-rule-row strong,
.reconciliation-issue-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.reconciliation-rule-row small,
.reconciliation-rule-row em,
.reconciliation-issue-row small,
.reconciliation-issue-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.operating-runbook-panel .panel-head p {
  max-width: 900px;
}

.operating-runbook-policy-strip,
.operating-runbook-lanes,
.operating-runbook-grid {
  display: grid;
  gap: 12px;
}

.operating-runbook-policy-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}

.operating-runbook-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operating-runbook-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operating-runbook-policy-strip article,
.operating-runbook-lane,
.operating-runbook-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
}

.operating-runbook-policy-strip article {
  display: grid;
  gap: 5px;
  padding: 13px;
}

.operating-runbook-policy-strip strong,
.operating-runbook-card h3 {
  color: var(--text);
}

.operating-runbook-policy-strip strong {
  font-size: 13px;
}

.operating-runbook-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.operating-runbook-lane {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.operating-runbook-lane.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operating-runbook-lane.active {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operating-runbook-lane.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.operating-runbook-lane strong {
  color: var(--text);
  font-size: 28px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.operating-runbook-lane span,
.operating-runbook-lane small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.operating-runbook-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.operating-runbook-card.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.operating-runbook-card.active {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operating-runbook-card.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operating-runbook-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.operating-runbook-card h3 {
  margin: 0;
  font-size: 15px;
}

.operating-runbook-card header p,
.operating-runbook-trigger {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.operating-runbook-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.operating-runbook-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.operating-runbook-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.operating-runbook-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.operating-runbook-domains,
.operating-runbook-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.operating-runbook-domains span,
.operating-runbook-steps span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.operating-runbook-steps span.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
  color: #2f6940;
}

.operating-runbook-steps span.active {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.operating-runbook-steps span.blocked {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.operating-runbook-card button {
  justify-self: start;
}

.operating-runbook-issue-list,
.operating-runbook-step-list {
  display: grid;
  gap: 7px;
}

.operating-runbook-issue-row,
.operating-runbook-step-row {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
  text-align: left;
}

.operating-runbook-issue-row {
  grid-template-columns: 76px 120px minmax(0, 1fr) minmax(140px, 0.8fr);
}

.operating-runbook-step-row {
  grid-template-columns: 130px 82px 120px minmax(0, 1fr);
}

.operating-runbook-issue-row.critical,
.operating-runbook-step-row.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.operating-runbook-issue-row.warning,
.operating-runbook-step-row.active {
  border-color: #ead7b8;
  background: #fffaf0;
}

.operating-runbook-step-row.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.operating-runbook-issue-row span,
.operating-runbook-step-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.operating-runbook-issue-row strong,
.operating-runbook-step-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.operating-runbook-issue-row small,
.operating-runbook-issue-row em,
.operating-runbook-step-row small,
.operating-runbook-step-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.cutover-panel .panel-head p {
  max-width: 820px;
}

.cutover-policy-strip,
.cutover-wave-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cutover-policy-strip article,
.cutover-wave-card,
.cutover-area-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.cutover-policy-strip article {
  display: grid;
  gap: 5px;
}

.cutover-policy-strip strong,
.cutover-wave-card strong,
.cutover-area-row strong {
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.cutover-policy-strip span,
.cutover-wave-card p,
.cutover-area-row p,
.cutover-area-row small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.cutover-wave-card {
  display: grid;
  gap: 11px;
}

.cutover-wave-card.complete,
.cutover-area-row.complete {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.cutover-wave-card.in_progress,
.cutover-area-row.in_progress {
  border-color: #ead7b8;
  background: #fffaf0;
}

.cutover-wave-card.blocked,
.cutover-area-row.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.cutover-wave-card.not_started,
.cutover-area-row.not_started {
  border-color: #d7d2bb;
  background: #fffdf7;
}

.cutover-wave-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.cutover-wave-card header em,
.cutover-area-row header em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cutover-wave-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.cutover-wave-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.cutover-wave-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.cutover-area-list,
.cutover-risk-list {
  display: grid;
  gap: 8px;
}

.cutover-area-row {
  display: grid;
  gap: 10px;
}

.cutover-area-row header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.cutover-area-row header div {
  min-width: 0;
  display: grid;
  gap: 5px;
  justify-items: start;
}

.cutover-area-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.cutover-area-compare span,
.cutover-area-signals span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.cutover-area-compare b,
.cutover-area-signals b {
  color: var(--text);
  font-size: 9px;
  text-transform: uppercase;
}

.cutover-area-domains,
.cutover-area-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cutover-area-domains span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.cutover-risk-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 80px minmax(110px, 0.55fr) minmax(0, 1fr) minmax(130px, 0.7fr);
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
  text-align: left;
}

.cutover-risk-row.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.cutover-risk-row.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.cutover-risk-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.cutover-risk-row strong,
.cutover-risk-row small,
.cutover-risk-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.cutover-risk-row strong {
  color: var(--text);
  font-size: 12px;
}

.acceptance-gate-panel .panel-head p,
.acceptance-objective-audit .panel-head p,
.acceptance-gate-matrix .panel-head p {
  max-width: 840px;
}

.acceptance-policy-strip,
.acceptance-domain-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.acceptance-objective-list {
  display: grid;
  gap: 8px;
}

.acceptance-objective-next {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 11px 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.acceptance-policy-strip article,
.acceptance-domain-card,
.acceptance-objective-row,
.acceptance-gate-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.acceptance-policy-strip article {
  display: grid;
  gap: 5px;
}

.acceptance-policy-strip strong,
.acceptance-domain-card h3,
.acceptance-objective-row strong,
.acceptance-gate-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.acceptance-policy-strip span,
.acceptance-domain-card p,
.acceptance-domain-card small,
.acceptance-objective-row small,
.acceptance-objective-row b,
.acceptance-objective-row i,
.acceptance-gate-row small,
.acceptance-gate-row b,
.acceptance-gate-row i {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.acceptance-domain-card {
  display: grid;
  gap: 11px;
}

.acceptance-domain-card.accepted,
.acceptance-gate-row.accepted {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.acceptance-objective-row.proven {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.acceptance-domain-card.watch,
.acceptance-gate-row.watch {
  border-color: #ead7b8;
  background: #fffaf0;
}

.acceptance-objective-row.weak_evidence {
  border-color: #ead7b8;
  background: #fffaf0;
}

.acceptance-domain-card.blocked,
.acceptance-gate-row.blocked {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.acceptance-objective-row.incomplete {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.acceptance-domain-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.acceptance-domain-card header div {
  min-width: 0;
}

.acceptance-domain-card header em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.acceptance-domain-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.acceptance-domain-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.acceptance-domain-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.acceptance-gate-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.acceptance-gate-chips span {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.acceptance-gate-chips span.accepted {
  color: var(--success);
}

.acceptance-gate-chips span.blocked {
  color: var(--danger);
}

.acceptance-gate-list {
  display: grid;
  gap: 8px;
}

.acceptance-objective-row,
.acceptance-gate-row {
  display: grid;
  grid-template-columns: 52px minmax(130px, 0.55fr) minmax(0, 1fr) auto 52px minmax(150px, 0.8fr);
  gap: 8px;
  align-items: center;
}

.acceptance-objective-row > span,
.acceptance-gate-row > span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.acceptance-objective-row > em,
.acceptance-gate-row > em {
  color: var(--text);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.acceptance-objective-row > div,
.acceptance-gate-row > div {
  grid-column: 3 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.acceptance-objective-row i,
.acceptance-gate-row i {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 3px 7px;
}

.data-ownership-panel .panel-head p,
.data-ownership-object-panel .panel-head p,
.data-ownership-handoff-panel .panel-head p,
.data-ownership-warning-panel .panel-head p {
  max-width: 860px;
}

.data-ownership-policy-strip,
.data-ownership-domain-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.data-ownership-policy-strip article,
.data-ownership-domain-card,
.data-ownership-object-row,
.data-ownership-handoff-row,
.data-ownership-warning-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.data-ownership-policy-strip article,
.data-ownership-domain-card {
  display: grid;
  align-content: start;
  gap: 10px;
}

.data-ownership-domain-card.accepted {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.data-ownership-domain-card.watch {
  border-color: #ead7b8;
  background: #fffaf0;
}

.data-ownership-domain-card.blocked,
.data-ownership-warning-row {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.data-ownership-policy-strip strong,
.data-ownership-domain-card h3,
.data-ownership-object-row strong,
.data-ownership-handoff-row strong,
.data-ownership-warning-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.data-ownership-policy-strip span,
.data-ownership-domain-card p,
.data-ownership-domain-card small,
.data-ownership-object-row small,
.data-ownership-object-row em,
.data-ownership-handoff-row small,
.data-ownership-handoff-row em,
.data-ownership-warning-row small,
.data-ownership-warning-row em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.data-ownership-domain-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.data-ownership-domain-card header div {
  min-width: 0;
}

.data-ownership-domain-card header em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.data-ownership-domain-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.data-ownership-domain-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.data-ownership-domain-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.data-ownership-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.data-ownership-chip-row span,
.data-ownership-object-row span,
.data-ownership-handoff-row span,
.data-ownership-warning-row span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 3px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.data-ownership-object-list,
.data-ownership-handoff-list,
.data-ownership-warning-list {
  display: grid;
  gap: 8px;
}

.data-ownership-object-row,
.data-ownership-handoff-row,
.data-ownership-warning-row {
  display: grid;
  grid-template-columns: 88px minmax(130px, 0.45fr) minmax(0, 1fr) minmax(120px, 0.35fr);
  gap: 8px;
  align-items: center;
}

.service-runtime-panel .panel-head p {
  max-width: 780px;
}

.service-runtime-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.service-runtime-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.service-runtime-card.healthy {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.service-runtime-card.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.service-runtime-card.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.service-runtime-card.locked {
  border-color: #d7d2bb;
  background: #fffdf7;
}

.service-runtime-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.service-runtime-card header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.service-runtime-card header strong {
  min-width: 0;
  color: var(--text);
  font-size: 15px;
  overflow-wrap: anywhere;
}

.service-runtime-card header span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.service-runtime-card header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.service-runtime-card dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.service-runtime-card dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.service-runtime-card dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.service-runtime-owned {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.service-runtime-owned span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.service-runtime-signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.service-runtime-signals span {
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 7px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.service-runtime-signals span.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.service-runtime-signals span.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.service-runtime-signals strong {
  color: var(--text);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

.service-asset-policy {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.service-command-list,
.service-event-list {
  display: grid;
  gap: 7px;
}

.service-command-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(120px, 0.6fr) minmax(130px, 0.55fr) auto auto 86px;
  gap: 7px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.service-command-row.failed {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.service-command-row span,
.service-event-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.service-command-row strong,
.service-event-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.service-command-row small,
.service-event-row small {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.service-command-row em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.service-command-row b {
  color: var(--text);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.service-event-row {
  min-height: 48px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(130px, 0.7fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.service-event-row em {
  color: var(--text);
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.service-policy-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.service-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.service-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.service-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.route-surface-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.route-surface-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.route-surface-card header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.route-surface-card h3 {
  margin: 0;
  font-size: 16px;
}

.route-surface-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.route-surface-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.route-surface-counts span {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.route-surface-counts strong {
  display: block;
  color: var(--text);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}

.route-surface-table {
  display: grid;
  gap: 6px;
}

.route-surface-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) minmax(120px, 0.6fr);
  gap: 4px 8px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
}

.route-surface-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 6px;
  text-align: center;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.route-surface-row strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.route-surface-row small {
  grid-column: 2 / 3;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.route-surface-row em {
  grid-column: 3;
  grid-row: 1 / 3;
  justify-self: end;
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  overflow-wrap: anywhere;
  text-align: right;
}

.contract-audit-panel .panel-head p,
.contract-audit-issues .panel-head p {
  max-width: 820px;
}

.contract-audit-policy-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.contract-audit-policy-strip article {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.contract-audit-policy-strip strong {
  color: var(--text);
  font-size: 13px;
}

.contract-audit-policy-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.contract-audit-domain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.contract-audit-domain {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 14px;
}

.contract-audit-domain.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.contract-audit-domain.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.contract-audit-domain.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.contract-audit-domain header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.contract-audit-domain h3 {
  margin: 0;
  color: var(--text);
  font-size: 16px;
}

.contract-audit-domain p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.contract-audit-domain header em {
  color: var(--text);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.contract-audit-domain dl {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.contract-audit-domain dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.contract-audit-domain dd {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.contract-audit-signals {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.contract-audit-signals span {
  min-height: 52px;
  display: grid;
  align-content: center;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 7px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.contract-audit-signals span.ready {
  border-color: #c9d8ca;
  background: #f6faf5;
}

.contract-audit-signals span.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.contract-audit-signals span.critical {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.contract-audit-signals strong {
  color: var(--text);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}

.contract-audit-route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.contract-audit-route-list span {
  max-width: 100%;
  display: inline-grid;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  padding: 4px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.contract-audit-route-list span small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.contract-audit-route-list span.warning {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.contract-audit-issue-list {
  display: grid;
  gap: 7px;
}

.contract-audit-issue {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) minmax(120px, 0.5fr) minmax(180px, 0.9fr);
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 9px;
}

.contract-audit-issue.critical {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.contract-audit-issue.warning {
  border-color: #ead7b8;
  background: #fffaf0;
}

.contract-audit-issue span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.contract-audit-issue strong {
  min-width: 0;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.contract-audit-issue small,
.contract-audit-issue em {
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.runtime-route-panel .panel-head p,
.runtime-route-gap-panel .panel-head p {
  max-width: 760px;
}

.runtime-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.runtime-route-domain {
  min-width: 0;
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.runtime-route-domain.gap {
  border-color: #ead7b8;
  background: #fffaf0;
}

.runtime-route-domain header {
  min-width: 0;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.runtime-route-domain h3,
.runtime-route-domain p {
  margin: 0;
}

.runtime-route-domain h3 {
  font-size: 12px;
}

.runtime-route-domain p {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.runtime-route-domain dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.runtime-route-domain dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.runtime-route-domain dd {
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.runtime-route-gap-list {
  display: grid;
  gap: 8px;
}

.runtime-route-gap {
  display: grid;
  grid-template-columns: 90px minmax(0, 1.4fr) minmax(0, 1fr) 130px;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.runtime-route-gap span,
.runtime-route-gap em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.runtime-route-gap strong,
.runtime-route-gap small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-route-gap strong {
  font-size: 12px;
}

.runtime-route-gap small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.benchmark-gap-panel .panel-head p,
.benchmark-gap-requirements .panel-head p {
  max-width: 780px;
}

.benchmark-gap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.benchmark-gap-domain {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 13px;
}

.benchmark-gap-domain.partial {
  border-color: #ead7b8;
  background: #fffaf0;
}

.benchmark-gap-domain.gap {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.benchmark-gap-domain header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.benchmark-gap-domain h3,
.benchmark-gap-domain p {
  margin: 0;
}

.benchmark-gap-domain h3 {
  font-size: 13px;
}

.benchmark-gap-domain p {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
}

.benchmark-gap-domain header em {
  color: var(--text);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.benchmark-gap-domain dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.benchmark-gap-domain dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.benchmark-gap-domain dd {
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.benchmark-gap-patterns {
  display: grid;
  gap: 6px;
}

.benchmark-gap-patterns span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  padding: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.benchmark-gap-requirement-list {
  display: grid;
  gap: 8px;
}

.benchmark-gap-requirement {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1.5fr) 60px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.benchmark-gap-requirement.partial {
  border-color: #ead7b8;
  background: #fffaf0;
}

.benchmark-gap-requirement.gap {
  border-color: #ecc2c2;
  background: #fff8f6;
}

.benchmark-gap-requirement span,
.benchmark-gap-requirement em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.benchmark-gap-requirement strong,
.benchmark-gap-requirement small,
.benchmark-gap-requirement b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.benchmark-gap-requirement strong {
  font-size: 12px;
}

.benchmark-gap-requirement small,
.benchmark-gap-requirement b {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.role-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.role-summary-card {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.role-summary-card span {
  color: var(--accent-2);
  font-size: 10px;
  font-weight: 900;
}

.role-summary-card h3,
.role-summary-card p {
  margin: 0;
}

.role-summary-card h3 {
  font-size: 15px;
}

.role-summary-card p,
.role-summary-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.role-summary-card strong {
  color: var(--text);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}

.role-summary-card button {
  justify-self: start;
  min-height: 34px;
  padding: 7px 10px;
}

.role-editor-form {
  gap: 16px;
}

.permission-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.permission-group {
  min-width: 0;
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.permission-group legend {
  padding: 0 4px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.permission-group > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
}

.permission-check {
  min-height: 30px;
  align-items: center;
  color: var(--text);
  font-size: 11px;
  font-weight: 850;
}

.form-hint {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.role-matrix-scroll {
  margin-top: 10px;
}

.role-matrix-table {
  min-width: 980px;
}

.role-matrix-table th,
.role-matrix-table td {
  vertical-align: top;
}

.role-matrix-table td:first-child {
  min-width: 190px;
}

.role-matrix-table td:first-child strong,
.role-matrix-table td:first-child span {
  display: block;
}

.role-matrix-table td:first-child span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.role-matrix-table td small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
}

.policy-note-box {
  display: grid;
  gap: 5px;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfbf8;
  padding: 12px;
}

.policy-note-box strong {
  color: var(--text);
}

.policy-note-box span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.settings-detail {
  display: grid;
  gap: 14px;
}

.settings-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.settings-detail-list div {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfbf8;
  padding: 12px;
}

.settings-detail-list dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.settings-detail-list dd {
  margin: 4px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.status.connected,
.status.synced {
  border-color: #b8dac8;
  background: #eef8f1;
  color: var(--ok);
}

.status.pending_push,
.status.configured,
.status.planned,
.status.idle,
.status.remote_unknown,
.status.paused,
.status.reserved {
  border-color: #ead7b8;
  background: #fff8ec;
  color: var(--warn);
}

.status.failed,
.status.conflict,
.status.disconnected,
.status.unmapped {
  border-color: #ecc2c2;
  background: #fff1f1;
  color: var(--danger);
}

.soft-divider {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 22px 0;
}

.empty-state {
  padding: 20px;
  color: var(--muted);
}

@media (max-width: 1180px) {
  .metric-grid,
  .domain-grid,
  .commercial-health-grid,
  .commercial-launch-grid,
  .process-control-summary,
  .process-control-grid,
  .process-stage-list,
  .process-control-policies,
  .release-packet-summary,
  .release-packet-lanes,
  .release-packet-grid,
  .release-evidence-grid,
  .commercial-work-queue-grid,
  .operator-workspace-summary,
  .operator-workspace-lanes,
  .operator-policy-strip,
  .domain-handoff-summary,
  .domain-handoff-lanes,
  .domain-handoff-contracts,
  .domain-handoff-policies,
  .master-data-summary,
  .master-data-grid,
  .master-data-policy-strip,
  .integration-outbox-summary,
  .integration-outbox-lanes,
  .integration-outbox-policies,
  .ops-flow-grid,
  .erp-rail,
  .erp-financial-summary,
  .erp-financial-stage-track,
  .erp-financial-control-grid,
  .erp-purchase-planning-summary,
  .erp-purchase-planning-lanes,
  .erp-purchase-planning-layout,
  .erp-payables-summary,
  .erp-payables-lanes,
  .erp-payables-policy-strip,
  .erp-payment-run-summary,
  .erp-payment-run-lanes,
  .erp-payment-run-policy-strip,
  .erp-payment-run-layout,
  .erp-payment-executed-list,
  .erp-period-close-summary,
  .erp-period-close-layout,
  .erp-period-close-policy-strip,
  .erp-journal-summary,
  .erp-journal-policy-strip,
  .erp-journal-entry-totals,
  .erp-cost-margin-summary,
  .erp-cost-methodology,
  .erp-cost-margin-grid,
  .erp-close-readiness-grid,
  .wms-execution-pipeline,
  .wms-execution-grid,
  .wms-dispatch-summary,
  .wms-dispatch-lanes,
  .wms-dispatch-policy-strip,
  .wms-scan-summary,
  .wms-scan-policy-strip,
  .wms-scan-layout,
  .wms-replenishment-summary,
  .wms-replenishment-policy-strip,
  .wms-replenishment-grid,
  .wms-transfer-summary,
  .wms-transfer-lanes,
  .wms-transfer-policy-strip,
  .wms-transfer-pairs,
  .wms-transfer-layout,
  .wms-count-summary,
  .wms-count-lanes,
  .wms-count-policy-strip,
  .wms-utilization-summary,
  .wms-utilization-policy-strip,
  .wms-utilization-location-grid,
  .pim-board,
  .pim-enrichment-summary,
  .pim-enrichment-stage-track,
  .pim-enrichment-grid,
  .pim-asset-boundary-summary,
  .pim-asset-boundary-lanes,
  .pim-asset-boundary-policy-strip,
  .pim-asset-boundary-grid,
  .pim-syndication-summary,
  .pim-syndication-lanes,
  .pim-syndication-channel-strip,
  .pim-syndication-policy-strip,
  .pim-syndication-grid,
  .pim-attribute-summary,
  .pim-attribute-stage-track,
  .pim-attribute-policy-strip,
  .pim-attribute-grid,
  .pim-attribute-record-grid,
  .product-syndication-summary,
  .product-syndication-grid,
  .cms-ops-summary,
  .cms-ops-stage-track,
  .cms-ops-entry-grid,
  .cms-model-summary,
  .cms-model-stage-track,
  .cms-model-policy-strip,
  .cms-model-field-grid,
  .cms-model-record-grid,
  .cms-localization-summary,
  .cms-localization-lanes,
  .cms-localization-policy-strip,
  .cms-localization-layout,
  .cms-release-calendar-summary,
  .cms-release-calendar-lanes,
  .cms-release-calendar-grid,
  .cms-release-calendar-layout,
  .cms-release-summary,
  .cms-release-stage-track,
  .cms-release-grid,
  .oms-command-summary,
  .oms-command-lanes,
  .oms-channel-strip,
  .oms-command-policy-strip,
  .oms-lifecycle-summary,
  .oms-lifecycle-stage-track,
  .oms-lifecycle-policy-strip,
  .oms-lifecycle-grid,
  .oms-service-summary,
  .oms-service-lanes,
  .oms-service-layout,
  .oms-reverse-summary,
  .oms-reverse-stage-track,
  .oms-reverse-lane-grid,
  .oms-reverse-policy-strip,
  .oms-orchestration-summary,
  .oms-orchestration-stage-track,
  .oms-orchestration-grid,
  .settlement-card-grid,
  .pim-command-grid,
  .cms-publishing-board,
  .wms-location-board,
  .wms-location-policy-grid,
  .wms-bin-grid,
  .control-flow-grid,
  .approval-group-grid,
  .operations-health-grid,
  .exception-triage-summary,
  .exception-triage-lanes,
  .exception-policy-strip,
  .blueprint-grid,
  .feature-board,
  .report-list,
  .role-card-grid,
  .mini-metric-row,
  .permission-editor-grid,
  .oms-order-summary-grid,
  .oms-order-flow-grid,
  .route-surface-grid,
  .capability-policy-strip,
  .capability-domain-grid,
  .governance-policy-strip,
  .governance-domain-grid,
  .data-quality-policy-strip,
  .data-quality-domain-grid,
  .reconciliation-policy-strip,
  .reconciliation-flow-grid,
  .operating-runbook-policy-strip,
  .operating-runbook-lanes,
  .operating-runbook-grid,
  .cutover-policy-strip,
  .cutover-wave-grid,
  .cutover-layout,
  .acceptance-policy-strip,
  .acceptance-domain-grid,
  .service-runtime-grid,
  .service-policy-strip,
  .contract-audit-policy-strip,
  .contract-audit-domain-grid,
  .runtime-route-grid,
  .benchmark-gap-grid,
  .blueprint-principles,
  .commercial-benchmark-grid,
  .kernel-object-grid,
  .commercial-roadmap-track,
  .settings-card-grid,
  .settings-card-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .split,
  .split.wide-left,
  .oms-command-layout,
  .oms-reverse-layout,
  .oms-service-layout,
  .wms-dispatch-layout,
  .wms-count-layout,
  .wms-utilization-layout,
  .operator-workspace-grid,
  .exception-triage-layout {
    grid-template-columns: 1fr;
  }

  .stock-ledger-toolbar {
    grid-template-columns: 1fr;
  }

  .channel-policy-grid {
    grid-template-columns: 1fr;
  }

  .product-edit-workspace {
    grid-template-columns: 1fr;
  }

  .product-edit-sidebar {
    position: static;
  }

  .stock-ledger-actions {
    justify-content: space-between;
  }

  .cms-page-workbench {
    grid-template-columns: 1fr;
  }

  .cms-block-fields {
    grid-template-columns: 1fr;
  }

  .allocation-flow-row {
    grid-template-columns: minmax(240px, 1fr) minmax(140px, 0.6fr) minmax(110px, 0.4fr);
  }

  .allocation-flow-channel {
    grid-column: 1 / -2;
  }

  .allocation-flow-result {
    grid-column: -2 / -1;
  }
}

@media (max-width: 760px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
    grid-template-rows: auto auto auto auto auto;
  }

  .sidebar-task-results {
    max-height: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .main-nav {
    grid-template-columns: repeat(3, 1fr);
  }

  .workspace {
    padding: 22px 16px 36px;
  }

  .workspace-header {
    display: grid;
  }

  .workspace-context-strip {
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: -8px;
  }

  .workspace-context-signal {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .workspace-context-action {
    width: 100%;
  }

  .workspace-feedback {
    grid-template-columns: 1fr;
  }

  .workspace-feedback button {
    width: 100%;
  }

  .inventory-toolbar {
    display: grid;
  }

  .product-subnav {
    display: grid;
  }

  .product-create-shortcut {
    width: 100%;
  }

  .section-tab-help {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .section-tab-help strong {
    white-space: normal;
  }

  .inventory-new-product {
    width: 100%;
  }

  .stock-ledger-controls {
    grid-template-columns: 1fr;
  }

  .pim-toolbar {
    grid-template-columns: 1fr;
  }

  .stock-ledger-actions {
    display: grid;
    justify-content: stretch;
  }

  .stock-product-col {
    min-width: 310px;
    max-width: 340px;
  }

  .stock-modal-backdrop {
    padding: 12px;
  }

  .stock-product-modal {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .stock-modal-head,
  .stock-modal-footer,
  .product-danger-zone {
    display: grid;
  }

  .product-edit-savebar {
    position: static;
    display: grid;
  }

  .stock-product-overview-grid {
    grid-template-columns: 1fr;
  }

  .stock-colorway-card-head {
    align-items: flex-start;
  }

  .metric-grid,
  .domain-grid,
  .commercial-launch-grid,
  .process-control-summary,
  .process-control-grid,
  .process-stage-list,
  .process-control-policies,
  .release-packet-summary,
  .release-packet-lanes,
  .release-packet-grid,
  .release-evidence-grid,
  .commercial-work-queue-grid,
  .operator-workspace-summary,
  .operator-workspace-lanes,
  .operator-workspace-grid,
  .operator-policy-strip,
  .domain-handoff-summary,
  .domain-handoff-lanes,
  .domain-handoff-contracts,
  .domain-handoff-policies,
  .domain-handoff-lane header,
  .domain-handoff-evidence-row,
  .master-data-summary,
  .master-data-grid,
  .master-data-card header,
  .master-data-card dl,
  .master-data-policy-strip,
  .integration-outbox-summary,
  .integration-outbox-lanes,
  .integration-outbox-layout,
  .integration-adapter-card header,
  .integration-adapter-card dl,
  .integration-outbox-item,
  .integration-failure-row,
  .integration-outbox-policies,
  .ops-flow-grid,
  .erp-rail,
  .erp-financial-summary,
  .erp-financial-stage-track,
  .erp-financial-control-grid,
  .erp-purchase-planning-summary,
  .erp-purchase-planning-lanes,
  .erp-purchase-planning-layout,
  .erp-payables-summary,
  .erp-payables-lanes,
  .erp-payables-policy-strip,
  .erp-payment-run-summary,
  .erp-payment-run-lanes,
  .erp-payment-run-policy-strip,
  .erp-payment-run-layout,
  .erp-payment-batch-grid,
  .erp-payment-executed-list,
  .erp-period-close-summary,
  .erp-period-close-actions,
  .erp-period-close-layout,
  .erp-period-close-policy-strip,
  .erp-journal-summary,
  .erp-journal-policy-strip,
  .erp-journal-entry-totals,
  .erp-cost-margin-summary,
  .erp-cost-methodology,
  .erp-cost-margin-grid,
  .erp-cost-card dl,
  .erp-cost-card-values,
  .wms-execution-pipeline,
  .wms-execution-grid,
  .wms-dispatch-summary,
  .wms-dispatch-lanes,
  .wms-dispatch-layout,
  .wms-dispatch-policy-strip,
  .wms-dispatch-manifest-card dl,
  .wms-scan-form,
  .wms-scan-summary,
  .wms-scan-policy-strip,
  .wms-scan-layout,
  .wms-scan-match-card dl,
  .wms-scan-recent-row,
  .wms-replenishment-summary,
  .wms-replenishment-policy-strip,
  .wms-replenishment-grid,
  .wms-transfer-summary,
  .wms-transfer-lanes,
  .wms-transfer-policy-strip,
  .wms-transfer-pairs,
  .wms-transfer-layout,
  .wms-count-summary,
  .wms-count-lanes,
  .wms-count-policy-strip,
  .wms-utilization-summary,
  .wms-utilization-policy-strip,
  .wms-utilization-location-grid,
  .pim-board,
  .pim-enrichment-summary,
  .pim-enrichment-stage-track,
  .pim-enrichment-grid,
  .pim-asset-boundary-summary,
  .pim-asset-boundary-lanes,
  .pim-asset-boundary-policy-strip,
  .pim-asset-boundary-grid,
  .pim-syndication-summary,
  .pim-syndication-lanes,
  .pim-syndication-channel-strip,
  .pim-syndication-policy-strip,
  .pim-syndication-grid,
  .pim-attribute-summary,
  .pim-attribute-stage-track,
  .pim-attribute-policy-strip,
  .pim-attribute-grid,
  .pim-attribute-record-grid,
  .product-syndication-summary,
  .product-syndication-grid,
  .cms-ops-summary,
  .cms-ops-stage-track,
  .cms-ops-entry-grid,
  .cms-model-summary,
  .cms-model-stage-track,
  .cms-model-policy-strip,
  .cms-model-field-grid,
  .cms-model-record-grid,
  .cms-localization-summary,
  .cms-localization-lanes,
  .cms-localization-policy-strip,
  .cms-localization-layout,
  .cms-localization-targets,
  .cms-release-calendar-summary,
  .cms-release-calendar-lanes,
  .cms-release-calendar-grid,
  .cms-release-calendar-layout,
  .cms-release-calendar-item dl,
  .cms-release-summary,
  .cms-release-stage-track,
  .cms-release-grid,
  .oms-command-summary,
  .oms-command-lanes,
  .oms-command-layout,
  .oms-channel-strip,
  .oms-command-policy-strip,
  .oms-lifecycle-summary,
  .oms-lifecycle-stage-track,
  .oms-lifecycle-policy-strip,
  .oms-lifecycle-grid,
  .oms-service-summary,
  .oms-service-lanes,
  .oms-service-layout,
  .oms-service-item dl,
  .oms-reverse-summary,
  .oms-reverse-stage-track,
  .oms-reverse-layout,
  .oms-reverse-lane-grid,
  .oms-reverse-policy-strip,
  .oms-reverse-lane-grid dl,
  .oms-reverse-item dl,
  .oms-orchestration-summary,
  .oms-orchestration-stage-track,
  .oms-orchestration-grid,
  .settlement-card-grid,
  .pim-command-grid,
  .cms-publishing-board,
  .wms-location-board,
  .wms-location-policy-grid,
  .wms-bin-grid,
  .control-flow-grid,
  .approval-group-grid,
  .operations-health-grid,
  .exception-triage-summary,
  .exception-triage-lanes,
  .exception-policy-strip,
  .blueprint-grid,
  .feature-board,
  .report-list,
  .role-card-grid,
  .permission-editor-grid,
  .route-surface-grid,
  .capability-policy-strip,
  .capability-domain-grid,
  .capability-domain-card header,
  .capability-domain-card dl,
  .capability-requirement-row,
  .governance-policy-strip,
  .governance-domain-grid,
  .governance-domain-card header,
  .governance-domain-card dl,
  .governance-role-row,
  .governance-finding-row,
  .governance-route-row,
  .data-quality-policy-strip,
  .data-quality-domain-grid,
  .data-quality-domain-card header,
  .data-quality-domain-card dl,
  .data-quality-rule-row,
  .data-quality-issue-row,
  .reconciliation-policy-strip,
  .reconciliation-flow-grid,
  .reconciliation-flow-card header,
  .reconciliation-flow-card dl,
  .reconciliation-rule-row,
  .reconciliation-issue-row,
  .operating-runbook-policy-strip,
  .operating-runbook-lanes,
  .operating-runbook-grid,
  .operating-runbook-card header,
  .operating-runbook-card dl,
  .operating-runbook-issue-row,
  .operating-runbook-step-row,
  .cutover-policy-strip,
  .cutover-wave-grid,
  .cutover-area-row header,
  .cutover-area-compare,
  .cutover-risk-row,
  .acceptance-policy-strip,
  .acceptance-domain-grid,
  .acceptance-domain-card header,
  .acceptance-domain-card dl,
  .acceptance-objective-row,
  .acceptance-gate-row,
  .data-ownership-policy-strip,
  .data-ownership-domain-grid,
  .data-ownership-domain-card header,
  .data-ownership-domain-card dl,
  .data-ownership-object-row,
  .data-ownership-handoff-row,
  .data-ownership-warning-row,
  .service-runtime-grid,
  .service-policy-strip,
  .contract-audit-policy-strip,
  .contract-audit-domain-grid,
  .contract-audit-domain header,
  .contract-audit-domain dl,
  .contract-audit-signals,
  .contract-audit-issue,
  .runtime-route-grid,
  .runtime-route-domain header,
  .runtime-route-domain dl,
  .runtime-route-gap,
  .benchmark-gap-grid,
  .benchmark-gap-domain header,
  .benchmark-gap-domain dl,
  .benchmark-gap-requirement,
  .blueprint-principles,
  .commercial-benchmark-grid,
  .kernel-object-grid,
  .commercial-roadmap-track,
  .settings-card-grid,
  .settings-card-grid.compact,
  .product-create-layout,
  .product-edit-workspace,
  .image-boundary-guide,
  .pim-asset-boundary-glossary,
  .wms-utilization-layout,
  .product-image-workbench,
  .product-edit-colorway-asset,
  .product-edit-snapshot,
  .product-syndication-card header,
  .product-syndication-card dl,
  .pim-attribute-record header,
  .pim-attribute-field-list div,
  .pim-gate-list div,
  .wms-replenishment-card header,
  .wms-replenishment-card dl,
  .wms-replenishment-route,
  .wms-count-layout,
  .wms-count-item header,
  .wms-count-item dl,
  .wms-count-item footer,
  .wms-count-location header,
  .wms-count-location dl,
  .erp-journal-line,
  .product-channel-list article,
  .cms-page-workbench,
  .cms-page-preview-shell,
  .cms-block-row-head,
  .cms-block-fields,
  .oms-order-toolbar,
  .oms-order-summary-grid,
  .oms-order-flow-grid,
  .oms-order-next-actions article,
  .oms-order-erp-evidence article,
  .oms-order-linked-list article,
  .oms-promise-item dl,
  .putaway-flow-guide,
  .product-preview-grid,
  .form-grid,
  .product-edit-colorways label,
  .image-upload-row,
  .option-entry-grid,
  .colorway-entry-grid,
  .receiving-controls,
  .transfer-controls,
  .pricing-controls,
  .allocation-toolbar,
  .allocation-controls,
  .allocation-detail-head,
  .allocation-editor-head,
  .allocation-editor-impact,
  .allocation-focus-summary,
  .allocation-workflow-steps,
  .allocation-flow-controls,
  .allocation-flow-summary,
  .allocation-flow-row,
  .allocation-flow-channel,
  .movement-availability-grid,
  .channel-policy-stats,
  .channel-policy-source-row,
  .ops-log-list .commercial-exception-card,
  .exception-triage-layout,
  .exception-escalation-card,
  .exception-main,
  .settings-detail-list {
    grid-template-columns: 1fr;
  }

  .acceptance-objective-row > div,
  .acceptance-gate-row > div {
    grid-column: 1 / -1;
  }

  .oms-order-flow-head {
    display: grid;
  }

  .exception-actions {
    justify-content: flex-start;
  }

  .commercial-work-queue-panel .panel-head,
  .operator-workspace-panel .panel-head,
  .domain-handoff-panel .panel-head,
  .master-data-panel .panel-head,
  .integration-outbox-panel .panel-head,
  .commercial-health-panel .panel-head,
  .operator-workspace-lane header,
  .operator-action-item,
  .operator-handoff-row,
  .domain-handoff-lane header,
  .domain-handoff-evidence-row,
  .master-data-card header,
  .integration-adapter-card header,
  .integration-outbox-item,
  .integration-failure-row,
  .commercial-health-card header,
  .commercial-health-card button,
  .work-queue-task-row,
  .work-queue-task {
    display: grid;
    grid-template-columns: 1fr;
  }

  .work-queue-exception-action {
    min-height: 44px;
  }

  .commercial-health-signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commercial-health-card button small {
    grid-column: 1;
  }

  .work-queue-summary {
    justify-items: start;
  }

  .work-queue-task small {
    grid-column: 1;
  }

  .operator-action-item small,
  .operator-handoff-row small,
  .operator-lane-task small {
    grid-column: 1;
  }

  .operator-lane-task em {
    grid-row: auto;
    grid-column: 1;
  }

  .route-surface-card header,
  .route-surface-row,
  .service-runtime-card header,
  .service-command-row,
  .service-event-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .route-surface-row small,
  .route-surface-row em,
  .service-command-row small,
  .service-command-row em {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    text-align: left;
  }

  .product-create-sidebar {
    position: static;
  }

  .product-edit-section-head {
    grid-template-columns: 1fr;
  }

  .cms-page-preview-hero {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .cms-page-danger-zone {
    display: grid;
  }

  .alias-preview-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .dashboard-command-layout {
    grid-template-columns: 1fr;
  }

  .dashboard-priority-list,
  .dashboard-domain-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pim-master-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pim-master-action-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-edit-operation-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-edit-topbar {
    position: static;
    grid-template-columns: 1fr;
  }

  .product-edit-jumpnav {
    justify-content: flex-start;
  }

  .product-edit-section {
    scroll-margin-top: 16px;
  }
}

@media (max-width: 760px) {
  .dashboard-command-center {
    padding: 12px;
  }

  .sidebar {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .home-intro {
    display: grid;
  }

  .home-intro button,
  .home-row-action {
    width: 100%;
  }

  .home-queue-grid {
    grid-template-columns: 1fr;
  }

  .home-activity-list article {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .product-edit-operation-strip {
    grid-template-columns: 1fr;
  }

  .dashboard-command-head,
  .dashboard-subhead,
  .dashboard-detail-toggle-panel {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dashboard-detail-toggle-panel button {
    width: 100%;
  }

  .dashboard-next-action {
    grid-template-columns: 1fr;
  }

  .dashboard-next-action button {
    width: 100%;
  }

  .dashboard-command-summary,
  .dashboard-priority-list,
  .dashboard-domain-strip {
    grid-template-columns: 1fr;
  }

  .pim-master-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pim-master-action-head,
  .pim-master-action-item.is-ready {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pim-master-action-list {
    grid-template-columns: 1fr;
  }

  .product-edit-jumpnav a {
    min-height: 44px;
  }
}

@media (max-width: 1180px) {
  .home-queue-grid {
    grid-template-columns: 1fr;
  }
}