/* Keep the live Sciences layout and swap only brand colors and mark for Polymer. */
:root[data-cc-theme] .ow-topbar {
  grid-template-columns: 285px minmax(150px, 1fr) auto auto;
}
.unified-company-switch {
  display: grid;
  grid-auto-flow: column;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--cc-line);
  border-radius: 10px;
  background: var(--cs-ground);
}
.unified-company-switch button {
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--cc-muted);
  font: 600 12px Geist, system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.unified-company-switch button:hover { color: var(--cc-ink); background: var(--cc-surface); }
.unified-company-switch button[aria-pressed="true"] {
  border-color: var(--cc-accent);
  background: var(--cc-surface);
  color: var(--cc-ink);
}
.unified-company-short { display: none; }
.ow-root .ow-frame { min-height: calc(100dvh - 84px); }
.unified-polymer-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.unified-polymer-brand strong { text-transform: uppercase; font-size: 13px; }
.unified-polymer-brand small { display: block; text-transform: uppercase; }
[hidden] { display: none !important; }
.unified-brand-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.unified-source-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 16px; }
.unified-source-list .ow-card { min-width: 0; }
.unified-source-list .v4-muted { font-size: 13px; }
.unified-company-list { margin: 0; padding: 0; list-style: none; }
.unified-company-list li { padding-block: 10px; border-bottom: 1px solid var(--cc-line); }
.unified-company-list li:last-child { border-bottom: 0; }
.unified-company-list a { color: var(--cc-accent); }
.unified-commerce-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 124px), 1fr));
  gap: 10px;
  margin: 14px 0;
}
.unified-commerce-metrics div { padding: 12px; border: 1px solid var(--cc-line); border-radius: 8px; }
.unified-commerce-metrics dt { color: var(--cc-muted); text-transform: capitalize; }
.unified-commerce-metrics dd { margin: 4px 0 0; font-size: 18px; font-weight: 600; }
.unified-order-card {
  min-width: 0;
  margin-top: 10px;
  border: 1px solid var(--cc-line);
  border-radius: 10px;
  background: var(--cc-surface);
  overflow: hidden;
}
.unified-order-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 15px 16px;
  border: 0;
  background: transparent;
  color: var(--cc-ink);
  text-align: left;
  font: inherit;
}
button.unified-order-summary { cursor: pointer; }
button.unified-order-summary:hover { background: color-mix(in srgb, var(--cc-accent) 7%, transparent); }
button.unified-order-summary:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: -3px; }
.unified-order-summary-copy { display: grid; gap: 5px; min-width: 0; }
.unified-order-number {
  color: var(--cc-ink);
  font: 750 20px/1.2 Geist, system-ui, sans-serif;
  letter-spacing: -.02em;
}
.unified-order-name { overflow-wrap: anywhere; font: 620 14px/1.35 Geist, system-ui, sans-serif; }
.unified-order-chevron { color: var(--cc-accent); font-size: 22px; transition: transform .15s ease; }
.unified-order-summary[aria-expanded="true"] .unified-order-chevron { transform: rotate(180deg); }
.unified-order-detail { display: grid; gap: 0; min-width: 0; padding: 0 16px 16px; }
.unified-order-detail > section,
.unified-order-actions { min-width: 0; padding: 14px 0; border-top: 1px solid var(--cc-line); }
.unified-order-customer { display: grid; gap: 12px; }
.unified-order-customer-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.unified-order-customer-head h3 { margin: 2px 0 0; font-size: 18px; overflow-wrap: anywhere; }
.unified-order-contact { display: grid; gap: 5px; min-width: 0; }
.unified-order-contact a { width: fit-content; max-width: 100%; color: var(--cc-accent); overflow-wrap: anywhere; text-decoration: none; }
.unified-order-phone { min-height: 44px; display: inline-flex; align-items: center; font: 720 21px/1.25 Geist, system-ui, sans-serif; }
.unified-order-email { font-size: 13px; }
.unified-order-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-block: 1px solid var(--cc-line); }
.unified-order-metrics div { min-width: 0; padding: 10px; }
.unified-order-metrics div:first-child { padding-left: 0; }
.unified-order-metrics div + div { border-left: 1px solid var(--cc-line); }
.unified-order-metrics dt { color: var(--cc-muted); font-size: 11px; }
.unified-order-metrics dd { margin: 3px 0 0; font: 690 15px/1.3 Geist, system-ui, sans-serif; overflow-wrap: anywhere; }
.unified-order-customer h4,
.unified-order-items h4 { margin: 0; font-size: 13px; }
.unified-order-history { display: grid; gap: 5px; }
.unified-order-history-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 8px; align-items: center; min-width: 0; font-size: 12px; }
.unified-order-history-row span:nth-child(2) { color: var(--cc-muted); text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.unified-order-history-row time { color: var(--cc-muted); font-size: 11px; white-space: nowrap; }
.unified-order-payment { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.unified-order-payment > div { display: grid; gap: 3px; min-width: 0; }
.unified-order-payment strong { overflow-wrap: anywhere; }
.unified-order-actions > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 650; }
.unified-order-actions-body { display: grid; gap: 9px; padding-bottom: 4px; }
.unified-order-actions-body .v4-muted { margin: 0; }
.unified-order-actions-body .v4-button { width: fit-content; max-width: 100%; }
.unified-order-items { display: grid; gap: 9px; }
.unified-order-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; font-size: 13px; }
.unified-order-item span { overflow-wrap: anywhere; }
.unified-order-item strong { white-space: nowrap; }
.unified-empty { padding: 18px 0; color: var(--cc-muted); }
.unified-task-title { display: flex; flex-wrap: wrap; gap: 9px; align-items: baseline; }
.unified-task-title h3 { margin: 0; }
.unified-task-title .v4-badge { font-size: 11px; }
.wc-company-label {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 2px 6px;
  border-radius: 4px;
  color: #153d8a;
  background: #e2ebff;
  font: 600 10px/1.4 Geist, system-ui, sans-serif;
}
.wc-company-label[data-company="polymer"] { color: #12604a; background: #dcf5e9; }
:root[data-cc-theme="dark"] .wc-company-label { color: #d6e3ff; background: #264780; }
:root[data-cc-theme="dark"] .wc-company-label[data-company="polymer"] { color: #b5f7de; background: #1d5948; }
:root[data-company="polymer"] .cs-support-banner { background: #103b36; }
.ow-sidebar-foot form { margin: 0; }
:root[data-company="polymer"][data-cc-theme="light"] {
  --cc-ink: #14262c;
  --cc-muted: #48616b;
  --cc-line: #d2e3df;
  --cc-accent: #137566;
  --cc-surface: #fafffd;
  --cs-ground: #edf5f2;
}
:root[data-company="polymer"][data-cc-theme="dark"] {
  --cc-ink: #eef5f6;
  --cc-muted: #a7bbc4;
  --cc-line: #2d434a;
  --cc-accent: #75edcf;
  --cc-surface: #101920;
  --cs-ground: #090f14;
}
:root[data-company="polymer"] .ow-topbar::after {
  background: linear-gradient(90deg, #116956, #58bba5 48%, #8fdbcf);
}
:root[data-company="polymer"] .ow-sidebar {
  background: #102a2d;
  scrollbar-color: #45646a #102a2d;
}
:root[data-company="polymer"] .ow-sidebar .ow-nav-item:hover { background: #1b4243; }
:root[data-company="polymer"] .ow-sidebar .ow-nav-item.active,
:root[data-company="polymer"] .ow-sidebar .ow-nav-item.active:hover { background: #e5f5ef; color: #16453b; }
:root[data-company="polymer"] .ow-brand-mark { color: var(--cc-accent); border-color: var(--cc-line); }
:root[data-company="polymer"] .ow-brand strong,
:root[data-company="polymer"] .ow-brand small { color: var(--cc-ink); }
:root[data-company="polymer"] .cc-chart-bar { fill: var(--cc-accent); }
@media (max-width: 1450px) {
  .ow-topbar .ow-sync { display: none; }
}
@media (max-width: 1200px) {
  :root[data-cc-theme] .ow-topbar { grid-template-columns: minmax(0, 1fr) auto auto; }
  .ow-brand .cs-logo-frame { flex-shrink: 1; }
}
@media (681px <= width <= 850px) {
  .ow-brand .cs-logo-frame { width: 180px; flex: 0 1 180px; }
}
@media (max-width: 950px) {
  .unified-company-full { display: none; }
  .unified-company-short { display: inline; }
}
@media (max-width: 760px) {
  .unified-becky { display: none !important; }
}
@media (max-width: 680px) {
  .ow-root { --unified-header-height: 124px; }
  .ow-root .ow-frame { min-height: calc(100dvh - var(--unified-header-height)); }
  :root[data-cc-theme] .ow-topbar {
    height: var(--unified-header-height);
    grid-template: 60px 52px / minmax(0, 1fr) auto;
    padding-inline: 12px;
  }
  .unified-company-switch { grid-area: 2 / 1 / 3 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .unified-company-switch button { padding-inline: 4px; }
  :root[data-cc-theme] .ow-sidebar {
    top: var(--unified-header-height);
    max-height: calc(100dvh - var(--unified-header-height));
  }
  .unified-polymer-brand { gap: 6px; }
  .unified-polymer-brand .ow-brand-mark { display: grid; }
  .unified-polymer-brand strong { font-size: 11px; }
  .unified-polymer-brand small { font-size: 8px; }
  .unified-order-summary { padding: 13px 12px; }
  .unified-order-number { font-size: 19px; }
  .unified-order-detail { padding: 0 12px 12px; }
  .unified-order-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .unified-order-metrics div:nth-child(3) { grid-column: 1 / -1; padding-left: 0; border-top: 1px solid var(--cc-line); border-left: 0; }
  .unified-order-history-row { grid-template-columns: auto minmax(0, 1fr) auto; }
  .unified-order-history-row time { grid-column: 2 / -1; }
  .unified-order-payment { align-items: start; }
}

/* Route order card: compact fulfillment-first hierarchy approved 2026-11-09. */
.unified-order-card {
  border: 0;
  border-radius: 14px;
  background: #e9eef5;
  box-shadow: 0 3px 14px rgba(30, 52, 83, .08);
  color: #17202c;
}
.unified-route-summary {
  display: block;
  padding: 15px;
  border-radius: 14px;
  color: #fff;
}
.order-state-completed .unified-route-summary { background-color: #243b67 !important; background-image: linear-gradient(135deg, #243b67, #1672ae) !important; }
.order-state-processing .unified-route-summary { background-color: #176447 !important; background-image: linear-gradient(135deg, #176447, #29986c) !important; }
.order-state-hold .unified-route-summary { background-color: #f0c34d !important; background-image: linear-gradient(135deg, #f0c34d, #f7d977) !important; color: #342800; }
.order-state-other .unified-route-summary { background-color: #465465 !important; background-image: linear-gradient(135deg, #465465, #6f7d8c) !important; }
button.unified-route-summary:hover { filter: brightness(.98); }
.unified-route-order { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.unified-route-order span,
.unified-route-order strong { display: block; }
.unified-route-order span { margin-bottom: 3px; color: rgba(238, 247, 255, .8); font-size: 10px; }
.order-state-hold .unified-route-order span { color: rgba(52, 40, 0, .65); }
.unified-route-order .unified-order-number { color: inherit; font: 750 27px/1 Geist, system-ui, sans-serif; letter-spacing: -.04em; }
.unified-route-total { text-align: right; }
.unified-route-total strong { font: 750 20px/1 Geist, system-ui, sans-serif; letter-spacing: -.03em; }
.unified-route-chips { display: flex; align-items: center; gap: 6px; margin-top: 13px; }
.unified-route-chips > * { padding: 5px 7px; border-radius: 999px; background: rgba(255, 255, 255, .14); color: #f3f8fb; font-size: 9px; font-weight: 700; }
.unified-route-chips > b { background: #fff; color: #18314b; }
.order-state-processing .unified-route-chips > b { color: #15573e; }
.order-state-hold .unified-route-chips > * { background: rgba(52, 40, 0, .09); color: #4a3900; }
.order-state-hold .unified-route-chips > b { background: #342800; color: #fff8df; }
.unified-route-chips .unified-order-chevron { margin-left: auto; padding: 0 2px; background: transparent; color: inherit; font-size: 18px; }
.unified-order-detail.unified-route-detail,
.unified-order-detail { gap: 9px; padding: 9px; }
.unified-order-detail > section,
.unified-order-detail > dl,
.unified-order-detail > footer { min-width: 0; margin: 0; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 3px 14px rgba(30, 52, 83, .06); }
.unified-order-detail > section,
.unified-order-detail > .unified-order-actions { padding: 0; border-top: 0; }
.unified-route-person { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px !important; }
.unified-route-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #d9e9ff; color: #255d9b; font-weight: 800; }
.unified-route-identity { min-width: 0; }
.unified-route-identity h3 { margin: 0; overflow-wrap: anywhere; font-size: 16px; letter-spacing: -.02em; }
.unified-route-identity p { margin: 3px 0 0; color: #718092; font-size: 10px; }
.unified-route-contact-actions { display: flex; gap: 5px; }
.unified-order-contact.unified-route-contact-actions a { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 34px; padding: 8px 9px; border-radius: 9px; background: #eef4fc; color: #205d9e; font-size: 10px; font-weight: 800; text-decoration: none; }
.unified-order-contact.unified-route-contact-actions .unified-order-email { background: #205d9e; color: #fff; }
.unified-route-scorecard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 0; }
.unified-route-scorecard div { min-width: 0; padding: 11px 9px; }
.unified-route-scorecard div:first-child { padding-left: 9px; }
.unified-route-scorecard div + div { border-left: 1px solid #e6ebf0; }
.unified-route-scorecard dt { color: #768293; font-size: 9px; }
.unified-route-scorecard dd { margin-top: 4px; font-size: 14px; }
.unified-order-payment.unified-route-progress { display: block; padding: 13px !important; }
.unified-route-progress h4,
.unified-route-section-head h4 { margin: 0; font-size: 14px; }
.unified-route-progress-rail { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; margin-top: 13px; }
.unified-route-progress-rail::before { content: ''; position: absolute; top: 12px; left: 17%; right: 17%; height: 2px; background: #ccd6e3; }
.unified-route-progress-rail > div { position: relative; z-index: 1; text-align: center; }
.unified-route-progress-rail i { display: grid; place-items: center; width: 25px; height: 25px; margin: 0 auto; border-radius: 50%; background: #dbe2eb; color: #69798c; font-size: 9px; font-style: normal; font-weight: 800; }
.unified-route-progress-rail .done i { background: #42b98c; color: #fff; }
.unified-route-progress-rail span,
.unified-route-progress-rail b,
.unified-route-progress-rail small { display: block; }
.unified-route-progress-rail span { margin-top: 5px; }
.unified-route-progress-rail b { font-size: 10px; }
.unified-route-progress-rail small { margin-top: 1px; color: #7c8997; font-size: 8px; font-weight: 500; }
.unified-route-track { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; padding: 11px 12px; border-radius: 11px; background: #e6f1ff; color: #155aa4; text-decoration: none; }
.unified-route-track.pending { background: #f0f2f5; color: #4f6174; }
.unified-route-track b,
.unified-route-track small { display: block; }
.unified-route-track b { font-size: 12px; }
.unified-route-track small { margin-top: 2px; color: #5e7795; font-size: 9px; }
.unified-route-track strong { font-size: 18px; }
.unified-route-address { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px; align-items: center; padding-top: 11px; }
.unified-route-address span { color: #7b8796; font-size: 9px; }
.unified-route-address b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.unified-route-contents { display: grid; gap: 0; padding: 12px !important; }
.unified-route-section-head,
.unified-route-contents > .unified-order-item { display: flex; align-items: center; justify-content: space-between; }
.unified-route-section-head button { border: 0; background: transparent; color: #1d65ad; font-size: 10px; font-weight: 800; }
.unified-route-contents > .unified-order-item { padding: 8px 0; border-bottom: 1px solid #eef1f4; font-size: 11px; }
.unified-route-contents > .unified-order-item[hidden] { display: none; }
.unified-route-actions { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
.unified-route-actions > details { min-width: 0; }
.unified-route-actions > details + details { border-left: 1px solid #e7ebf0; }
.unified-route-actions summary { display: flex; min-height: 42px; align-items: center; justify-content: center; padding: 10px; color: #4f6174; font-size: 10px; font-weight: 800; cursor: pointer; list-style: none; }
.unified-route-actions summary::-webkit-details-marker { display: none; }
.unified-route-actions .unified-order-actions > summary { color: #155fa7; }
.unified-route-actions details[open] { grid-column: 1 / -1; }
.unified-route-actions details[open] > summary { border-bottom: 1px solid #e7ebf0; }
.unified-order-history,
.unified-order-actions-body { padding: 10px 12px 12px; }
.unified-route-actions .unified-order-history-row { grid-template-columns: auto minmax(0, 1fr) auto; }
.unified-route-actions .unified-order-history-row time { grid-column: 2 / -1; }

@media (max-width: 420px) {
  .unified-route-person { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; }
  .unified-route-avatar { width: 38px; height: 38px; }
  .unified-order-contact.unified-route-contact-actions a { padding-inline: 8px; }
  .unified-route-scorecard { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .unified-route-scorecard div:nth-child(3) { grid-column: auto; padding-left: 9px; border-top: 0; border-left: 1px solid #e6ebf0; }
}
/* The rail groups preserve the live list spacing when archive pages are hidden. */
.unified-nav-group { display: flex; flex-direction: column; }
.ow-sidebar .unified-nav-group .ow-nav-group { color: #a8c6ca; }
.unified-nav-group .ow-nav-item { width: 100%; }
@media (max-width: 680px) {
  .unified-nav-group { display: contents; }
}
.login-card .unified-signin-button {
  display: block;
  padding: 11px 14px;
  border: 1px solid var(--cc-line);
  border-radius: 8px;
  background: var(--cc-surface);
  color: var(--cc-ink);
  text-align: center;
  text-decoration: none;
  font: 600 14px Geist, system-ui, sans-serif;
}
.login-card .unified-signin-button:hover { background: var(--cs-ground); }
.unified-login-brand { display: block; margin-bottom: 20px; color: var(--cc-accent); }

/* Brand-specific wireframe order cards approved 2026-11-09. */
@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/sciences-ui/space-grotesk.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root[data-company="polymer"] :is(.ow-root, .ow-root button, .ow-root input, .ow-root select, .ow-root textarea,
  .ow-root h1, .ow-root h2, .ow-root h3, .ow-root h4) {
  font-family: Geist, system-ui, sans-serif !important;
}
:root[data-company="sciences"] :is(.ow-root, .ow-root button, .ow-root input, .ow-root select, .ow-root textarea,
  .ow-root h1, .ow-root h2, .ow-root h3, .ow-root h4) {
  font-family: 'Space Grotesk', Geist, system-ui, sans-serif !important;
}

.unified-order-card {
  --route-bg: #f2f6f7;
  --route-surface: #fff;
  --route-ink: #17282e;
  --route-muted: #607780;
  --route-line: #d3e0e3;
  --route-primary: #147a4b;
  --route-secondary: #285cc4;
  --route-soft: #e6f5f6;
  --route-sun: #9a6b08;
  --route-sun-soft: #fff4c8;
  --route-lilac: #6d5dd3;
  --route-lilac-soft: #f0edff;
  --route-state: var(--route-primary);
  overflow: hidden;
  border: 1.5px solid var(--route-state);
  border-radius: 12px;
  background: var(--route-surface);
  box-shadow: 0 5px 18px color-mix(in srgb, var(--route-ink) 7%, transparent);
  color: var(--route-ink);
  font-family: Geist, system-ui, sans-serif;
}
:root[data-cc-theme="dark"] .unified-order-card {
  --route-bg: #091016;
  --route-surface: #101920;
  --route-ink: #eef5f6;
  --route-muted: #94a6b3;
  --route-line: #2b3a43;
  --route-primary: #53dc91;
  --route-secondary: #91baff;
  --route-soft: #17343b;
  --route-sun: #ffdc78;
  --route-sun-soft: #4a4025;
  --route-lilac: #c2b9ff;
  --route-lilac-soft: #393452;
}
.unified-order-card[data-company="sciences"] {
  --route-bg: #fff6fb;
  --route-surface: #fff;
  --route-ink: #25323a;
  --route-muted: #66777e;
  --route-line: #d8e7e5;
  --route-primary: #24b9ad;
  --route-secondary: #e85fa8;
  --route-soft: #e6faf6;
  --route-sun: #b57a00;
  --route-sun-soft: #fff4c8;
  --route-lilac: #6d5dd3;
  --route-lilac-soft: #f0edff;
  font-family: 'Space Grotesk', Geist, system-ui, sans-serif;
}
:root[data-cc-theme="dark"] .unified-order-card[data-company="sciences"] {
  --route-bg: #15262c;
  --route-surface: #1c3439;
  --route-ink: #f7fcfb;
  --route-muted: #b9cece;
  --route-line: #3a5558;
  --route-primary: #71e1d6;
  --route-secondary: #ff9bce;
  --route-soft: #244b48;
  --route-sun: #ffdc78;
  --route-sun-soft: #4a4025;
  --route-lilac: #c2b9ff;
  --route-lilac-soft: #393452;
}
.unified-order-card.order-state-completed { --route-state: var(--route-secondary); }
.unified-order-card.order-state-processing { --route-state: var(--route-primary); }
.unified-order-card.order-state-hold { --route-state: var(--route-sun); }
.unified-order-card.order-state-other { --route-state: var(--route-muted); }

.unified-route-summary,
.order-state-completed .unified-route-summary,
.order-state-processing .unified-route-summary,
.order-state-hold .unified-route-summary,
.order-state-other .unified-route-summary {
  padding: 11px 12px 10px;
  border-radius: 0;
  background: var(--route-surface) !important;
  background-image: none !important;
  color: var(--route-ink);
}
button.unified-route-summary:hover {
  background: color-mix(in srgb, var(--route-state) 7%, var(--route-surface)) !important;
  filter: none;
}
button.unified-route-summary:focus-visible {
  outline-color: var(--route-state);
  outline-offset: -2px;
}
.unified-route-order span,
.order-state-hold .unified-route-order span { color: var(--route-muted); }
.unified-route-order .unified-order-number,
.unified-route-total strong {
  color: var(--route-ink);
  font-family: inherit;
}
.unified-route-order .unified-order-number { font-size: 20px; }
.unified-route-total strong { font-size: 17px; }
.unified-route-chips { gap: 5px; margin-top: 8px; }
.unified-route-chips > *,
.order-state-hold .unified-route-chips > * {
  min-height: 21px;
  padding: 3px 6px;
  border: 1px solid var(--route-line);
  background: transparent;
  color: var(--route-muted);
  font-size: 9px;
}
.unified-route-chips > b,
.order-state-processing .unified-route-chips > b,
.order-state-hold .unified-route-chips > b {
  border-color: var(--route-state);
  background: transparent;
  color: var(--route-state);
}
.unified-order-card[data-company="polymer"]:is(.order-state-completed, .order-state-processing) .unified-route-chips > b {
  background: var(--route-state);
  color: #fff;
}
:root[data-cc-theme="dark"] .unified-order-card[data-company="polymer"]:is(.order-state-completed, .order-state-processing) .unified-route-chips > b {
  color: #081c20;
}
.unified-route-chips > span:nth-of-type(1) {
  border-color: transparent;
  background: var(--route-soft);
  color: var(--route-secondary);
}
.unified-order-card[data-company="sciences"] .unified-route-chips [data-order-carrier="true"] {
  border-color: color-mix(in srgb, var(--route-sun) 42%, var(--route-line));
  background: var(--route-sun-soft);
  color: var(--route-sun);
}
.unified-route-chips .unified-order-chevron {
  min-height: auto;
  margin-left: auto;
  border: 0;
  background: transparent;
  color: var(--route-state);
}

.unified-order-detail.unified-route-detail,
.unified-order-detail {
  border-top: 1px solid color-mix(in srgb, var(--route-state) 22%, var(--route-line));
  background: color-mix(in srgb, var(--route-surface) 90%, var(--route-bg));
}
.unified-order-detail > section,
.unified-order-detail > dl,
.unified-order-detail > footer {
  border: 1px solid var(--route-line);
  border-radius: 9px;
  background: var(--route-surface);
  box-shadow: none;
  color: var(--route-ink);
}
.unified-route-avatar {
  background: color-mix(in srgb, var(--route-secondary) 14%, var(--route-surface));
  color: var(--route-secondary);
}
.unified-route-identity p,
.unified-route-scorecard dt,
.unified-route-progress-rail small,
.unified-route-address span { color: var(--route-muted); }
.unified-order-contact.unified-route-contact-actions a {
  border: 1px solid var(--route-line);
  background: var(--route-surface);
  color: var(--route-primary);
}
.unified-order-contact.unified-route-contact-actions a:nth-child(2) {
  border-color: color-mix(in srgb, var(--route-lilac) 40%, var(--route-line));
  background: var(--route-lilac-soft);
  color: var(--route-lilac);
}
.unified-order-contact.unified-route-contact-actions .unified-order-email {
  border-color: var(--route-primary);
  background: var(--route-primary);
  color: var(--route-surface);
}
.unified-route-scorecard div + div,
.unified-route-actions > details + details,
.unified-route-actions details[open] > summary { border-color: var(--route-line); }
.unified-route-progress-rail::before { background: var(--route-line); }
.unified-route-progress-rail i { background: var(--route-soft); color: var(--route-muted); }
.unified-route-progress-rail .done i { background: var(--route-primary); color: var(--route-surface); }
.unified-route-track { background: var(--route-soft); color: var(--route-primary); }
.unified-route-track.pending { background: color-mix(in srgb, var(--route-line) 40%, var(--route-surface)); color: var(--route-muted); }
.unified-route-track small { color: var(--route-muted); }
.unified-route-section-head button,
.unified-route-actions .unified-order-actions > summary { color: var(--route-primary); }
.unified-route-contents > .unified-order-item { border-color: var(--route-line); }
.unified-route-actions summary { color: var(--route-muted); }