/* Accepted login colours shared by navigation and choices. Geometry, data colours
   and the original graphic Logo / particle animation remain authoritative. */
:root {
  --brand-ui-primary:#2c4253;
  --brand-ui-night:#111d27;
  --brand-ui-cyan:#13d1e8;
  --brand-ui-turquoise:#2be0be;
  --brand-ui-violet:#af6cf6;
  --brand-ui-soft:#e5eef3;
  --brand-ui-soft-hover:#edf3f7;
  --brand-ui-ink:#e6f0f7;
  --brand-ui-muted:#b2c4d1;
  --brand-ui-focus:#52758f;
  --brand-ui-focus-dark:#79bceb;
}

/* Hide only the requested brand caption; retain the server's staging marker. */
.entry-body .entry-top .tide-brand small,
body:not(.entry-body) .topbar .brand-block .eyebrow:not([data-deployment-environment="staging"]) {
  display:none;
}

/* Main navigation is dark both in the desktop sidebar and narrow scroll bar. */
body:not(.entry-body) .topbar {
  background:linear-gradient(115deg,#15242f,var(--brand-ui-night));
  border-bottom-color:#284757;
}
body:not(.entry-body) .tabs {
  background:var(--brand-ui-night);
  border-color:#28404f;
}
body:not(.entry-body) .tabs .tab[data-tab] { color:#c3cdd4; }
body:not(.entry-body) .tabs .tab[data-tab] svg { color:#9fb7c7; }
body:not(.entry-body) .tabs .tab[data-tab].active {
  color:var(--brand-ui-ink);
  background:var(--brand-ui-primary);
  box-shadow:inset 2px 0 var(--brand-ui-cyan);
}
body:not(.entry-body) .tabs .tab[data-tab].active svg {
  color:var(--brand-ui-focus-dark);
}
@media (hover:hover) {
  body:not(.entry-body) .tabs .tab[data-tab]:not(.active):hover {
    color:var(--brand-ui-ink);
    background:#203543;
  }
}

/* Light secondary navigation; no section-dependent chart accent is replaced. */
body:not(.entry-body) .wb-subnav button.active,
body:not(.entry-body) .os-tabs button.active,
body:not(.entry-body) .project-tabs button.active,
body:not(.entry-body) .tab-panel :is(.subtab,.inner-tab).active,
body.workbench-r06 #xhsPanel .xh-nav button.active {
  color:var(--brand-ui-primary);
  background:var(--brand-ui-soft);
  border-color:#b5c9d6;
}
body:not(.entry-body) .wb-subnav button.active::after,
body.workbench-r06 #xhsPanel .xh-nav button.active::after {
  background:var(--brand-ui-primary);
}
@media (hover:hover) {
  body:not(.entry-body) :is(.wb-subnav,.os-tabs,.project-tabs) button:not(.active):hover,
  body:not(.entry-body) .tab-panel :is(.subtab,.inner-tab):not(.active):hover {
    color:var(--brand-ui-primary);
    background:var(--brand-ui-soft-hover);
  }
}

/* Recolour the existing moving capsule itself. Its inline legacy fill and the
   active button's transparent layer must not create a second stationary block. */
body:not(.entry-body) .v5-motion-tab-indicator {
  background:var(--brand-ui-soft);
}
body:not(.entry-body) .v5-motion-tab-strip > button.active,
body.workbench-r06 #xhsPanel .xh-nav.v5-motion-tab-strip > button.active {
  background:transparent;
  box-shadow:none;
}

/* Existing primary / secondary actions, including the later XHS overrides. */
body:not(.entry-body) .primary-button,
body.workbench-r06 #xhsPanel .primary-button {
  color:var(--brand-ui-ink);
  background:linear-gradient(180deg,#3f596c,var(--brand-ui-primary));
  border-color:#48677e;
}
body:not(.entry-body) .secondary-button,
body:not(.entry-body) .quiet-button,
body.workbench-r06 #xhsPanel .quiet-button {
  color:var(--brand-ui-primary);
  background:#f4f7f9;
  border-color:#c7d5df;
}
@media (hover:hover) {
  body:not(.entry-body) .primary-button:not(:disabled):not([aria-disabled="true"]):hover,
  body.workbench-r06 #xhsPanel .primary-button:not(:disabled):not([aria-disabled="true"]):hover {
    color:var(--brand-ui-ink);
    background:linear-gradient(180deg,#496b82,#334f63);
    border-color:#52758f;
  }
  body:not(.entry-body) :is(.secondary-button,.quiet-button):not(:disabled):not([aria-disabled="true"]):hover,
  body.workbench-r06 #xhsPanel .quiet-button:not(:disabled):not([aria-disabled="true"]):hover {
    color:var(--brand-ui-primary);
    background:var(--brand-ui-soft);
    border-color:#9fb8ca;
  }
}

/* Known filter choices only; status pills and series swatches keep their colours. */
body:not(.entry-body) .quick-ranges button.selected,
body:not(.entry-body) .wb-scene-chip[aria-pressed="true"],
body:not(.entry-body) .mr-quick button.active,
body:not(.entry-body) .sc2-tabs button[aria-selected="true"],
body:not(.entry-body) .sc2-drawer-modes button[aria-pressed="true"],
body:not(.entry-body) .sc2-focus-legend > button[aria-pressed="true"],
body:not(.entry-body) .npr-level-tabs button[aria-pressed="true"],
body:not(.entry-body) .sd-option.selected,
body:not(.entry-body) button.sd-chip {
  color:var(--brand-ui-primary);
  background:var(--brand-ui-soft);
  border-color:#9fb8ca;
}
body:not(.entry-body) .sc2-choice:has(input:checked) {
  color:var(--brand-ui-primary);
  background:var(--brand-ui-soft);
  border-color:#9fb8ca;
}
body:not(.entry-body) .ar-history-row.selected { background:var(--brand-ui-soft); }
body:not(.entry-body) input:is([type="checkbox"],[type="radio"]) {
  accent-color:var(--brand-ui-primary);
}

/* Brand and channel toggles share selection language; their real Logo images,
   unselected grayscale and check-state semantics are not changed. */
body:not(.entry-body) #portalStoreScope.portal-store-scope button.is-selected,
body:not(.entry-body) #portalStoreScope .os-channel-scope button.is-selected {
  color:var(--brand-ui-primary);
  background:var(--brand-ui-soft);
  border-color:var(--brand-ui-primary);
  box-shadow:inset 0 0 0 1px var(--brand-ui-primary);
}
body:not(.entry-body) #portalStoreScope .is-selected .os-channel-check {
  color:var(--brand-ui-ink);
  background:var(--brand-ui-primary);
  border-color:var(--brand-ui-primary);
}

/* Native date controls retain their layout, dates, disabled and ARIA state. */
body:not(.entry-body) .pdc-days button[aria-pressed="true"] {
  color:var(--brand-ui-ink);
  background:var(--brand-ui-primary);
  border-color:var(--brand-ui-primary);
}
@media (hover:hover) {
  body:not(.entry-body) .pdc-days button:not([aria-pressed="true"]):not(:disabled):hover,
  body:not(.entry-body) .pdc-month > button:not(:disabled):hover {
    color:var(--brand-ui-primary);
    background:var(--brand-ui-soft);
  }
}

/* Explicit visible focus, with a brighter ring only on existing dark chrome. */
body:not(.entry-body) :is(button,a,input,select,textarea,summary,[role="button"]):focus-visible {
  outline-color:var(--brand-ui-focus);
}
body:not(.entry-body) :is(.tabs,.topbar) :is(button,a,input,select,summary,[role="button"]):focus-visible,
.entry-body .tide-stage :is(button,a,input,select):focus-visible {
  outline-color:var(--brand-ui-focus-dark);
}
body:not(.entry-body) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
  border-color:var(--brand-ui-focus);
}

/* The small loading-toast particle treatment is added by the integration owner. */

/* Preserve the existing card structure while allowing the requested full name. */
.workspace-page .workspace-info strong { overflow-wrap:anywhere; }
@media (max-width:420px) {
  .workspace-page .workspace-icons { gap:6px; }
  .workspace-page .workspace-icons .workspace-brand { width:34px; }
  .workspace-page .workspace-icons .workspace-brand[data-store="CDOU"] { width:56px; }
  .workspace-page .workspace-info strong { font-size:16px; }
}

/* The existing loading state keeps a quiet brand-blue body and readable copy. */
body.workbench-r06 .wb-inline-status[data-phase="loading"] {
  color:var(--brand-ui-ink);
  background:linear-gradient(110deg,#263b49,#1e303c);
  border-color:#425d70;
}
body.workbench-r06 .wb-inline-status[data-phase="loading"] .wb-loading-copy small {
  color:var(--brand-ui-muted); opacity:1;
}
/* Localized decorative particles inside the existing aria-hidden art slot. */
body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art {
  display:block; position:absolute; inset-inline-end:74px; top:50%;
  width:92px; height:28px; min-width:0; margin:0; padding:0;
  flex:none; transform:translateY(-50%); pointer-events:none; overflow:hidden;
  isolation:isolate; z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent);
}
body.workbench-r06 .wb-inline-status .wb-loading-art > svg { display:none; }
body.workbench-r06 .wb-inline-status .wb-loading-copy,
body.workbench-r06 .wb-inline-status .wb-loading-caption { position:relative; z-index:1; }
body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art::before,
body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art::after {
  content:""; position:absolute; inset:0; pointer-events:none; background-repeat:no-repeat;
  animation:brand-toast-drift-a 18s cubic-bezier(.45,0,.55,1) infinite;
}
body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art::before {
  background-image:
    radial-gradient(circle at 7% 66%,#13d1e8 0 .65px,transparent 1px),
    radial-gradient(circle at 17% 58%,#79bceb 0 .55px,transparent .9px),
    radial-gradient(circle at 27% 48%,#13d1e8 0 .85px,transparent 1.2px),
    radial-gradient(circle at 36% 39%,#2be0be 0 .7px,transparent 1px),
    radial-gradient(circle at 43% 35%,#79bceb 0 .55px,transparent .9px),
    radial-gradient(circle at 50% 36%,#13d1e8 0 .75px,transparent 1.1px),
    radial-gradient(circle at 58% 43%,#2be0be 0 .65px,transparent 1px),
    radial-gradient(circle at 65% 54%,#13d1e8 0 .8px,transparent 1.2px),
    radial-gradient(circle at 73% 65%,#af6cf6 0 .65px,transparent 1px),
    radial-gradient(circle at 82% 70%,#79bceb 0 .6px,transparent 1px),
    radial-gradient(circle at 91% 64%,#13d1e8 0 .65px,transparent 1px),
    radial-gradient(circle at 49% 58%,#2be0be 0 .45px,transparent .8px);
}
body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art::after {
  background-image:
    radial-gradient(circle at 12% 33%,#79bceb 0 .45px,transparent .8px),
    radial-gradient(circle at 23% 41%,#13d1e8 0 .55px,transparent .9px),
    radial-gradient(circle at 34% 54%,#2be0be 0 .65px,transparent 1px),
    radial-gradient(circle at 44% 65%,#79bceb 0 .5px,transparent .85px),
    radial-gradient(circle at 53% 69%,#13d1e8 0 .65px,transparent 1px),
    radial-gradient(circle at 62% 63%,#af6cf6 0 .5px,transparent .9px),
    radial-gradient(circle at 70% 50%,#13d1e8 0 .65px,transparent 1px),
    radial-gradient(circle at 79% 38%,#2be0be 0 .55px,transparent .9px),
    radial-gradient(circle at 88% 32%,#79bceb 0 .6px,transparent 1px),
    radial-gradient(circle at 58% 26%,#af6cf6 0 .4px,transparent .75px);
  animation-name:brand-toast-drift-b; animation-duration:22s;
}
@keyframes brand-toast-drift-a {
  0%,100% { transform:translate(-3px,1px); opacity:.42; }
  25% { transform:translate(0,-1px); opacity:.58; }
  50% { transform:translate(3px,0); opacity:.54; }
  75% { transform:translate(0,2px); opacity:.4; }
}
@keyframes brand-toast-drift-b {
  0%,100% { transform:translate(3px,-1px); opacity:.28; }
  25% { transform:translate(0,1px); opacity:.4; }
  50% { transform:translate(-3px,0); opacity:.44; }
  75% { transform:translate(0,-2px); opacity:.32; }
}
body.workbench-r06.wb-motion-paused .wb-inline-status .wb-loading-art::before,
body.workbench-r06.wb-motion-paused .wb-inline-status .wb-loading-art::after {
  animation-play-state:paused !important;
}
@media (max-width:650px) {
  body.workbench-r06 .wb-inline-status[data-phase="loading"]:not([hidden]):not(.wb-status-exit) .wb-loading-art {
    inset-inline-end:12px; width:80px; height:26px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.workbench-r06 .wb-inline-status .wb-loading-art::before,
  body.workbench-r06 .wb-inline-status .wb-loading-art::after {
    animation:none !important; transform:none !important; opacity:.38 !important;
  }
}

/* Keep the full requested brand word intact on the smallest supported viewport. */
@media (max-width:360px) {
  .workspace-page .workspace-option { padding-inline:12px; gap:6px; }
  .workspace-page .workspace-icons { gap:4px; }
  .workspace-page .workspace-icons .workspace-brand { width:32px; }
  .workspace-page .workspace-icons .workspace-brand[data-store="CDOU"] { width:52px; }
}

/* SLXY-VI-20261027-R03-SCARLET: decorative accents only.
   Append to the current brand-colors-r02.css. Do not replace the base stylesheet.
   Keep financial/status colours, navigation, typography and motion unchanged. */
:root {
  --brand-ui-scarlet:#d33838;
  --brand-ui-scarlet-on-dark:#f26460;
}

/* A short line in the existing gap above a main section title. */
body.workbench-r06 .tab-panel > .section-heading > div:first-child {
  position:relative;
}
body.workbench-r06 .tab-panel > .section-heading > div:first-child::before {
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:-8px;
  width:34px;
  height:3px;
  border-radius:2px;
  background:var(--brand-ui-scarlet);
  pointer-events:none;
}

/* Only the existing main sales card: a small point and a short lower edge. */
body.workbench-r06 #heroMetrics > .metric-card[data-mi-metric="sales"]:not(.red):not(.amber)::before {
  content:"";
  display:block;
  position:absolute;
  top:19px;
  right:16px;
  bottom:auto;
  left:auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-ui-scarlet-on-dark);
  box-shadow:none;
  opacity:1;
  pointer-events:none;
}
body.workbench-r06 #heroMetrics > .metric-card[data-mi-metric="sales"]:not(.red):not(.amber)::after {
  content:"";
  position:absolute;
  inset-inline-start:16px;
  bottom:0;
  width:36px;
  height:3px;
  border-radius:2px 2px 0 0;
  background:var(--brand-ui-scarlet-on-dark);
  pointer-events:none;
}
/* END SLXY-VI-20261027-R03-SCARLET */