/* Finance V2 approved visual grammar integration.
   Authority: finance-v2-visual-grammar-board-v2.html
   SHA-256: EB369659C9E7D031EFCF65B8149663602A56068C63373A2C886476E6F8AB5AF4 */

html[data-material="c"][data-system="operational"] {
  --px-base: #070A0C;
  --px-surface: #11181C;
  --px-plane: #182127;
  --px-divider: #303A42;
  --px-text: #F8FBFC;
  --px-copy: #C6CDD2;
  --px-meta: #929EA7;
  --px-blue: #2C63E8;
  --px-active: #64D8F3;
  --px-procedure: #C65CFF;
  --px-waiting: #7F8C98;
  --px-complete: #31D36B;
  --px-danger: #FF5C57;
  --px-disabled: #56616A;

  --ink-primary: var(--px-text);
  --ink-secondary: var(--px-copy);
  --ink-meta: var(--px-meta);
  --brand-action: var(--px-blue);
  /* The accepted operational-link colour remains owned by the protected
     pre-integration screen CSS. It is intentionally distinct from selection. */
  --brand-focus: var(--px-blue);
  --brand-micro: var(--px-blue);
  --active-edge: var(--px-blue);
  --state-active: var(--px-active);
  --state-procedure: var(--px-procedure);
  --state-waiting: var(--px-waiting);
  --state-complete: var(--px-complete);
  --state-destructive: var(--px-danger);
  --state-disabled: var(--px-disabled);
  color: var(--px-copy);
  background: var(--px-base);
}

html[data-material="c"][data-system="operational"] body {
  color: var(--px-copy);
  background: var(--px-base);
}

html[data-material="c"][data-system="operational"] :is(h1, .screen-title, #jobCustomer) {
  color: var(--px-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

html[data-material="c"][data-system="operational"] :is(h2, h3, h4, .section-heading, .key-value) {
  color: var(--px-text);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

html[data-material="c"][data-system="operational"] :is(p, .request, .actiondetail) {
  color: var(--px-copy);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

html[data-material="c"][data-system="operational"] :is(button, input, select, textarea, .tab, .statusrow, .supportrow, .jobstate, .jobnext, .jobvalue) {
  font-size: 13px;
}

html[data-material="c"][data-system="operational"] :is(.eyebrow, .identitycontext, .jobref, .jobtime, .metadata, .meta-label, .supporttitle, .start-kicker) {
  color: var(--px-meta);
  font-size: 11px;
  font-weight: 400;
}

/* Approved PrimeX identity and one rounded 24x24 navigation family.
   This is the single shared owner for rail material, geometry and state. */
html[data-material="c"][data-system="operational"] .rail {
  padding-inline: 8px;
  border-right: 1px solid #1b2329;
  background: var(--surface-grain), linear-gradient(180deg,#0b1013 0%,#070b0d 54%,#050708 100%);
  box-shadow: inset -1px 0 #030405, inset 0 1px rgba(255,255,255,.04), 7px 0 20px rgba(0,0,0,.18);
}

html[data-material="c"][data-system="operational"] .brand {
  width: 100%;
  height: 67px;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

html[data-material="c"][data-system="operational"] .brand-wordmark {
  color: var(--px-text);
}

html[data-material="c"][data-system="operational"] .brand-x {
  color: var(--px-blue);
}

html[data-material="c"][data-system="operational"] .brand::after { display: none; }
html[data-material="c"][data-system="operational"] .brand-wordmark { gap: 2px; }
html[data-material="c"][data-system="operational"] .brand-prime { font-size: 16px; letter-spacing: -.05em; }
html[data-material="c"][data-system="operational"] .brand-bio { margin: 0; color: #b7c1c7; font-size: 9px; letter-spacing: .035em; }
html[data-material="c"][data-system="operational"] .railnav { gap: 3px; margin-top: 9px; }

html[data-material="c"][data-system="operational"] .railbutton {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 60px;
  padding: 8px 3px;
  border: 1px solid transparent;
  border-radius: 1px;
  color: var(--px-copy);
  background: transparent;
  box-shadow: none;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

html[data-material="c"][data-system="operational"] .railbutton:hover:not(.active) {
  color: var(--px-text);
  border-color: color-mix(in srgb, var(--px-divider) 78%, transparent);
  background: color-mix(in srgb, var(--px-copy) 4%, transparent);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

html[data-material="c"][data-system="operational"] .railbutton:focus-visible {
  color: var(--px-text);
  outline: 1px solid var(--px-blue);
  outline-offset: -2px;
  border-color: color-mix(in srgb, var(--px-blue) 34%, var(--px-divider));
  background: color-mix(in srgb, var(--px-blue) 6%, var(--px-plane));
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

html[data-material="c"][data-system="operational"] .railbutton.active {
  color: var(--px-text);
  border-color: color-mix(in srgb, var(--px-blue) 30%, var(--px-divider));
  background: var(--surface-grain), linear-gradient(180deg,#182127,#11181d);
  box-shadow: inset 0 1px rgba(255,255,255,.075), inset 0 -1px #050708, 0 3px 8px rgba(0,0,0,.3);
}

html[data-material="c"][data-system="operational"] .railbutton.active::before {
  content: none;
}

html[data-material="c"][data-system="operational"] .railbutton.active::after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 3px;
  background: var(--px-blue);
  box-shadow: 0 0 1px var(--px-blue), 0 0 5px color-mix(in srgb,var(--px-blue) 32%,transparent);
}

html[data-material="c"][data-system="operational"] :is(.navicon, .px-nav-icon) {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-bottom: 5px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-material="c"][data-system="operational"] .px-procedure-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--px-procedure);
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-procedure) 38%, transparent);
}

/* Mobile navigation retains selection and procedure as independent signals. */
html[data-material="c"][data-system="operational"] .mobilebottom button {
  min-width: 0;
  color: var(--px-copy);
  font-size: 12px;
  font-weight: 500;
}

html[data-material="c"][data-system="operational"] .mobilebottom button.active {
  color: var(--px-text) !important;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] .mobilebottom button.active::after {
  background: var(--px-blue) !important;
}

html[data-material="c"][data-system="operational"] .mobilebottom .px-nav-icon {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto 3px;
}

/* State signals: ordinary words remain neutral; only explicit dots carry meaning. */
html[data-material="c"][data-system="operational"] :is(.jobstate, [data-status-signal] strong, [data-visual-state] .px-state-label, .start-procedure) {
  color: var(--px-copy) !important;
}

html[data-material="c"][data-system="operational"] :is(.job[data-stage-signal], [data-status-signal], [data-visual-state]) .px-state-dot,
html[data-material="c"][data-system="operational"] .job[data-stage-signal] .jobstate::before,
html[data-material="c"][data-system="operational"] [data-status-signal] strong::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] :is([data-status-signal="required"], [data-visual-state="procedure"], [data-visual-state="required"]) .px-state-dot,
html[data-material="c"][data-system="operational"] [data-status-signal="required"] strong::before {
  background: var(--px-procedure) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-procedure) 34%, transparent) !important;
}

html[data-material="c"][data-system="operational"] :is(.job[data-stage-signal="fulfilment"], [data-visual-state="fulfilment"], [data-status-signal="active"], [data-visual-state="active"]) .px-state-dot,
html[data-material="c"][data-system="operational"] .job[data-stage-signal="fulfilment"] .jobstate::before,
html[data-material="c"][data-system="operational"] [data-status-signal="active"] strong::before {
  background: var(--px-active) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-active) 28%, transparent) !important;
}

html[data-material="c"][data-system="operational"] :is(.job[data-stage-signal="waiting"], [data-status-signal="waiting"], [data-visual-state="waiting"]) .px-state-dot,
html[data-material="c"][data-system="operational"] .job[data-stage-signal="waiting"] .jobstate::before,
html[data-material="c"][data-system="operational"] [data-status-signal="waiting"] strong::before {
  background: var(--px-waiting) !important;
}

html[data-material="c"][data-system="operational"] :is(.job[data-stage-signal="completed"], [data-status-signal="completed"], [data-status-signal="saved"], [data-visual-state="completed"], [data-visual-state="saved"]) .px-state-dot,
html[data-material="c"][data-system="operational"] .job[data-stage-signal="completed"] .jobstate::before,
html[data-material="c"][data-system="operational"] :is([data-status-signal="completed"], [data-status-signal="saved"]) strong::before {
  background: var(--px-complete) !important;
}

html[data-material="c"][data-system="operational"] :is(.job[data-stage-signal="quote"], [data-visual-state="quote"]) .px-state-dot,
html[data-material="c"][data-system="operational"] .job[data-stage-signal="quote"] .jobstate::before {
  background: var(--px-blue) !important;
  box-shadow: none !important;
}

html[data-material="c"][data-system="operational"] [data-visual-state="disabled"] .px-state-dot {
  background: var(--px-disabled);
}

/* One explicit record-status component. Ordinary or closed wording has no dot. */
html[data-material="c"][data-system="operational"] .px-status-token {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--px-copy);
  font-size: 13px;
  font-weight: 620;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] .px-status-token::before,
html[data-material="c"][data-system="operational"] .job .jobstate::before {
  content: none !important;
  display: none !important;
}
html[data-material="c"][data-system="operational"] .px-status-token .px-state-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
}
html[data-material="c"][data-system="operational"] .px-status-token[data-visual-state="neutral"] .px-state-dot {
  display: none;
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-visual-state] span::before,
html[data-material="c"][data-system="operational"] .current[data-visual-state] strong::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--px-waiting);
  box-shadow: none;
  vertical-align: 1px;
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-visual-state="active"] span::before,
html[data-material="c"][data-system="operational"] .current[data-visual-state="active"] strong::before {
  background: var(--px-active) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-active) 28%, transparent) !important;
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-visual-state="procedure"] span::before,
html[data-material="c"][data-system="operational"] .current[data-visual-state="procedure"] strong::before {
  background: var(--px-procedure) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-procedure) 34%, transparent) !important;
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-visual-state="waiting"] span::before,
html[data-material="c"][data-system="operational"] .current[data-visual-state="waiting"] strong::before {
  background: var(--px-waiting) !important;
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-visual-state="completed"] span::before,
html[data-material="c"][data-system="operational"] .current[data-visual-state="completed"] strong::before {
  background: var(--px-complete) !important;
}

/* A destination may carry a procedure dot; selection remains the blue edge/rule. */
html[data-material="c"][data-system="operational"] .tab[data-procedure="required"] {
  color: var(--px-copy) !important;
}

html[data-material="c"][data-system="operational"] .tab[data-procedure="required"]::before {
  position: static !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 6px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--px-procedure) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--px-procedure) 34%, transparent) !important;
  animation: none !important;
}

html[data-material="c"][data-system="operational"] .tab.active {
  color: var(--px-text) !important;
}

html[data-material="c"][data-system="operational"] .tab.active::after {
  background: var(--px-blue) !important;
}

/* Traversal markers only. */
html[data-material="c"][data-system="operational"] :is(.statusrow, .activityline, .disclosure summary) > em,
html[data-material="c"][data-system="operational"] .job-arrow {
  color: var(--px-blue);
  stroke: var(--px-blue);
  text-shadow: none;
}

/* Shared controls and all required interaction states. */
html[data-material="c"][data-system="operational"] [data-control-kind] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 42px;
  padding-inline: 18px !important;
  border-radius: 2px;
  color: var(--px-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease, transform 80ms ease;
}

html[data-material="c"][data-system="operational"] [data-control-kind="primary"] {
  border: 1px solid var(--px-blue);
  background: linear-gradient(180deg, color-mix(in srgb, var(--px-blue) 22%, var(--px-plane)), color-mix(in srgb, var(--px-blue) 8%, var(--px-plane)) 44%, color-mix(in srgb, var(--px-base) 8%, var(--px-plane)));
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 6%, transparent), inset 0 -1px color-mix(in srgb, var(--px-base) 48%, transparent), 0 4px 9px color-mix(in srgb, var(--px-base) 72%, transparent);
}

html[data-material="c"][data-system="operational"] [data-control-kind="secondary"] {
  border: 1px solid var(--px-divider);
  background: var(--px-plane);
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 4%, transparent), inset 0 -1px color-mix(in srgb, var(--px-base) 42%, transparent);
}

html[data-material="c"][data-system="operational"] [data-control-kind="quiet"] {
  border: 1px solid transparent;
  border-bottom-color: var(--px-divider);
  background: transparent;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] [data-control-kind="destructive"] {
  border: 1px solid var(--px-danger);
  background: var(--px-plane);
}

html[data-material="c"][data-system="operational"] [data-control-kind]:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--px-blue);
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 7%, transparent), 0 0 0 1px color-mix(in srgb, var(--px-blue) 30%, transparent);
}

html[data-material="c"][data-system="operational"] [data-control-kind]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--px-blue) 55%, transparent);
  outline-offset: 2px;
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="focus"] {
  outline: 2px solid color-mix(in srgb, var(--px-blue) 55%, transparent);
  outline-offset: 2px;
}

html[data-material="c"][data-system="operational"] [data-control-kind]:active:not(:disabled),
html[data-material="c"][data-system="operational"] [data-control-state="pressed"] {
  transform: translateY(1px);
  box-shadow: inset 0 3px 8px color-mix(in srgb, var(--px-base) 52%, transparent);
}

html[data-material="c"][data-system="operational"] [data-control-state="loading"] {
  color: var(--px-copy);
  cursor: wait;
  pointer-events: none;
}

html[data-material="c"][data-system="operational"] [data-control-state="loading"]::after {
  content: "";
  position: absolute;
  right: 14px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--px-disabled);
  border-top-color: var(--px-blue);
  border-radius: 50%;
  animation: px-spin 900ms linear infinite;
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="success"] {
  border-color: var(--px-divider);
  background: var(--px-plane);
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 3.5%, transparent);
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="success"]::after {
  content: "✓";
  position: absolute;
  right: 14px;
  color: var(--px-complete);
}

html[data-material="c"][data-system="operational"] [data-control-kind]:disabled,
html[data-material="c"][data-system="operational"] [data-control-kind][aria-disabled="true"] {
  color: var(--px-disabled);
  border-color: color-mix(in srgb, var(--px-divider) 72%, var(--px-base));
  background: color-mix(in srgb, var(--px-plane) 64%, var(--px-base));
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

@keyframes px-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  html[data-material="c"][data-system="operational"] *,
  html[data-material="c"][data-system="operational"] *::before,
  html[data-material="c"][data-system="operational"] *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Genuine-operation TOTP surfaces. Secrets exist only in the live enrollment
   DOM and are never written to storage, logs or generated assets. */
html[data-material="c"][data-system="operational"] .finance-mfa-shell {
  width: min(100%, 520px);
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid color-mix(in srgb, var(--px-border) 86%, var(--px-blue));
  background: color-mix(in srgb, var(--px-plane) 94%, var(--px-blue) 6%);
  box-shadow: 0 18px 42px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035);
}

html[data-material="c"][data-system="operational"] .finance-auth-panel .finance-mfa-shell,
html[data-material="c"][data-system="operational"] .px-session-dialog .finance-mfa-shell {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] .finance-mfa-shell :is(h2, p) {
  margin: 0;
}

html[data-material="c"][data-system="operational"] .finance-mfa-shell h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

html[data-material="c"][data-system="operational"] .finance-mfa-shell > p {
  color: var(--px-copy);
}

html[data-material="c"][data-system="operational"] .finance-mfa-qr {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--px-divider);
  background: var(--px-surface);
}

html[data-material="c"][data-system="operational"] .finance-mfa-qr img {
  width: 168px;
  height: 168px;
  padding: 8px;
  background: #fff;
}

html[data-material="c"][data-system="operational"] .finance-mfa-qr code {
  display: block;
  margin-top: 10px;
  padding: 9px 10px;
  color: var(--px-text);
  background: var(--px-base);
  font: 600 12px/1.5 ui-monospace, "Cascadia Mono", monospace;
  overflow-wrap: anywhere;
  user-select: all;
}

html[data-material="c"][data-system="operational"] .finance-mfa-support,
html[data-material="c"][data-system="operational"] .finance-mfa-feedback {
  color: var(--px-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

html[data-material="c"][data-system="operational"] .finance-mfa-feedback[role="alert"] {
  color: var(--px-danger);
}

html[data-material="c"][data-system="operational"] .finance-mfa-factor-list {
  display: grid;
  gap: 1px;
  margin: 16px 0;
  background: var(--px-divider);
}

html[data-material="c"][data-system="operational"] .finance-mfa-factor-list article {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--px-plane);
}

html[data-material="c"][data-system="operational"] .finance-mfa-factor-list span,
html[data-material="c"][data-system="operational"] .finance-mfa-recovery p {
  color: var(--px-meta);
}

html[data-material="c"][data-system="operational"] .finance-mfa-recovery {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--px-divider);
}

@media (max-width: 560px) {
  html[data-material="c"][data-system="operational"] .finance-mfa-shell {
    padding: 19px 16px;
  }

  html[data-material="c"][data-system="operational"] .finance-mfa-qr {
    grid-template-columns: 1fr;
  }

  html[data-material="c"][data-system="operational"] .finance-mfa-qr img {
    justify-self: center;
  }

  html[data-material="c"][data-system="operational"] .finance-mfa-factor-list article {
    display: grid;
    gap: 4px;
  }
}

/* Protected completion pass: inventory workflow finish. */
html[data-material="c"][data-system="operational"] .stock-setup {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions) > summary {
  position: relative;
  box-sizing: border-box;
  min-height: 36px;
  padding-right: 28px;
  list-style: none;
  cursor: pointer;
  color: var(--px-copy);
  font-size: 13px;
  font-weight: 650;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions) > summary::-webkit-details-marker { display: none; }
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions) > summary::marker { content: ""; }
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions) > summary::after {
  content: "›";
  position: absolute;
  right: 5px;
  top: 50%;
  color: var(--px-copy);
  font-size: 17px;
  line-height: 1;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 120ms ease, color 120ms ease;
}
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions)[open] > summary::after {
  color: var(--px-blue);
  transform: translateY(-50%) rotate(90deg);
}
html[data-material="c"][data-system="operational"] :is(.stock-setup,.stock-item-details,.inbound-row,.specialist-actions) > summary:focus-visible {
  outline: 1px solid var(--px-blue);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--px-blue) 12%,transparent);
}
html[data-material="c"][data-system="operational"] .stock-setup > p {
  margin: 8px 0 12px;
  color: var(--px-meta);
  font-size: 13px;
  line-height: 20px;
}
html[data-material="c"][data-system="operational"] .stock-setup > button {
  min-height: 40px;
  padding-inline: 14px;
}
html[data-material="c"][data-system="operational"] .stock-detail {
  display: grid;
  gap: 20px;
  align-content: start;
}
html[data-material="c"][data-system="operational"] .stock-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] .stock-detail-header h3 { margin: 4px 0; }
html[data-material="c"][data-system="operational"] .stock-detail-header p { margin: 0; color: var(--px-meta); }
html[data-material="c"][data-system="operational"] .stock-edit-controls { display: flex; flex-wrap: wrap; justify-content: end; gap: 8px; }
html[data-material="c"][data-system="operational"] .stock-identity {
  display: grid;
  grid-template-columns: minmax(120px,.42fr) minmax(0,1fr);
  gap: 8px 18px;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] .stock-identity dt { color: var(--px-meta); }
html[data-material="c"][data-system="operational"] .stock-identity dd { margin: 0; color: var(--px-copy); }
html[data-material="c"][data-system="operational"] :is(.stock-movement-control,.stock-item-details,.stock-movement-history) {
  padding-top: 16px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] :is(.stock-editor-form,.stock-editor-form > fieldset,#databaseStockMovement > fieldset) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-material="c"][data-system="operational"] .stock-editor-form > header,
html[data-material="c"][data-system="operational"] .stock-editor-form > fieldset,
html[data-material="c"][data-system="operational"] .stock-editor-form :is(.adjuster-field--wide,.stock-checkbox,.stock-form-actions) {
  grid-column: 1 / -1;
}
html[data-material="c"][data-system="operational"] .stock-editor-form > header p {
  max-width: 68ch;
  margin: 5px 0 2px;
  color: var(--px-meta);
  font-size: 13px;
  line-height: 20px;
}
html[data-material="c"][data-system="operational"] .stock-editor-form .adjuster-field,
html[data-material="c"][data-system="operational"] #databaseStockMovement .adjuster-field { display: grid; gap: 6px; min-width: 0; margin-top: 0; }
html[data-material="c"][data-system="operational"] .adjuster-field small {
  color: var(--px-meta);
  font-size: 11px;
  line-height: 16px;
}
html[data-material="c"][data-system="operational"] .adjuster-field textarea {
  min-height: 84px;
  resize: vertical;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  padding: 9px 10px;
  background: var(--px-base);
  color: var(--px-text);
  font: inherit;
}
html[data-material="c"][data-system="operational"] .stock-checkbox {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  color: var(--px-copy);
  font-size: 13px;
}
html[data-material="c"][data-system="operational"] .stock-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] .stock-form-actions > button { width: auto; min-width: 150px; min-height: 42px; }
html[data-material="c"][data-system="operational"] #databaseStockMovement > fieldset > button { align-self: end; min-height: 42px; }
html[data-material="c"][data-system="operational"] fieldset:disabled { opacity: .52; }
html[data-material="c"][data-system="operational"] .stock-movement-history .stock-section-heading { align-items: end; }
html[data-material="c"][data-system="operational"] .stock-movement-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 5px 18px;
  padding: 12px 2px;
  border-bottom: 1px solid var(--px-divider);
  color: var(--px-copy);
  font-size: 13px;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] .stock-movement-row > span { display: grid; gap: 2px; }
html[data-material="c"][data-system="operational"] .stock-movement-row small { color: var(--px-meta); }
html[data-material="c"][data-system="operational"] .stock-movement-row p { grid-column: 1 / -1; margin: 0; }
html[data-material="c"][data-system="operational"] .stock-movement-row .stock-in { color: var(--px-complete); }
html[data-material="c"][data-system="operational"] .stock-movement-row .stock-out { color: var(--px-copy); }
html[data-material="c"][data-system="operational"] .inbound-row--batch-child {
  margin-left: 18px;
  padding-left: 14px;
  border-left: 2px solid color-mix(in srgb,var(--px-blue) 62%,var(--px-divider));
}
html[data-material="c"][data-system="operational"] .more-route-list { max-width: 760px; padding: 8px 18px; }
html[data-material="c"][data-system="operational"] .more-route-list .statusrow { min-height: 56px; border-bottom: 1px solid var(--px-divider); }
html[data-material="c"][data-system="operational"] .recovery-panel { max-width: 820px; }

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .stock-workspace { padding-bottom: 112px !important; }
  html[data-material="c"][data-system="operational"] .stock-detail-header { display: grid; }
  html[data-material="c"][data-system="operational"] .stock-edit-controls { justify-content: start; }
  html[data-material="c"][data-system="operational"] :is(.stock-editor-form,.stock-editor-form > fieldset,#databaseStockMovement > fieldset) { grid-template-columns: 1fr; gap: 12px; }
  html[data-material="c"][data-system="operational"] .stock-editor-form > header,
  html[data-material="c"][data-system="operational"] .stock-editor-form > fieldset,
  html[data-material="c"][data-system="operational"] .stock-editor-form :is(.adjuster-field--wide,.stock-checkbox,.stock-form-actions) { grid-column: 1; }
  html[data-material="c"][data-system="operational"] .stock-form-actions { display: grid; }
  html[data-material="c"][data-system="operational"] .stock-form-actions > button { width: 100%; }
  html[data-material="c"][data-system="operational"] .stock-identity { grid-template-columns: 96px minmax(0,1fr); gap: 7px 12px; }
  html[data-material="c"][data-system="operational"] .stock-movement-history .stock-section-heading { align-items: stretch; }
  html[data-material="c"][data-system="operational"] .inbound-row--batch-child { margin-left: 8px; padding-left: 10px; }
  html[data-material="c"][data-system="operational"] .more-workspace,
  html[data-material="c"][data-system="operational"] .recovery-workspace { padding-bottom: 112px; }
}

/* Request → job operator journey. The database claim/version model remains the
   authority; these rules only separate the operator's current procedure from
   recovery tooling and give mobile request review its own view. */
html[data-material="c"][data-system="operational"] .request-detail-back { display: none; }
html[data-material="c"][data-system="operational"] .request-identity {
  grid-template-columns: 92px minmax(0,1fr);
  margin: 18px 0 22px;
  padding: 16px 0;
  border-block: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] .request-primary {
  margin-top: 20px;
}
html[data-material="c"][data-system="operational"] .request-primary form {
  display: grid;
  gap: 12px;
}
html[data-material="c"][data-system="operational"] .request-customer-history {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] .request-customer-history > summary {
  color: var(--px-copy);
  font-size: 13px;
  font-weight: 650;
  line-height: 18px;
  cursor: pointer;
}
html[data-material="c"][data-system="operational"] .request-customer-history button {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid var(--px-divider);
  background: transparent;
  box-shadow: none;
  color: var(--brand-link);
  text-align: left;
}
html[data-material="c"][data-system="operational"] .request-customer-history button small {
  color: var(--px-meta);
  font-size: 11px;
  line-height: 16px;
}
html[data-material="c"][data-system="operational"] .request-customer-history-empty {
  margin-top: 20px;
  color: var(--px-meta);
}
html[data-material="c"][data-system="operational"] #overviewPanel .command-secondary {
  margin-top: 12px;
}
html[data-material="c"][data-system="operational"] .actionzone[data-record-status="completed"] #jobPrimaryAction {
  min-width: 190px;
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] body.request-detail-open #workspaceArea[data-requests-workspace] {
    padding-top: 10px !important;
  }
  html[data-material="c"][data-system="operational"] body.request-detail-open #workspaceArea[data-requests-workspace] :is(.requests-heading,.requests-toolbar,.requests-list,.requests-tools) {
    display: none !important;
  }
  html[data-material="c"][data-system="operational"] body.request-detail-open #workspaceArea[data-requests-workspace] .requests-columns {
    display: block;
  }
  html[data-material="c"][data-system="operational"] body.request-detail-open #workspaceArea[data-requests-workspace] .request-review {
    display: block;
    width: 100%;
    min-height: 0;
    padding: 14px;
    box-sizing: border-box;
  }
  html[data-material="c"][data-system="operational"] body.request-detail-open .request-detail-back {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: -4px 0 14px;
    padding: 6px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--brand-link);
    font-size: 13px;
    font-weight: 650;
    line-height: 18px;
  }
  html[data-material="c"][data-system="operational"] .request-identity {
    grid-template-columns: 78px minmax(0,1fr);
    gap: 8px 12px;
  }
  html[data-material="c"][data-system="operational"] .request-primary .adjuster-apply {
    width: 100%;
    min-height: 44px;
  }
}

/* Top-level database workspaces must not inherit the selected-job two-column
   `.content` grid. Their own shared workspace grids own route composition. */
html[data-material="c"][data-system="operational"] .content.records-workspace,
html[data-material="c"][data-system="operational"] .content.stock-workspace {
  display: block !important;
  margin: 0 !important;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid {
  display: grid !important;
  flex-direction: initial !important;
  grid-template-columns: minmax(300px,.78fr) minmax(500px,1.22fr) !important;
  gap: 16px !important;
  margin-top: 18px;
  align-items: start;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid > .stock-inventory {
  grid-column: 1;
  grid-row: 1;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid > .stock-detail {
  grid-column: 1;
  grid-row: 2;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid[data-stock-detail-open="true"] {
  grid-template-columns: minmax(300px,.72fr) minmax(560px,1.28fr) !important;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid[data-stock-detail-open="true"] > .stock-detail {
  grid-column: 2;
  grid-row: 1;
}

html[data-material="c"][data-system="operational"] .content.records-workspace > .records-toolbar {
  display: flex !important;
  flex-direction: row !important;
  align-items: end !important;
  min-height: 0 !important;
}

html[data-material="c"][data-system="operational"] .content.records-workspace > .records-toolbar .px-search-control {
  flex: 1 1 360px;
  height: auto;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid > #databaseInbound.stock-inbound {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid[data-stock-detail-open="true"] > #databaseInbound.stock-inbound {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

html[data-material="c"][data-system="operational"] .stock-inventory .stock-section-heading {
  align-items: stretch !important;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
}

html[data-material="c"][data-system="operational"] .stock-inventory .stock-search {
  flex: 0 0 auto;
  height: auto;
  width: 100%;
}

html[data-material="c"][data-system="operational"] #startHome .start-review-list .statusrow {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 18px !important;
  align-items: center;
  justify-content: initial;
}

html[data-material="c"][data-system="operational"] #startHome .start-review-list .statusrow strong,
html[data-material="c"][data-system="operational"] #startHome .start-review-list .statusrow small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-material="c"][data-system="operational"] #startHome .start-review-list .statusrow strong {
  max-width: none;
  text-align: left;
}

@media (max-width: 1100px) {
  html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid > :is(.stock-inventory,.stock-detail),
  html[data-material="c"][data-system="operational"] .content.stock-workspace > .stock-main-grid > #databaseInbound.stock-inbound {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .content.records-workspace > .records-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html[data-material="c"][data-system="operational"] .content.records-workspace > .records-toolbar .px-search-control {
    flex: 0 0 auto;
  }
  html[data-material="c"][data-system="operational"] #databaseInbound.stock-inbound {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Connected owner-review coherence: operational evidence and stock use the
   approved material tokens without introducing a second component language. */
html[data-material="c"][data-system="operational"] .completed-evidence,
html[data-material="c"][data-system="operational"] .batch-summary {
  display: grid;
  grid-template-columns: minmax(108px, .45fr) minmax(0, 1fr);
  gap: 8px 18px;
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] :is(.completed-evidence,.batch-summary) dt { color: var(--px-waiting); }
html[data-material="c"][data-system="operational"] :is(.completed-evidence,.batch-summary) dd { margin: 0; color: var(--px-copy); overflow-wrap: anywhere; }
html[data-material="c"][data-system="operational"] .saved-message-evidence {
  margin: 14px 0 0;
  padding: 14px 0;
  border-block: 1px solid var(--px-divider);
  color: var(--px-copy);
  font: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
html[data-material="c"][data-system="operational"] .operational-history { display: grid; }
html[data-material="c"][data-system="operational"] .history-entry {
  display: grid;
  grid-template-columns: minmax(170px, .8fr) minmax(150px, .65fr) minmax(190px, 1fr);
  gap: 5px 18px;
  padding: 14px 0;
  border-bottom: 1px solid var(--px-divider);
  color: var(--px-copy);
  font-size: 13px;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] .history-entry :is(time,span) { color: var(--px-waiting); }
html[data-material="c"][data-system="operational"] .history-entry p { grid-column: 1 / -1; margin: 0; }
html[data-material="c"][data-system="operational"] .stock-workspace { display: grid; gap: 18px; }
html[data-material="c"][data-system="operational"] .stock-workspace > .px-page-header p { margin: 4px 0 0; color: var(--px-waiting); }
html[data-material="c"][data-system="operational"] .stock-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-block: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] .stock-summary > div { display: grid; gap: 3px; padding: 13px 16px; }
html[data-material="c"][data-system="operational"] .stock-summary > div + div { border-left: 1px solid var(--px-divider); }
html[data-material="c"][data-system="operational"] .stock-summary strong { color: var(--px-copy); font-size: 17px; line-height: 22px; }
html[data-material="c"][data-system="operational"] .stock-summary span { color: var(--px-waiting); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .stock-summary [data-status-signal="required"] strong { color: var(--px-procedure); text-shadow: 0 0 4px color-mix(in srgb,var(--px-procedure) 30%,transparent); }
html[data-material="c"][data-system="operational"] :is(.stock-inventory,.stock-detail,.stock-inbound) {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--px-divider);
  background: var(--surface-grain), linear-gradient(180deg,var(--px-plane),var(--px-surface));
  box-shadow: inset 0 1px color-mix(in srgb,var(--px-copy) 5%,transparent), 0 8px 20px color-mix(in srgb,var(--px-base) 35%,transparent);
}
html[data-material="c"][data-system="operational"] .stock-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
html[data-material="c"][data-system="operational"] .stock-section-heading h3 { margin: 4px 0 0; }
html[data-material="c"][data-system="operational"] .stock-search { width: min(320px,45%); }
html[data-material="c"][data-system="operational"] .stock-item-list { display: grid; margin-top: 14px; }
html[data-material="c"][data-system="operational"] .stock-item-list > button {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 12px;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--px-divider);
  background: transparent;
  color: var(--px-copy);
  text-align: left;
}
html[data-material="c"][data-system="operational"] .stock-item-list > button:hover { background: color-mix(in srgb,var(--px-blue) 5%,transparent); }
html[data-material="c"][data-system="operational"] .stock-item-list > button span:first-child { display: grid; gap: 2px; }
html[data-material="c"][data-system="operational"] .stock-item-list small { color: var(--px-waiting); }
html[data-material="c"][data-system="operational"] .stock-item-list em { color: var(--px-active); font-style: normal; }
html[data-material="c"][data-system="operational"] .inbound-group { margin-top: 18px; }
html[data-material="c"][data-system="operational"] .inbound-row { border-bottom: 1px solid var(--px-divider); }
html[data-material="c"][data-system="operational"] .inbound-row > summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(190px,.7fr);
  align-items: center;
  gap: 18px;
  min-height: 62px;
  padding: 10px 4px;
  color: var(--px-copy);
}
html[data-material="c"][data-system="operational"] .inbound-row > summary > span:first-child { display: grid; gap: 3px; }
html[data-material="c"][data-system="operational"] .inbound-row > summary small,
html[data-material="c"][data-system="operational"] .inbound-row > summary > span:last-child { color: var(--px-waiting); }
html[data-material="c"][data-system="operational"] .inbound-history { margin-top: 20px; border-top: 1px solid var(--px-divider); padding-top: 14px; }

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .history-entry { grid-template-columns: 1fr; gap: 3px; }
  html[data-material="c"][data-system="operational"] .history-entry p { grid-column: 1; margin-top: 4px; }
  html[data-material="c"][data-system="operational"] .stock-workspace { gap: 14px; padding-bottom: 86px !important; }
  html[data-material="c"][data-system="operational"] .stock-summary > div { padding: 11px 8px; }
  html[data-material="c"][data-system="operational"] .stock-summary span { font-size: 12px; }
  html[data-material="c"][data-system="operational"] :is(.stock-inventory,.stock-detail,.stock-inbound) { padding: 14px; }
  html[data-material="c"][data-system="operational"] .stock-section-heading { align-items: stretch; flex-direction: column; gap: 12px; }
  html[data-material="c"][data-system="operational"] .stock-search { width: 100%; }
  html[data-material="c"][data-system="operational"] .stock-item-list > button { grid-template-columns: minmax(0,1fr) auto 10px; gap: 10px; }
  html[data-material="c"][data-system="operational"] .inbound-row > summary { grid-template-columns: 1fr; gap: 4px; }
}

/* Shared material hierarchy; no nested box language or duplicate structural edge. */
html[data-material="c"][data-system="operational"] :is(.rail, .jobs, .workspace, .support) {
  background-color: var(--px-surface);
}

html[data-material="c"][data-system="operational"] :is(.content > section, .start-command-surface, .manual-editor > section) {
  border-color: var(--px-divider);
  background-color: var(--px-plane);
}

html[data-material="c"][data-system="operational"] [data-structural-edge] {
  border-left-color: var(--px-blue);
}

html[data-material="c"][data-system="operational"] .actionzone[data-record-status="completed"]::after {
  display: none;
}

html[data-material="c"][data-system="operational"] .actionzone:not([data-structural-edge])::after {
  display: none;
}

html[data-material="c"][data-system="operational"] .request-history-record {
  margin-top: 12px;
  padding: 14px 0 2px;
  border-top: 1px solid var(--px-divider);
  background: transparent;
}

html[data-material="c"][data-system="operational"] .request-history-record h4 {
  margin: 5px 0 12px;
}

html[data-material="c"][data-system="operational"] .actionzone[data-record-status="completed"] {
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-copy) 4%, transparent), 0 12px 28px color-mix(in srgb, var(--px-base) 24%, transparent);
}

html[data-material="c"][data-system="operational"] [data-structural-edge] [data-structural-edge],
html[data-material="c"][data-system="operational"] [data-structural-edge] .statusrow {
  box-shadow: none !important;
}

html[data-material="c"][data-system="operational"] :is(.statusrow, .supportrow, .job, .activityline) {
  border-color: var(--px-divider);
}

html[data-material="c"][data-system="operational"] :is(.filter .count, .tab .count, button .count) {
  display: inline;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
}

html[data-material="c"][data-system="operational"] .supportrow[data-linked] b {
  color: var(--brand-link);
}

/* Customer lifecycle rail: one owner, separate from procedure-required signals. */
html[data-material="c"][data-system="operational"] .progress {
  margin-top: 18px;
}

html[data-material="c"][data-system="operational"] .progresscopy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  margin-bottom: 11px;
}

html[data-material="c"][data-system="operational"] .progresscopy strong {
  color: var(--ink-primary);
  font-size: 13px;
  line-height: 18px;
}

html[data-material="c"][data-system="operational"] .progresscopy span {
  color: var(--ink-meta);
  font-size: 11px;
  line-height: 16px;
  text-align: right;
}

html[data-material="c"][data-system="operational"] .track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  height: 58px;
  margin-top: 0;
  background: transparent;
}

html[data-material="c"][data-system="operational"] .track .stage {
  position: relative;
  display: block;
  width: auto;
  height: 58px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] .track .stage-label {
  position: absolute;
  top: 20px;
  right: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--px-waiting);
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-material="c"][data-system="operational"] .track .stage:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 50%;
  right: -50%;
  top: 6px;
  height: 2px;
  background: var(--px-waiting);
}

html[data-material="c"][data-system="operational"] .track .stage.complete:not(:last-child)::before {
  background: var(--px-complete);
}

html[data-material="c"][data-system="operational"] .track .stage::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 3px;
  width: 8px;
  height: 8px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--px-waiting);
  box-shadow: 0 0 0 2px var(--workspace);
}

html[data-material="c"][data-system="operational"] .track .stage.complete::after {
  background: var(--px-complete);
}

html[data-material="c"][data-system="operational"] .track .stage.complete .stage-label {
  color: var(--px-complete);
}

html[data-material="c"][data-system="operational"] .track .stage.stage-current::after {
  top: 0;
  width: 14px;
  height: 14px;
  background: var(--workspace);
  box-shadow: inset 0 0 0 3px var(--px-active), 0 0 0 2px var(--workspace), 0 0 5px color-mix(in srgb, var(--px-active) 24%, transparent);
}

html[data-material="c"][data-system="operational"] .track .stage.stage-current .stage-label {
  color: var(--px-active);
  font-weight: 650;
}

html[data-material="c"][data-system="operational"] .track .stage.skipped::after {
  background: var(--workspace);
  box-shadow: inset 0 0 0 1px var(--px-waiting), 0 0 0 2px var(--workspace);
}

html[data-material="c"][data-system="operational"] .track .stage.terminal::after {
  top: 2px;
  width: 10px;
  height: 10px;
  background: var(--workspace);
  box-shadow: inset 0 0 0 2px var(--px-waiting), 0 0 0 2px var(--workspace);
}


@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .progresscopy {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  html[data-material="c"][data-system="operational"] .progresscopy span {
    display: block;
    text-align: left;
  }

  html[data-material="c"][data-system="operational"] .track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px 6px;
    height: auto;
  }

  html[data-material="c"][data-system="operational"] .track .stage {
    min-height: 34px;
    height: auto;
    padding-top: 15px;
  }

  html[data-material="c"][data-system="operational"] .track .stage:not(:last-child)::before {
    display: none;
  }

  html[data-material="c"][data-system="operational"] .track .stage::after {
    top: 2px;
  }

  html[data-material="c"][data-system="operational"] .track .stage.stage-current::after {
    top: 0;
  }

  html[data-material="c"][data-system="operational"] .track .stage-label {
    top: 16px;
    right: 2px;
    left: 2px;
    font-size: 11px;
    line-height: 14px;
  }
}

/* Restore the protected pre-integration operational-link treatment exactly. */
html[data-material="c"][data-system="operational"] :is(.back, .activityline button, .supportrow[data-linked] b, .jobs-empty button) {
  color: var(--brand-link) !important;
}

html[data-material="c"][data-system="operational"] :is(.statusrow, .disclosure summary) > em,
html[data-material="c"][data-system="operational"] .job-arrow {
  color: var(--brand-link);
  stroke: var(--brand-link);
}

/* Shared grammar must not replace the accepted Jobs-list geometry. */
@media (min-width: 761px) {
  html[data-material="c"][data-system="operational"] .search { font-size: 11px; }
  html[data-material="c"][data-system="operational"] :is(.filters, .filter) { font-size: 10px; line-height: 16px; }
  html[data-material="c"][data-system="operational"] .customer { font-size: 13px; line-height: 17px; }
  html[data-material="c"][data-system="operational"] .jobvalue { font-size: 12px; line-height: 17px; }
  html[data-material="c"][data-system="operational"] .jobstate { font-size: 11px; line-height: 15px; }
  html[data-material="c"][data-system="operational"] .jobnext { font-size: 10px; line-height: 13px; }
}

/* The accepted coherent Start plane keeps a widget hierarchy without splitting
   Needs attention into a second competing construction. */
html[data-material="c"][data-system="operational"] #startHome .start-command-surface {
  border-top-color: color-mix(in srgb, var(--px-divider) 72%, var(--px-copy));
  border-bottom-color: var(--px-surface);
  background: var(--surface-grain), linear-gradient(180deg, var(--px-plane), var(--px-surface));
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 5px 14px rgba(0,0,0,.34);
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .statusrow:first-child {
  min-height: 66px;
  margin: 0 -10px;
  padding: 11px 10px 11px 16px;
  border-top: 1px solid color-mix(in srgb, var(--px-divider) 70%, var(--px-copy));
  border-bottom: 1px solid var(--px-surface);
  background: var(--surface-grain), linear-gradient(100deg, var(--px-plane), var(--px-surface) 75%);
  box-shadow: inset 0 1px rgba(255,255,255,.045) !important;
}

html[data-material="c"][data-system="operational"] #startHome .start-records {
  background: var(--surface-grain), linear-gradient(180deg, var(--px-plane), var(--px-surface));
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] #workspaceArea[data-start-workspace] #startHome { gap: 12px; padding-bottom: 84px; }
  html[data-material="c"][data-system="operational"] #startHome .start-heading { gap: 10px; }
  html[data-material="c"][data-system="operational"] #startHome .start-command-header { padding: 9px 10px 8px; }
  html[data-material="c"][data-system="operational"] #startHome .start-status-rail button {
    min-height: 50px;
    padding: 4px 2px !important;
    overflow: visible;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-status-rail span { gap: 3px; letter-spacing: -.025em; }
  html[data-material="c"][data-system="operational"] #startHome .start-status-rail span::before { width: 4px; height: 4px; flex-basis: 4px; margin-right: 0; }
  html[data-material="c"][data-system="operational"] #startHome .start-actions .statusrow { min-height: 48px; }
  html[data-material="c"][data-system="operational"] #startHome .start-actions .statusrow:first-child { min-height: 62px; }
  html[data-material="c"][data-system="operational"] .joblist { padding-bottom: 88px; }
  html[data-material="c"][data-system="operational"] .filters { gap: 6px; padding-bottom: 14px; }
  html[data-material="c"][data-system="operational"] .filter { min-height: 36px; padding: 8px 8px; }
}

/* A selected desktop job retains the accepted fourth support column. The
   three-column dashboard override remains in force for top-level routes. */
@media (min-width: 1121px) {
  html[data-material="c"][data-system="operational"] body[data-area="jobs"].job-open:has(.support:not([hidden])) .app {
    grid-template-columns: 78px 304px minmax(0, 1fr) 244px;
  }
  html[data-material="c"][data-system="operational"] body[data-area="jobs"].job-open:has(.support:not([hidden])) .supportrow b {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

/* Signed out is a hard visual boundary, not an operational route. */
body.finance-signed-out .app {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 100svh;
}

body.finance-signed-out :is(.rail, .jobs, .support, .mobilebottom) {
  display: none !important;
}

body.finance-signed-out .workspace {
  display: block !important;
  grid-column: 1 !important;
  width: 100%;
  min-height: 100svh;
  border: 0;
  border-radius: 0;
}

body.finance-signed-out .workinner {
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: 28px;
}

body.finance-signed-out .finance-auth-shell {
  width: min(460px, 100%);
}

body.finance-signed-out .finance-auth-identity {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--px-divider);
}

body.finance-signed-out .finance-auth-identity .brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-size: 22px;
}

body.finance-signed-out .finance-auth-identity p {
  margin: 7px 0 0;
}

body.finance-signed-out .finance-auth-panel {
  padding: 22px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain), linear-gradient(180deg, #182127, #11181C);
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 8px 24px rgba(0,0,0,.28);
}

body.finance-signed-out .finance-auth-panel h1 { margin: 0; }
body.finance-signed-out .finance-auth-panel > p { margin: 7px 0 0; }
body.finance-signed-out #databaseLogin { max-width: none; }

@media (max-width: 760px) {
  body.finance-signed-out .workinner { padding: 18px 14px; }
  body.finance-signed-out .finance-auth-panel { padding: 20px 16px; }
  /* iOS Safari zooms the visual viewport when a focused form control renders
     below 16px. Keep authentication controls at the readable threshold while
     leaving page/pinch zoom fully available through the standard viewport. */
  body.finance-signed-out #databaseLogin :is(input, select, textarea),
  html[data-material="c"][data-system="operational"] .finance-mfa-shell :is(input, select, textarea),
  html[data-material="c"][data-system="operational"] .px-session-dialog :is(input, select, textarea) {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}

html[data-material="c"][data-system="operational"] .contacticon[href="#px-whatsapp"],
html[data-material="c"][data-system="operational"] use[href="#px-whatsapp"] {
  stroke: currentColor;
}

/* Targeted Start and repeated-list recovery. The existing approved semantic
   grammar remains authoritative; this block owns only shared geometry. */
html[data-material="c"][data-system="operational"] :is(.activecount,.queuesummary,.start-heading-actions .requests-local){display:none!important}
html[data-material="c"][data-system="operational"] #workspaceArea[data-start-workspace] #startHome{width:100%;max-width:none;gap:18px}
html[data-material="c"][data-system="operational"] #startHome .start-dashboard{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:16px;align-items:start;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-material="c"][data-system="operational"] #startHome .start-widget{min-width:0;border:1px solid var(--px-divider);border-radius:2px;background:var(--surface-grain),linear-gradient(180deg,var(--px-plane),var(--px-surface));box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.27)}
html[data-material="c"][data-system="operational"] #startHome .start-next{min-height:420px;padding:24px 22px 22px;border-left:3px solid var(--px-blue);box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.32)}
html[data-material="c"][data-system="operational"] #startHome .start-next:focus-visible{outline:1px solid var(--px-blue);outline-offset:2px}
html[data-material="c"][data-system="operational"] #startHome .start-side-widgets{display:grid;gap:16px;align-items:start}
html[data-material="c"][data-system="operational"] #startHome :is(.start-workload,.start-records){padding:20px}
html[data-material="c"][data-system="operational"] #startHome .start-active-total{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin-top:10px;padding:12px 0 14px;border-bottom:1px solid var(--px-divider)}
html[data-material="c"][data-system="operational"] #startHome .start-active-total strong{grid-row:1/3;color:var(--px-text);font-size:30px;line-height:1;font-weight:600}
html[data-material="c"][data-system="operational"] #startHome .start-active-total span{color:var(--px-text);font-size:13px;line-height:18px;font-weight:650}
html[data-material="c"][data-system="operational"] #startHome .start-active-total small{color:var(--px-meta);font-size:11px;line-height:15px}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:2px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 12px;grid-template-rows:auto auto auto;justify-items:start;align-self:stretch;gap:2px;min-width:0;height:auto;min-height:82px;padding:11px 0;border:0;border-bottom:1px solid transparent;background:transparent;box-shadow:none;text-align:left}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:before,
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:after{content:none!important;display:none!important}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown strong{grid-row:1;color:var(--px-text);font-size:17px;line-height:21px;font-weight:600;text-shadow:none}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown span{grid-row:2;color:var(--px-copy);font-size:13px;line-height:18px;white-space:nowrap}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown small{grid-row:3;min-width:0;width:100%;color:var(--px-meta);font-size:11px;line-height:15px;white-space:normal;overflow-wrap:break-word}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown em{display:block!important;grid-column:2;grid-row:1/4;align-self:center;justify-self:end;color:var(--brand-link);font-size:13px;line-height:18px;text-shadow:0 0 1px var(--px-active),0 0 4px color-mix(in srgb,var(--px-active) 35%,transparent)}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:not(:disabled):is(:hover,:focus-visible){border-bottom-color:var(--px-blue);outline:none}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:disabled{cursor:default;opacity:.72}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown [data-semantic="complete"]{grid-column:1/-1;border-top:1px solid var(--px-divider)}
html[data-material="c"][data-system="operational"] #startHome .start-records{border-left:1px solid var(--px-divider)}
@media (min-width:761px){
  html[data-material="c"][data-system="operational"] .mobilebar.contextual-back{display:flex;height:40px;align-items:center;margin:0 0 12px;padding:0;border-bottom:1px solid var(--px-divider);background:transparent;box-shadow:none}
  html[data-material="c"][data-system="operational"] .mobilebar.contextual-back>span{display:none}
}
html[data-material="c"][data-system="operational"] #startHome .start-actions{margin-top:14px;border-top:1px solid var(--px-divider)}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row,
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row[data-status-signal="required"]{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(132px,180px) 16px;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:10px 14px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row+.start-action-row:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:var(--px-divider)}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>span{grid-column:1;min-width:0;color:var(--px-text);font-size:13px;line-height:18px}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>strong{grid-column:2;display:inline-flex;align-items:center;justify-self:start;gap:7px;min-width:0;max-width:none;color:var(--px-copy);font-size:13px;line-height:18px;text-align:left;white-space:normal}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>em{grid-column:3;justify-self:end;color:var(--brand-link);font-size:13px;line-height:18px;text-shadow:none}
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row--quiet{color:var(--px-copy)}
html[data-material="c"][data-system="operational"] #startHome .start-procedure .px-control-marker{background:var(--px-procedure);box-shadow:0 0 1px #fff,0 0 4px color-mix(in srgb,var(--px-procedure) 42%,transparent)}
@media(min-width:761px){
  html[data-material="c"][data-system="operational"] #startHome .start-heading-actions .start-new{display:none!important}
}

html[data-material="c"][data-system="operational"] .jobsheader{padding-bottom:14px}
html[data-material="c"][data-system="operational"] .jobsheader .searchtools{margin-top:14px}
html[data-material="c"][data-system="operational"] .jobsheader .searchwrap{margin-top:0}
html[data-material="c"][data-system="operational"] .jobsheader+.filters{padding:0 15px 10px}
html[data-material="c"][data-system="operational"] #jobFilters{gap:8px;padding:0 15px 12px}
html[data-material="c"][data-system="operational"] #jobFilters .filter{min-height:32px;padding:7px 9px}
html[data-material="c"][data-system="operational"] .joblist{display:grid;align-content:start;gap:0;padding:0 7px 18px}
html[data-material="c"][data-system="operational"] .job,
html[data-material="c"][data-system="operational"] .job.selected{position:relative;width:100%;min-height:86px;margin:0;padding:10px 12px;border:0;border-bottom:1px solid #293138;border-radius:0;background:var(--surface-grain),linear-gradient(180deg,#0f1519,#0b1013);box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -1px rgba(0,0,0,.58);transform:none;overflow:hidden}
html[data-material="c"][data-system="operational"] .job:after{content:none}
html[data-material="c"][data-system="operational"] .job:hover{background:var(--surface-grain),linear-gradient(180deg,#182228,#11181c)}
html[data-material="c"][data-system="operational"] .job:focus-visible{outline:1px solid color-mix(in srgb,var(--px-blue) 72%,var(--px-divider));outline-offset:-1px;background:var(--surface-grain),linear-gradient(180deg,#1a252b,#121a1e)}
html[data-material="c"][data-system="operational"] .job.selected{background:var(--surface-grain),linear-gradient(180deg,#242c31,#1b2227);box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 -1px #090d0f,0 3px 7px rgba(0,0,0,.34)}
html[data-material="c"][data-system="operational"] .job.selected:before{top:0;bottom:0;left:0;width:3px}
html[data-material="c"][data-system="operational"] .job-arrow{justify-self:end}

@media(max-width:760px){
  html[data-material="c"][data-system="operational"] #startHome .start-dashboard{grid-template-columns:1fr;gap:12px}
  html[data-material="c"][data-system="operational"] #startHome .start-next{min-height:0;padding:18px 14px 16px}
  html[data-material="c"][data-system="operational"] #startHome .start-side-widgets{gap:12px}
  html[data-material="c"][data-system="operational"] #startHome :is(.start-workload,.start-records){padding:16px 14px}
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row,
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row[data-status-signal="required"]{grid-template-columns:minmax(0,1fr) 14px;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;min-height:58px;padding:10px 12px!important}
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>span{grid-column:1;grid-row:1;white-space:nowrap}
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>strong{grid-column:1;grid-row:2;white-space:nowrap}
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row>em{grid-column:2;grid-row:1 / 3;align-self:center}
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row+.start-action-row:before{left:12px;right:12px}
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:2px}
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button{height:auto;min-height:82px;padding:10px 0}
  html[data-material="c"][data-system="operational"] .jobsheader{padding-bottom:12px}
  html[data-material="c"][data-system="operational"] .jobsheader+.filters{padding:0 15px 10px}
  html[data-material="c"][data-system="operational"] #jobFilters{padding:0 15px 14px}
  html[data-material="c"][data-system="operational"] .job,
  html[data-material="c"][data-system="operational"] .job.selected{min-height:97px;padding:10px 12px}
}

/* Shared operator-form rhythm. Independent procedures use an explicit operation group. */
html[data-material="c"][data-system="operational"] .px-operator-form {
  display: grid;
  gap: 12px;
  min-width: 0;
}

html[data-material="c"][data-system="operational"] .px-operator-form .adjuster-field {
  min-width: 0;
  margin-top: 0;
}

html[data-material="c"][data-system="operational"] .px-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

html[data-material="c"][data-system="operational"] .px-form-actions > :is(button, .adjuster-apply) {
  min-height: 42px;
  margin: 0;
}

html[data-material="c"][data-system="operational"] .px-operator-form > .px-form-actions > .adjuster-apply,
html[data-material="c"][data-system="operational"] .px-operation-group > .px-form-actions > .adjuster-apply {
  width: 100%;
}

html[data-material="c"][data-system="operational"] .px-operation-group {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 16px 0 18px;
  border-top: 1px solid var(--px-divider);
  border-bottom: 1px solid color-mix(in srgb, var(--px-divider) 70%, transparent);
}

html[data-material="c"][data-system="operational"] .px-operation-group > h4 {
  margin: 0;
}

html[data-material="c"][data-system="operational"] .px-form-check {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  color: var(--px-copy);
  font-size: 13px;
  line-height: 19px;
}

html[data-material="c"][data-system="operational"] .px-form-check > input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 1px 0 0;
}

html[data-material="c"][data-system="operational"] .px-form-support {
  margin-top: 14px;
}

html[data-material="c"][data-system="operational"] .message-preview-body {
  min-height: 56px;
  margin: 0;
  padding: 12px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  border: 1px solid var(--px-divider);
  background: var(--px-base);
  color: var(--px-copy);
}

html[data-material="c"][data-system="operational"] .recovery-panel > .px-form-actions {
  margin-top: 12px;
}

html[data-material="c"][data-system="operational"] .recovery-restore-form {
  margin-top: 18px;
}

/* Login, recovery, backup and account surfaces consume the same controls and type roles. */
html[data-material="c"][data-system="operational"] #databaseLogin {
  max-width: 460px;
  margin-top: 18px;
}

html[data-material="c"][data-system="operational"] #databaseLogin label {
  color: var(--px-copy);
  font-size: 13px;
}

html[data-material="c"][data-system="operational"] :is(input, select, textarea) {
  border-color: var(--px-divider);
  color: var(--px-text);
  background: var(--px-base);
}

html[data-material="c"][data-system="operational"] :is(input, select, textarea):focus-visible {
  outline: 1px solid var(--px-blue);
  outline-offset: 1px;
}

html[data-material="c"][data-system="operational"] .px-session-dialog {
  width: min(520px, calc(100vw - 28px));
  max-height: calc(100svh - 28px);
  box-sizing: border-box;
  overflow: auto;
  padding: 22px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  color: var(--px-text);
  background: var(--surface-grain), linear-gradient(180deg, var(--px-plane), var(--px-surface));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 22px 54px rgba(0,0,0,.72);
}

html[data-material="c"][data-system="operational"] .px-session-dialog::backdrop {
  background: rgba(2,5,7,.8);
}

html[data-material="c"][data-system="operational"] .px-session-dialog h3 {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 22px;
}

html[data-material="c"][data-system="operational"] .px-session-dialog > p {
  margin: 0 0 12px;
  color: var(--px-copy);
  font-size: 13px;
  line-height: 20px;
}

html[data-material="c"][data-system="operational"] .px-session-dialog .px-operator-form {
  margin-top: 18px;
}

body.finance-session-locked .mobilebottom {
  visibility: hidden;
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] :is(h1, .screen-title, #jobCustomer, .actionzone h3) {
    font-size: 24px;
  }

  html[data-material="c"][data-system="operational"] :is(h2, h3, h4, .supportsection h3, .section-heading, .key-value) {
    font-size: 17px;
  }

  html[data-material="c"][data-system="operational"] :is(button, .tab, .mobilebottom button, .statusrow, .supportrow, .jobstate, .jobnext, .jobvalue) {
    font-size: 13px;
  }

  html[data-material="c"][data-system="operational"] :is(.request, .actiondetail, .descriptive-copy) {
    font-size: 14px;
  }

  html[data-material="c"][data-system="operational"] :is(.eyebrow, .identitycontext, .jobref, .jobtime, .metadata, .meta-label, .supporttitle, .start-kicker) {
    font-size: 11px;
  }

  html[data-material="c"][data-system="operational"] [data-control-kind] {
    min-height: 44px;
  }
}
/* Final controlled consistency correction: one top-level page-header role,
   distinct shared action strips, and selective functional illumination only. */
html[data-material="c"][data-system="operational"] .px-page-title {
  margin: 0;
  color: var(--px-text);
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 29px !important;
  letter-spacing: -0.015em;
  text-shadow: none;
}

html[data-material="c"][data-system="operational"] .px-page-header {
  margin: 0 0 16px;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions {
  display: grid;
  gap: 2px;
  padding-top: 4px;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row,
html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row[data-status-signal="required"] {
  min-height: 60px;
  padding-block: 11px !important;
  background: color-mix(in srgb, var(--px-plane) 64%, transparent) !important;
  transition: background-color 130ms ease, box-shadow 130ms ease;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row:nth-child(even) {
  background: color-mix(in srgb, var(--px-surface) 82%, var(--px-plane)) !important;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row:hover {
  background: color-mix(in srgb, var(--px-blue) 7%, var(--px-plane)) !important;
  box-shadow: inset 2px 0 color-mix(in srgb, var(--px-blue) 46%, var(--px-divider)) !important;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--px-blue) 70%, var(--px-divider));
  outline-offset: -1px;
  background: color-mix(in srgb, var(--px-blue) 8%, var(--px-plane)) !important;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row:is(.selected,[aria-current="true"]) {
  background: color-mix(in srgb, var(--px-blue) 10%, var(--px-plane)) !important;
  box-shadow: inset 2px 0 color-mix(in srgb, var(--px-blue) 58%, var(--px-divider)) !important;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row > span {
  font-weight: 650;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row > strong {
  font-weight: 550;
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row + .start-action-row::before {
  left: 14px;
  right: 14px;
  top: -2px;
  background: color-mix(in srgb, var(--px-divider) 88%, transparent);
}

html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row--quiet {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-material="c"][data-system="operational"] :is(.mobilebottom button.active::after, .tab.active::after) {
  box-shadow: 0 0 1px var(--px-blue), 0 0 5px color-mix(in srgb, var(--px-blue) 38%, transparent);
}

html[data-material="c"][data-system="operational"] #startHome .start-next h3 > span {
  color: var(--px-procedure);
  text-shadow: 0 0 1px var(--px-procedure), 0 0 5px color-mix(in srgb, var(--px-procedure) 35%, transparent);
}

html[data-material="c"][data-system="operational"] :is(.statusrow, .activityline, .disclosure summary) > em,
html[data-material="c"][data-system="operational"] .job-arrow {
  text-shadow: 0 0 1px var(--px-active), 0 0 4px color-mix(in srgb, var(--px-active) 35%, transparent);
  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--px-active) 38%, transparent));
}

html[data-material="c"][data-system="operational"] .start-status-rail [data-status-signal] strong::before {
  content: none !important;
}

html[data-material="c"][data-system="operational"] :is([data-visual-state="waiting"], [data-status-signal="waiting"]) :is(.px-state-dot, .px-state-label, strong, span) {
  text-shadow: none !important;
  filter: none !important;
}

html[data-material="c"][data-system="operational"] :is([data-visual-state="completed"], [data-status-signal="completed"], [data-status-signal="saved"]) :is(.px-state-dot, .px-state-label, strong, span) {
  text-shadow: none !important;
  filter: none !important;
}

html[data-material="c"][data-system="operational"] [data-control-kind]::before {
  pointer-events: none;
}

html[data-material="c"][data-system="operational"] [data-control-kind]:is(:hover, :focus-visible)::before,
html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="focus"]::before,
html[data-material="c"][data-system="operational"] [data-control-kind][data-procedure="required"]::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--px-blue);
  border-radius: inherit;
  box-shadow: inset 0 0 4px color-mix(in srgb, var(--px-blue) 24%, transparent), 0 0 5px color-mix(in srgb, var(--px-blue) 22%, transparent);
  animation: none;
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="pressed"]::before,
html[data-material="c"][data-system="operational"] [data-control-kind]:active:not(:disabled)::before {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid color-mix(in srgb, var(--px-blue) 72%, var(--px-plane));
  border-radius: inherit;
  box-shadow: inset 0 0 3px color-mix(in srgb, var(--px-blue) 18%, transparent);
  animation: none;
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="loading"]::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid color-mix(in srgb, var(--px-blue) 72%, var(--px-divider));
  border-radius: inherit;
  box-shadow: inset 0 0 3px color-mix(in srgb, var(--px-blue) 16%, transparent);
  animation: px-loading-edge 1100ms ease-in-out infinite;
}

html[data-material="c"][data-system="operational"] [data-control-kind]:disabled::before,
html[data-material="c"][data-system="operational"] [data-control-kind][aria-disabled="true"]::before {
  content: none !important;
  animation: none !important;
}

@keyframes px-loading-edge {
  0%, 100% { opacity: .42; }
  50% { opacity: 1; }
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .px-page-title {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 29px !important;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-actions .start-action-row + .start-action-row::before {
    left: 12px;
    right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-material="c"][data-system="operational"] [data-control-kind]:is(:hover, :focus-visible)::before,
  html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="focus"]::before,
  html[data-material="c"][data-system="operational"] [data-control-kind][data-procedure="required"]::before,
  html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="loading"]::before {
    clip-path: inset(0) !important;
    opacity: 1 !important;
    animation: none !important;
  }
}

/* Bounded Requests/completion correction. Request state owns the list filter;
   shared search geometry owns its full inline box at every mobile entry path. */
html[data-material="c"][data-system="operational"] #workspaceArea[data-requests-workspace] .requests-heading {
  position: relative;
}
html[data-material="c"][data-system="operational"] #workspaceArea[data-requests-workspace] .px-page-title {
  border-inline-start: 0;
  box-shadow: none;
  transform: translateZ(0);
}
html[data-material="c"][data-system="operational"] #workspaceArea[data-requests-workspace] .px-page-title::before,
html[data-material="c"][data-system="operational"] #workspaceArea[data-requests-workspace] .px-page-title::after {
  content: none !important;
  display: none !important;
}
html[data-material="c"][data-system="operational"] .requests-filters {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-self: end;
  min-width: min(390px,100%);
}
html[data-material="c"][data-system="operational"] .requests-filters .filter {
  min-width: 0;
  white-space: nowrap;
}
html[data-material="c"][data-system="operational"] .request-list-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
html[data-material="c"][data-system="operational"] .request-list-state .px-state-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
}
html[data-material="c"][data-system="operational"] .request-list-state--linked {
  color: var(--px-copy);
}
html[data-material="c"][data-system="operational"] .request-list-state--archived {
  color: var(--px-waiting);
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] [data-px-generic-route-title="true"],
  html[data-material="c"][data-system="operational"] body[data-area="more"] #workspaceArea .px-page-title {
    margin-left: 0 !important;
  }
  html[data-material="c"][data-system="operational"] :is(.requests-toolbar,.records-toolbar) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }
  html[data-material="c"][data-system="operational"] :is(.requests-toolbar,.records-toolbar) .px-search-control {
    display: grid;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }
  html[data-material="c"][data-system="operational"] :is(.requests-toolbar,.records-toolbar) .px-search-control > :is(span,input) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin-inline: 0;
    transform: none;
  }
  html[data-material="c"][data-system="operational"] :is(.requests-toolbar,.records-toolbar) .px-search-control > input {
    width: 100%;
    text-indent: 0;
  }
  html[data-material="c"][data-system="operational"] .requests-filters {
    min-width: 0;
    width: 100%;
    margin-top: 0;
  }
  html[data-material="c"][data-system="operational"] .requests-filters .filter {
    padding-inline: 6px;
  }
}
@media (max-width: 760px) {
  body[data-area="more"] #workspaceArea > section:first-child > .px-page-title {
    margin-left: -15px;
  }
}

/* Final app-wide coherence pass. These shared workspace primitives align the
   top-level operator routes without replacing the accepted Customer Jobs UI. */
html[data-material="c"][data-system="operational"] .workinner:has(> #workspaceArea.px-workspace) {
  max-width: none;
  padding: 0;
}

html[data-material="c"][data-system="operational"] .px-workspace {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 36px 44px 92px;
}

html[data-material="c"][data-system="operational"] .px-workspace-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  min-height: 58px;
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--px-divider);
}

html[data-material="c"][data-system="operational"] .px-workspace-header p {
  margin: 4px 0 0;
  color: var(--px-copy);
  font-size: 14px;
  line-height: 20px;
}

html[data-material="c"][data-system="operational"] .px-route-summary {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  min-width: 330px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain), var(--px-plane);
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 5%, transparent), 0 5px 14px color-mix(in srgb, var(--px-base) 68%, transparent);
}

html[data-material="c"][data-system="operational"] .px-route-summary > :is(span,div) {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 66px;
  padding: 11px 18px;
  color: var(--px-meta);
  font-size: 11px;
  line-height: 15px;
}

html[data-material="c"][data-system="operational"] .px-route-summary > :is(span,div) + :is(span,div) {
  border-left: 1px solid var(--px-divider);
}

html[data-material="c"][data-system="operational"] .px-route-summary strong {
  color: var(--px-text);
  font-size: 17px;
  line-height: 21px;
  font-weight: 600;
}

html[data-material="c"][data-system="operational"] .px-toolbar {
  display: flex;
  align-items: end;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain), var(--px-surface);
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 4%, transparent);
}

html[data-material="c"][data-system="operational"] .px-search-control {
  flex: 1 1 360px;
  min-width: 0;
  margin: 0;
}

html[data-material="c"][data-system="operational"] .px-search-control > span {
  display: block;
  margin-bottom: 5px;
  color: var(--px-copy);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

html[data-material="c"][data-system="operational"] .px-search-control > input {
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--px-base);
  color: var(--px-text);
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] .px-search-control > input::placeholder {
  color: var(--px-meta);
  opacity: 1;
}

html[data-material="c"][data-system="operational"] .px-filter-group {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

html[data-material="c"][data-system="operational"] .px-list-surface,
html[data-material="c"][data-system="operational"] .px-detail-surface {
  min-width: 0;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain), linear-gradient(180deg, var(--px-plane), var(--px-surface));
  box-shadow: inset 0 1px color-mix(in srgb, var(--px-text) 5%, transparent), 0 8px 20px color-mix(in srgb, var(--px-base) 70%, transparent);
}

html[data-material="c"][data-system="operational"] .requests-columns {
  display: grid;
  grid-template-columns: minmax(330px,.9fr) minmax(380px,1.25fr);
  gap: 16px;
  align-items: start;
}

html[data-material="c"][data-system="operational"] .requests-list {
  display: grid;
  gap: 0;
  padding: 0 16px;
}

html[data-material="c"][data-system="operational"] .requests-list .px-list-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) 14px;
  gap: 2px 12px;
  width: 100%;
  min-height: 82px;
  margin: 0;
  padding: 12px 4px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--px-divider);
  background: transparent;
  box-shadow: none;
  text-align: left;
}

html[data-material="c"][data-system="operational"] .requests-list .px-list-row:hover,
html[data-material="c"][data-system="operational"] .requests-list .px-list-row:focus-visible {
  background: color-mix(in srgb, var(--px-plane) 72%, transparent);
}

html[data-material="c"][data-system="operational"] .requests-list .px-list-row > :not(em) { grid-column: 1; }
html[data-material="c"][data-system="operational"] .requests-list .px-list-row em { grid-column: 2; grid-row: 1 / 4; align-self: center; color: var(--px-active); }
html[data-material="c"][data-system="operational"] .requests-list .px-list-row strong { color: var(--px-text); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .requests-list .px-list-row span { color: var(--px-copy); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .requests-list .px-list-row small { color: var(--px-meta); font-size: 11px; line-height: 15px; }

html[data-material="c"][data-system="operational"] .request-review {
  min-height: 260px;
  padding: 22px;
}

html[data-material="c"][data-system="operational"] .requests-tools,
html[data-material="c"][data-system="operational"] .px-workspace-footer {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--px-divider);
}

html[data-material="c"][data-system="operational"] .px-return-link {
  min-height: 40px;
  padding: 8px 12px;
  border-color: transparent;
  color: var(--px-active);
  background: transparent;
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] .records-toolbar { max-width: none; }
html[data-material="c"][data-system="operational"] .records-list { padding: 0 18px; }
html[data-material="c"][data-system="operational"] .px-record-row {
  display: grid;
  grid-template-columns: minmax(220px,1.2fr) minmax(180px,.8fr) 90px 14px;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 72px;
  margin: 0;
  padding: 12px 4px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--px-divider);
  background: transparent;
  box-shadow: none;
  text-align: left;
}

html[data-material="c"][data-system="operational"] .px-record-row > span:first-child { display: grid; gap: 2px; }
html[data-material="c"][data-system="operational"] .px-record-row > span:first-child > strong {
  color: var(--px-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
html[data-material="c"][data-system="operational"] .px-record-row small { color: var(--px-meta); font-size: 11px; line-height: 15px; }
html[data-material="c"][data-system="operational"] .px-record-row .px-record-state { color: var(--px-copy); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .px-record-row > strong { justify-self: end; }
html[data-material="c"][data-system="operational"] .px-record-row > em { justify-self: end; color: var(--px-active); }

/* Workloads 6A-6C own Start through one component family. Legacy Start layout
   selectors remain unused by the new markup and cannot compete with this grid. */
html[data-material="c"][data-system="operational"] #startHome .start-widget-grid {
  display: grid;
  grid-template-columns: minmax(0,1.34fr) minmax(330px,.66fr);
  gap: 16px;
  align-items: start;
  margin: 0;
}
html[data-material="c"][data-system="operational"] #startHome .start-widget-grid[data-side-empty="true"] { grid-template-columns: 1fr; }
html[data-material="c"][data-system="operational"] #startHome .start-widget-stack {
  display: grid;
  gap: 16px;
  min-width: 0;
}
html[data-material="c"][data-system="operational"] #startHome .start-widget-pair {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  min-width: 0;
}
html[data-material="c"][data-system="operational"] #startHome .start-widget-pair[data-visible-count="0"] { display: none; }
html[data-material="c"][data-system="operational"] #startHome .start-widget-pair[data-visible-count="1"] { grid-template-columns: 1fr; }
html[data-material="c"][data-system="operational"] #startHome .start-tile {
  min-width: 0;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain),linear-gradient(180deg,var(--px-plane),var(--px-surface));
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.27);
}
html[data-material="c"][data-system="operational"] #startHome .start-tile[hidden] { display: none!important; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--attention {
  min-height: 0;
  padding: 20px 20px 18px;
  border-left: 3px solid var(--px-blue);
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.32);
}
html[data-material="c"][data-system="operational"] #startHome .start-tile--attention:focus-visible {
  outline: 1px solid var(--px-blue);
  outline-offset: 2px;
}
html[data-material="c"][data-system="operational"] #startHome .start-tile--attention[data-empty="true"] .start-actions { margin-top: 8px; }
html[data-material="c"][data-system="operational"] #startHome .start-empty-copy { margin: 0; padding: 12px 0 2px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--attention h3 > span {
  color: var(--px-procedure);
  text-shadow: 0 0 1px var(--px-procedure),0 0 5px color-mix(in srgb,var(--px-procedure) 35%,transparent);
}
html[data-material="c"][data-system="operational"] #startHome .start-tile--workload,
html[data-material="c"][data-system="operational"] #startHome .start-tile--records { padding: 18px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--workload .start-section-head { align-items: end; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--workload .start-section-head > small {
  max-width: 18ch;
  color: var(--px-meta);
  font-size: 11px;
  line-height: 15px;
  text-align: right;
}
html[data-material="c"][data-system="operational"] #startHome .start-tile--workload h3 { display: flex; align-items: baseline; gap: 6px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--workload h3 > strong { color: var(--px-text); font-size: 26px; line-height: 1; }
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  margin-top: 12px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button,
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown [data-semantic="complete"] {
  display: grid;
  grid-template-columns: minmax(0,1fr) 12px;
  grid-template-rows: auto auto auto;
  grid-column: auto;
  gap: 2px;
  min-width: 0;
  min-height: 92px;
  padding: 12px 6px;
  border: 0;
  border-left: 1px solid var(--px-divider);
  border-top: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:first-child { border-left: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button:not(:disabled):is(:hover,:focus-visible) {
  border-bottom-color: var(--px-blue);
  background: color-mix(in srgb,var(--px-blue) 7%,transparent);
  outline: 0;
}
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown strong { grid-column: 1; grid-row: 1; font-size: 20px; line-height: 24px; }
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown span { grid-column: 1; grid-row: 2; font-size: 12px; line-height: 16px; white-space: normal; }
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown small { grid-column: 1 / 3; grid-row: 3; color: var(--px-meta); font-size: 10px; line-height: 14px; }
html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown em { grid-column: 2; grid-row: 1 / 3; align-self: center; justify-self: end; }
html[data-material="c"][data-system="operational"] #startHome .start-tile--glance { overflow: hidden; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 12px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 72px;
  padding: 14px;
  border: 0;
  border-bottom: 1px solid var(--px-divider);
  background: transparent;
  box-shadow: none;
  text-align: left;
}
html[data-material="c"][data-system="operational"] #startHome .start-tile-route > span { display: grid; gap: 2px; min-width: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route small { color: var(--px-meta); font-size: 10px; line-height: 14px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route strong { display: inline-flex; align-items: center; gap: 6px; color: var(--px-text); font-size: 14px; line-height: 18px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route[data-status-signal] strong::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--px-meta); }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route[data-status-signal="waiting"] strong::before { background: var(--px-waiting); }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route[data-status-signal="completed"] strong::before { background: var(--px-complete); }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route > b { color: var(--px-text); font-size: 26px; font-weight: 550; line-height: 1; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route > em { color: var(--brand-link); }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route:not(:disabled):is(:hover,:focus-visible) { background: color-mix(in srgb,var(--px-blue) 7%,transparent); outline: 1px solid var(--px-blue); outline-offset: -1px; }
html[data-material="c"][data-system="operational"] #startHome .start-tile-route:disabled { cursor: default; opacity: .82; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list { padding: 0 12px 10px; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow {
  display: grid;
  grid-template-columns: minmax(0,1fr) 12px;
  width: 100%;
  min-height: 54px;
  padding: 8px 2px;
  border-top: 1px solid color-mix(in srgb,var(--px-divider) 78%,transparent);
}
html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow:first-child { border-top: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow > span { display: grid; gap: 2px; min-width: 0; text-align: left; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow > span > strong { width: auto; max-width: none; text-align: left; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow small { color: var(--px-meta); font-size: 10px; line-height: 14px; overflow-wrap: anywhere; }
html[data-material="c"][data-system="operational"] #startHome .start-glance-list > .request { min-height: 54px; margin: 0; padding: 14px 2px 4px; }
html[data-material="c"][data-system="operational"] #startHome .start-record-links {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 10px;
  border-top: 1px solid var(--px-divider);
}
html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow {
  grid-template-columns: minmax(0,1fr) auto 12px;
  gap: 4px;
  min-height: 62px;
  padding: 10px 8px;
  border-left: 1px solid var(--px-divider);
  border-bottom: 1px solid transparent;
}
html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow:first-child { border-left: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow:is(:hover,:focus-visible) { border-bottom-color: var(--px-blue); }
html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow > span { overflow-wrap: normal; word-break: normal; }
html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow > strong { color: var(--px-text); }
html[data-material="c"][data-system="operational"] #startHome .start-heading { margin-bottom: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-heading-actions { align-items: flex-start; flex-wrap: wrap; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser { min-width: 156px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  color: var(--px-copy);
  background: var(--px-plane);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
  cursor: pointer;
  list-style: none;
}
html[data-material="c"][data-system="operational"] #startHome .start-customiser > summary::-webkit-details-marker { display: none; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser > summary::after { content: "+"; margin-left: 9px; color: var(--brand-link); }
html[data-material="c"][data-system="operational"] #startHome .start-customiser[open] > summary::after { content: "−"; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser > summary:is(:hover,:focus-visible) { border-color: var(--px-blue); outline: 1px solid var(--px-blue); outline-offset: 2px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel {
  display: grid;
  grid-template-columns: minmax(220px,1fr) minmax(320px,1.25fr);
  gap: 16px 22px;
  width: min(680px,calc(100vw - 64px));
  margin-top: 10px;
  padding: 16px;
  border: 1px solid var(--px-divider);
  border-radius: 2px;
  background: var(--surface-grain),linear-gradient(180deg,var(--px-plane),var(--px-surface));
  box-shadow: 0 14px 30px rgba(0,0,0,.38);
}
html[data-material="c"][data-system="operational"] #startHome .start-customiser:not([open]) > .start-customiser-panel { display: none; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel h3 { margin: 3px 0 5px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel p { margin: 0; color: var(--px-meta); font-size: 11px; line-height: 16px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 14px; margin: 0; padding: 0; border: 0; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel legend { grid-column: 1 / -1; margin-bottom: 3px; color: var(--px-meta); font-size: 11px; line-height: 15px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel label { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 2px 8px; min-height: 38px; color: var(--px-copy); font-size: 12px; line-height: 17px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel label > input { grid-row: 1 / 3; width: 18px; height: 18px; margin: 0; accent-color: var(--px-blue); }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel label > small { color: var(--px-meta); font-size: 10px; line-height: 14px; }
html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel > button { align-self: end; width: 100%; min-width: 0; min-height: 40px; }
html[data-material="c"][data-system="operational"] #startHome .start-preference-status { align-self: center; min-height: 16px; }

@media (max-width: 1100px) and (min-width: 761px) {
  html[data-material="c"][data-system="operational"] #startHome .start-widget-grid {
    grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr);
  }
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] #workspaceArea[data-start-workspace] #startHome { gap: 12px; }
  html[data-material="c"][data-system="operational"] #startHome .start-widget-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-widget-stack,
  html[data-material="c"][data-system="operational"] #startHome .start-widget-pair { gap: 12px; }
  html[data-material="c"][data-system="operational"] #startHome .start-widget-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-material="c"][data-system="operational"] #startHome .start-widget-pair[data-visible-count="1"] { grid-template-columns: 1fr; }
  html[data-material="c"][data-system="operational"] #startHome .start-tile {
    border-color: color-mix(in srgb,var(--px-divider) 78%,var(--px-copy) 22%);
    box-shadow: inset 0 1px rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.3);
  }
  html[data-material="c"][data-system="operational"] #startHome .start-tile--attention { border-left-color: var(--px-blue); }
  html[data-material="c"][data-system="operational"] #startHome .start-tile--attention { padding: 14px 12px 12px; }
  html[data-material="c"][data-system="operational"] #startHome :is(.start-tile--workload,.start-tile--records) { padding: 12px; }
  html[data-material="c"][data-system="operational"] #startHome .start-tile--workload .start-section-head > small { display: none; }
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown button,
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown [data-semantic="complete"] {
    min-height: 72px;
    padding: 8px 6px;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown strong { font-size: 18px; line-height: 22px; }
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown span { font-size: 11px; line-height: 15px; }
  html[data-material="c"][data-system="operational"] #startHome .start-workload-breakdown small { display: none; }
  html[data-material="c"][data-system="operational"] #startHome .start-tile-route { min-height: 58px; padding: 9px 10px; }
  html[data-material="c"][data-system="operational"] #startHome .start-tile-route small { display: none; }
  html[data-material="c"][data-system="operational"] #startHome .start-tile-route > b { font-size: 22px; }
  html[data-material="c"][data-system="operational"] #startHome .start-glance-list { padding: 0 9px 8px; }
  html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow { min-height: 46px; }
  html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow { min-height: 54px; padding: 8px 7px; }
  html[data-material="c"][data-system="operational"] #startHome .start-heading {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 7px;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-heading-copy { display: grid; gap: 2px; min-width: 0; }
  html[data-material="c"][data-system="operational"] #startHome .start-heading-copy > :is(h2,p) { margin: 0; }
  html[data-material="c"][data-system="operational"] #startHome .start-heading-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    align-items: stretch;
    width: 100%;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-heading-actions > .start-new {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    height: 44px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser > summary { width: 100%; min-height: 44px; padding: 8px 10px; }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel {
    grid-template-columns: 1fr;
    gap: 14px;
    width: calc(200% + 8px);
    max-width: none;
    margin-left: calc(-100% - 8px);
    margin-top: 8px;
    padding: 14px;
  }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel fieldset { grid-template-columns: 1fr; gap: 7px; }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel label { min-height: 44px; align-content: center; }
  html[data-material="c"][data-system="operational"] #startHome .start-customiser-panel > button { min-height: 44px; }
  html[data-material="c"][data-system="operational"] #startHome .start-tools > :is(summary,button) { display: flex; align-items: center; min-height: 44px; }
}

@media (max-width: 360px) {
  html[data-material="c"][data-system="operational"] #startHome .start-widget-pair { grid-template-columns: minmax(0,1fr); }
  html[data-material="c"][data-system="operational"] #startHome .start-tile-route { grid-template-columns: minmax(0,1fr) auto 9px; gap: 5px; }
  html[data-material="c"][data-system="operational"] #startHome .start-glance-list .statusrow small { display: none; }
  html[data-material="c"][data-system="operational"] #startHome .start-record-links .statusrow { grid-template-columns: minmax(0,1fr) auto 9px; gap: 4px; }
}

html[data-material="c"][data-system="operational"] .stock-inventory,
html[data-material="c"][data-system="operational"] .stock-inbound { margin: 0; }
html[data-material="c"][data-system="operational"] .stock-inbound { padding: 20px; }
html[data-material="c"][data-system="operational"] .stock-section-heading { align-items: end; }
html[data-material="c"][data-system="operational"] .stock-inbound .stock-section-heading > .operator-tools {
  flex: 0 1 340px;
  width: min(340px,100%);
  min-width: 280px;
}
html[data-material="c"][data-system="operational"] .stock-inbound .operator-tools [data-control-kind],
html[data-material="c"][data-system="operational"] .stocktake-list [data-stocktake] {
  height: auto;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
html[data-material="c"][data-system="operational"] .stocktake-list [data-stocktake] {
  width: 100%;
  min-height: 54px;
  padding-inline: 12px !important;
}
html[data-material="c"][data-system="operational"] .stocktake-list [data-stocktake] strong { overflow-wrap: anywhere; }

html[data-material="c"][data-system="operational"] .inbound-chain {
  margin-top: 12px;
  border-top: 1px solid var(--px-divider);
}

html[data-material="c"][data-system="operational"] .inbound-chain > header {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(160px,.7fr);
  gap: 16px;
  align-items: center;
  min-height: 64px;
  padding: 10px 4px;
}

html[data-material="c"][data-system="operational"] .inbound-chain > header > span:first-child { display: grid; gap: 2px; }
html[data-material="c"][data-system="operational"] .inbound-chain > header strong { color: var(--px-text); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .inbound-chain > header small { color: var(--px-meta); font-size: 11px; line-height: 15px; }
html[data-material="c"][data-system="operational"] .inbound-chain > header > span:last-child { color: var(--px-copy); font-size: 13px; line-height: 18px; }
html[data-material="c"][data-system="operational"] .inbound-chain > .inbound-row { margin: 0; border-top: 1px solid color-mix(in srgb,var(--px-divider) 72%,transparent); }

html[data-material="c"][data-system="operational"] .password-control {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: stretch;
}

html[data-material="c"][data-system="operational"] .password-control input { min-width: 0; }
html[data-material="c"][data-system="operational"] .password-toggle {
  min-width: 64px;
  border-left: 0;
  border-color: var(--px-divider);
  border-radius: 0 2px 2px 0;
  color: var(--px-copy);
  background: var(--px-plane);
  box-shadow: none;
}

@media (max-width: 1100px) and (min-width: 761px) {
  html[data-material="c"][data-system="operational"] #startHome .start-dashboard { grid-template-columns: minmax(380px,1.3fr) minmax(260px,.7fr); }
  html[data-material="c"][data-system="operational"] #startHome .start-records { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .px-workspace {
    padding: 18px 14px 104px;
  }
  html[data-material="c"][data-system="operational"] .px-workspace-header {
    display: grid;
    gap: 12px;
    min-height: 0;
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
  html[data-material="c"][data-system="operational"] .px-route-summary {
    width: 100%;
    min-width: 0;
  }
  html[data-material="c"][data-system="operational"] .px-route-summary > :is(span,div) {
    flex: 1 1 0;
    min-height: 58px;
    padding: 9px 10px;
  }
  html[data-material="c"][data-system="operational"] .px-toolbar {
    display: grid;
    gap: 10px;
    padding: 12px;
  }
  html[data-material="c"][data-system="operational"] .px-filter-group { width: 100%; }
  html[data-material="c"][data-system="operational"] .px-filter-group .filter { flex: 1 1 0; }
  html[data-material="c"][data-system="operational"] .requests-columns,
  html[data-material="c"][data-system="operational"] #startHome .start-dashboard,
  html[data-material="c"][data-system="operational"] #startHome .start-review-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  html[data-material="c"][data-system="operational"] .request-review { min-height: 0; padding: 16px 14px; }
  html[data-material="c"][data-system="operational"] .records-list { padding: 0 12px; }
  html[data-material="c"][data-system="operational"] .px-record-row {
    grid-template-columns: minmax(0,1fr) auto 14px;
    gap: 4px 10px;
    min-height: 82px;
    padding: 11px 2px;
  }
  html[data-material="c"][data-system="operational"] .px-record-row > span:first-child { grid-column: 1; grid-row: 1 / 3; }
  html[data-material="c"][data-system="operational"] .px-record-row .px-record-state { grid-column: 2; grid-row: 1; justify-self: end; }
  html[data-material="c"][data-system="operational"] .px-record-row > strong { grid-column: 2; grid-row: 2; }
  html[data-material="c"][data-system="operational"] .px-record-row > em { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  html[data-material="c"][data-system="operational"] #startHome .start-next { padding: 18px 14px 16px; }
  html[data-material="c"][data-system="operational"] .stock-inbound { grid-column: 1; grid-row: auto; padding: 16px 14px; }
  html[data-material="c"][data-system="operational"] .stock-section-heading { align-items: stretch; }
  html[data-material="c"][data-system="operational"] .stock-section-heading > .operator-tools,
  html[data-material="c"][data-system="operational"] .stock-section-heading > .operator-tools > summary { width: 100%; min-width: 0; }
  html[data-material="c"][data-system="operational"] .stock-section-heading > .operator-tools { flex: 0 1 auto; }
  html[data-material="c"][data-system="operational"] :is(.stock-inbound,.stock-detail) :is(.operator-tools,.specialist-actions) button,
  html[data-material="c"][data-system="operational"] :is(.stock-inbound,.stock-detail) :is(.operator-tools,.specialist-actions) .adjuster-apply { width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  html[data-material="c"][data-system="operational"] .inbound-chain > header { grid-template-columns: 1fr; gap: 4px; }
  html[data-material="c"][data-system="operational"] .px-workspace-footer { margin-bottom: 10px; }
}
/* Existing production primary selectors are intentionally more specific than
   generic controls. Reset only their explicit proof states to the shared state
   contract while retaining their accepted idle geometry. */
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state]::before {
  padding: 0;
  background: none;
  -webkit-mask: none;
  mask: none;
}
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="focus"]::before {
  opacity: 1;
  animation: none !important;
}
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="pressed"]::before {
  opacity: 1;
  animation: none !important;
}
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="loading"]::before {
  opacity: 1;
  animation: px-loading-edge 1100ms ease-in-out infinite !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state]::before {
    clip-path: inset(0) !important;
    opacity: 1 !important;
    animation: none !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote]):hover::before {
    padding: 0;
    background: none;
    -webkit-mask: none;
    mask: none;
    opacity: 1;
    animation: none !important;
  }
}
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote]):focus-visible::before {
  padding: 0;
  background: none;
  -webkit-mask: none;
  mask: none;
  opacity: 1;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote]):is(:hover, :focus-visible)::before,
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state]::before {
    clip-path: inset(0) !important;
    opacity: 1 !important;
    animation: none !important;
  }
}
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="loading"]::after {
  content: "";
  position: absolute;
  z-index: 4;
  display: block !important;
  opacity: 1 !important;
  left: auto !important;
  right: 14px !important;
  top: 50% !important;
  bottom: auto !important;
  width: 12px !important;
  height: 12px !important;
  margin-top: -6px;
  border: 2px solid var(--px-disabled);
  border-top-color: var(--px-blue);
  border-radius: 50%;
  background: none !important;
  animation: px-spin 900ms linear infinite !important;
}

/* Bounded audit correction — shared page geometry, approved type roles,
   explicit status dots and stationary control labels. */
html[data-material="c"][data-system="operational"] :is(
  .operator,
  .jobref,
  .jobtime,
  .progresscopy,
  .disclosure summary small,
  .activityline span,
  .quote-line-main small,
  .quote-breakdown,
  .protected-note,
  .job-list-more span,
  .start-pulse-note
) {
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

html[data-material="c"][data-system="operational"] :is(
  .filters,
  .filter,
  .jobnext,
  .activityline button,
  .quote-line-actions button,
  .quote-evidence,
  .adjuster-modes button,
  .adjuster-preview,
  .adjuster-field,
  .adjuster-error,
  .supportrow,
  .start-status-rail span,
  .start-status-rail em
) {
  font-size: 13px !important;
  line-height: 18px !important;
}

html[data-material="c"][data-system="operational"] :is(
  .content h4:not(.px-page-title),
  .supportsection h3,
  .jobs-empty strong,
  .database-stock-list > summary
) {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 21.25px !important;
}

html[data-material="c"][data-system="operational"] .quote-line-price > strong {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
}

html[data-material="c"][data-system="operational"] .current strong {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

html[data-material="c"][data-system="operational"] :is(.tab, .disclosure summary, .supporttitle) {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

html[data-material="c"][data-system="operational"] :is(
  .job[data-stage-signal] .jobstate,
  [data-status-signal] > strong,
  .current[data-visual-state] > strong,
  .start-status-rail [data-visual-state] > span
)::before {
  content: none !important;
}

html[data-material="c"][data-system="operational"] :is(.jobstate, .current strong, .start-status-rail span) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

html[data-material="c"][data-system="operational"] .px-state-dot {
  display: inline-block;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px;
  flex: 0 0 7px;
  border-radius: 50% !important;
  background: var(--px-waiting);
  box-shadow: none;
}

html[data-material="c"][data-system="operational"] [data-visual-state="procedure"] .px-state-dot { background: var(--px-procedure); box-shadow: 0 0 5px color-mix(in srgb, var(--px-procedure) 34%, transparent); }
html[data-material="c"][data-system="operational"] [data-visual-state="quote"] .px-state-dot { background: var(--px-blue); box-shadow: none; }
html[data-material="c"][data-system="operational"] [data-visual-state="fulfilment"] .px-state-dot { background: var(--px-active); box-shadow: 0 0 5px color-mix(in srgb, var(--px-active) 24%, transparent); }
html[data-material="c"][data-system="operational"] [data-visual-state="active"] .px-state-dot { background: var(--px-active); box-shadow: 0 0 5px color-mix(in srgb, var(--px-active) 28%, transparent); }
html[data-material="c"][data-system="operational"] [data-visual-state="waiting"] .px-state-dot { background: var(--px-waiting); box-shadow: none; }
html[data-material="c"][data-system="operational"] :is([data-visual-state="completed"], [data-visual-state="saved"]) .px-state-dot { background: var(--px-complete); box-shadow: none; }

/* Status rails use explicit dots and whitespace; legacy vertical pseudo-elements
   are not state indicators and are removed from the shared component. */
html[data-material="c"][data-system="operational"] .start-status-rail button + button::before {
  content: none !important;
}

html[data-material="c"][data-system="operational"] :is(#restoreStatus, [data-feedback-state="error"]) {
  min-height: 20px;
}

html[data-material="c"][data-system="operational"] [data-feedback-state="error"] {
  color: var(--px-danger) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

html[data-material="c"][data-system="operational"] [data-feedback-state="saved"] {
  color: var(--px-copy) !important;
}

/* The surface changes state; the control box and wording never translate. */
html[data-material="c"][data-system="operational"] [data-control-kind],
html[data-material="c"][data-system="operational"] [data-control-kind]:hover,
html[data-material="c"][data-system="operational"] [data-control-kind]:active,
html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state] {
  transform: none !important;
}

html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="success"]::after {
  position: absolute !important;
  right: 14px;
  margin: 0 !important;
}

@property --px-guide-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

html[data-material="c"][data-system="operational"] [data-control-kind]:is(:hover, :focus-visible)::before,
html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="focus"]::before,
html[data-material="c"][data-system="operational"] [data-control-kind][data-procedure="required"]::before,
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote]):is(:hover, :focus-visible)::before,
html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="focus"]::before {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 1px solid var(--px-blue) !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  box-shadow: inset 0 0 3px color-mix(in srgb, var(--px-blue) 18%, transparent), 0 0 4px color-mix(in srgb, var(--px-blue) 18%, transparent) !important;
  opacity: 1 !important;
  animation: none !important;
}

@media (max-width: 760px) {
  html[data-material="c"][data-system="operational"] .px-page-title {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 29px !important;
  }

  html[data-material="c"][data-system="operational"] #workspaceArea[data-start-workspace] {
    padding-top: 18px !important;
  }

  html[data-material="c"][data-system="operational"] #workspaceArea[data-requests-workspace] {
    padding-top: 18px !important;
  }

  html[data-material="c"][data-system="operational"] #startHome .start-heading {
    padding-top: 0 !important;
  }

  html[data-material="c"][data-system="operational"] .jobsheader.px-top-level-header {
    padding: 18px 15px 13px !important;
  }

  html[data-material="c"][data-system="operational"] .jobsheader.px-top-level-header > .eyebrow {
    position: absolute;
    top: 25px;
    right: 15px;
    left: auto;
    margin: 0;
  }

  html[data-material="c"][data-system="operational"] #workspaceArea.px-top-level-workspace.content {
    margin-top: 0 !important;
  }

  html[data-material="c"][data-system="operational"] #workspaceArea.px-top-level-workspace > .px-page-header {
    padding-top: 18px;
  }

  html[data-material="c"][data-system="operational"] [data-px-generic-route-title="true"] {
    margin-left: 0 !important;
  }

  html[data-material="c"][data-system="operational"] body[data-area="more"] #workspaceArea .px-page-title {
    margin-left: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-material="c"][data-system="operational"] [data-control-kind]:is(:hover, :focus-visible)::before,
  html[data-material="c"][data-system="operational"] [data-control-kind][data-control-state="focus"]::before,
  html[data-material="c"][data-system="operational"] [data-control-kind][data-procedure="required"]::before,
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote]):is(:hover, :focus-visible)::before,
  html[data-material="c"][data-system="operational"] :is(#jobPrimaryAction, .start-new, .filter[data-new-quote])[data-control-state="focus"]::before {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 1px solid var(--px-blue) !important;
    background: none !important;
    -webkit-mask: none !important;
    opacity: 1 !important;
    animation: none !important;
  }
}