/* OWLE Growth OS — Phase 1 reusable component contract */

/* Final OWLE baseline. Foundation is loaded first for tokens; this baseline
   is repeated here so legacy body rules cannot replace the shared canvas. */
body.dgo-body {
  background: var(--ow-bg-page);
  color: var(--ow-text-primary);
  font-family: var(--ow-font-family);
  font-size: var(--ow-font-size-sm);
  line-height: var(--ow-line-normal);
}

/* Guest authentication -------------------------------------------------- */
/* Login and signup use the same foundation as the authenticated product:
   neutral canvas, black primary action, shared field geometry, and a single
   responsive content column. */
body.dgo-body.dgo-reference-system.dgo-guest-body {
  min-height: 100vh;
  background: var(--ow-bg-page) !important;
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-guest-language {
  align-items: center;
  display: flex;
  gap: var(--ow-space-2);
  max-width: var(--ow-shell-wide-max);
  padding: var(--ow-space-5) var(--ow-space-6);
}
body.dgo-body.dgo-reference-system .dgo-guest-language a {
  border: 1px solid transparent;
  border-radius: var(--ow-radius-pill);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  padding: var(--ow-space-2) var(--ow-space-3);
  text-decoration: none;
}
body.dgo-body.dgo-reference-system .dgo-guest-language a:hover,
body.dgo-body.dgo-reference-system .dgo-guest-language a:focus-visible {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-default);
  color: var(--ow-text-primary);
}
body.dgo-body.dgo-reference-system .dgo-guest-language a.fw-bold {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-strong);
  color: var(--ow-text-primary);
  font-weight: var(--ow-weight-semibold) !important;
}

body.dgo-body.dgo-reference-system .dgo-guest-main {
  display: grid;
  max-width: 760px !important;
  min-height: calc(100vh - 88px);
  min-width: 0;
  padding: var(--ow-space-8) var(--ow-space-4) var(--ow-space-12);
  place-items: center;
}
body.dgo-body.dgo-reference-system .dgo-auth-card {
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-xl);
  box-shadow: var(--ow-shadow-card);
  min-width: 0;
  padding: var(--ow-space-8);
  width: 100%;
}
body.dgo-body.dgo-reference-system .dgo-auth-login { max-width: 500px; }
body.dgo-body.dgo-reference-system .dgo-auth-brand {
  align-items: center;
  display: flex;
  gap: var(--ow-space-3);
  margin-bottom: var(--ow-space-8);
}
body.dgo-body.dgo-reference-system .dgo-auth-brand .dgo-brand-d {
  align-items: center;
  background: var(--ow-logo-ink);
  border-radius: var(--ow-radius-md);
  color: var(--ow-logo-white) !important;
  display: inline-flex;
  font-size: var(--ow-font-size-lg);
  font-weight: var(--ow-weight-bold);
  height: 44px;
  justify-content: center;
  position: relative;
  width: 44px;
}
body.dgo-body.dgo-reference-system .dgo-auth-brand .dgo-brand-d::after {
  background: var(--ow-logo-lime);
  border-radius: var(--ow-radius-pill);
  bottom: 7px;
  content: "";
  height: 5px;
  inset-inline-end: 7px;
  position: absolute;
  width: 5px;
}
body.dgo-body.dgo-reference-system .dgo-auth-brand strong,
body.dgo-body.dgo-reference-system .dgo-auth-brand small { display: block; }
body.dgo-body.dgo-reference-system .dgo-auth-brand strong {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  letter-spacing: .04em;
}
body.dgo-body.dgo-reference-system .dgo-auth-brand small {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  margin-top: var(--ow-space-1);
}
body.dgo-body.dgo-reference-system .dgo-auth-head { margin-bottom: var(--ow-space-6); }
body.dgo-body.dgo-reference-system .dgo-auth-head h1 {
  color: var(--ow-text-primary);
  font-size: clamp(var(--ow-font-size-xl), 4vw, var(--ow-font-size-2xl));
  font-weight: var(--ow-weight-bold);
  letter-spacing: -.03em;
  line-height: var(--ow-line-tight);
  margin: var(--ow-space-1) 0 var(--ow-space-2);
}
body.dgo-body.dgo-reference-system .dgo-auth-head p {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
  line-height: var(--ow-line-relaxed);
  margin: 0;
  max-width: 62ch;
}
body.dgo-body.dgo-reference-system .dgo-auth-form { color: var(--ow-text-primary); }
body.dgo-body.dgo-reference-system .dgo-auth-form,
body.dgo-body.dgo-reference-system .dgo-auth-form .row { min-width: 0; }
body.dgo-body.dgo-reference-system .dgo-auth-form .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--ow-space-4);
  margin-inline: 0;
  row-gap: var(--ow-space-4);
}
body.dgo-body.dgo-reference-system .dgo-auth-form .row > .col-12 { grid-column: 1 / -1; width: auto; }
body.dgo-body.dgo-reference-system .dgo-auth-form .row > .col-md-6 { width: auto; }
body.dgo-body.dgo-reference-system .dgo-auth-form label.owle-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}
body.dgo-body.dgo-reference-system .dgo-auth-form .owle-field > .form-control,
body.dgo-body.dgo-reference-system .dgo-auth-form .owle-field > .form-select {
  margin-top: 0;
  width: 100%;
}
body.dgo-body.dgo-reference-system .dgo-auth-form .owle-help-text { display: block; margin-top: var(--ow-space-1); }
body.dgo-body.dgo-reference-system .dgo-auth-form .dgo-auth-terms {
  align-items: flex-start;
  color: var(--ow-text-secondary) !important;
  display: flex !important;
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-regular) !important;
  gap: var(--ow-space-2);
  line-height: var(--ow-line-relaxed);
}
body.dgo-body.dgo-reference-system .dgo-auth-form .dgo-auth-terms input {
  flex: 0 0 auto;
  height: 18px;
  margin-top: 2px;
  width: 18px;
}
body.dgo-body.dgo-reference-system .dgo-auth-submit { margin-top: var(--ow-space-5); width: 100%; }
body.dgo-body.dgo-reference-system .dgo-auth-switch {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  margin-top: var(--ow-space-6);
  text-align: center;
}
body.dgo-body.dgo-reference-system .dgo-auth-switch a {
  color: var(--ow-logo-indigo);
  font-weight: var(--ow-weight-semibold);
  text-decoration: none;
}
body.dgo-body.dgo-reference-system .dgo-auth-switch a:hover,
body.dgo-body.dgo-reference-system .dgo-auth-switch a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
body.dgo-body.dgo-reference-system .dgo-auth-card .dgo-alert-card { margin-bottom: var(--ow-space-5); }

@media (max-width: 575.98px) {
  body.dgo-body.dgo-reference-system .dgo-guest-language { padding: var(--ow-space-3) var(--ow-space-4); }
  body.dgo-body.dgo-reference-system .dgo-guest-main {
    min-height: calc(100vh - 64px);
    padding: var(--ow-space-4) var(--ow-space-3) var(--ow-space-8);
  }
  body.dgo-body.dgo-reference-system .dgo-auth-card { border-radius: var(--ow-radius-lg); padding: var(--ow-space-5); }
  body.dgo-body.dgo-reference-system .dgo-auth-brand { margin-bottom: var(--ow-space-6); }
  body.dgo-body.dgo-reference-system .dgo-auth-head h1 { font-size: var(--ow-font-size-xl); }
}
@media (max-width: 767.98px) {
  body.dgo-body.dgo-reference-system .dgo-auth-form .row { grid-template-columns: minmax(0, 1fr); }
  body.dgo-body.dgo-reference-system .dgo-auth-form .row > .col-md-6 { grid-column: 1 / -1; }
}

/* Buttons --------------------------------------------------------------- */
body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn) {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--ow-radius-lg);
  display: inline-flex;
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  gap: var(--ow-space-2);
  justify-content: center;
  line-height: 1;
  min-height: var(--ow-control-height);
  padding: 0 var(--ow-space-5);
  text-decoration: none;
  transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
    border-color var(--ow-motion-fast) var(--ow-ease-standard),
    color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard);
}

body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn) > :is(i, svg) {
  flex: 0 0 auto;
  line-height: 1;
}

body.dgo-body :is(.btn-sm, .owle-btn-sm) {
  min-height: var(--ow-control-height-compact);
  border-radius: var(--ow-radius-md);
  padding-inline: var(--ow-space-3);
}

body.dgo-body :is(.btn-lg, .owle-btn-lg) {
  min-height: 48px;
  padding-inline: var(--ow-space-5);
}

body.dgo-body :is(.btn-primary, .dgo-toolbar-primary, .dgo-primary-btn, .owle-btn-primary) {
  background: var(--ow-black);
  border-color: var(--ow-black);
  color: var(--ow-white);
}

body.dgo-body :is(.btn-primary, .dgo-toolbar-primary, .dgo-primary-btn, .owle-btn-primary):hover,
body.dgo-body :is(.btn-primary, .dgo-toolbar-primary, .dgo-primary-btn, .owle-btn-primary):focus-visible {
  background: var(--ow-gray-800);
  border-color: var(--ow-gray-800);
  color: var(--ow-white);
}

body.dgo-body :is(.btn-secondary, .btn-outline-secondary, .dgo-toolbar-action, .dgo-btn-secondary, .owle-btn-secondary) {
  background: var(--ow-white);
  border-color: var(--ow-border-strong);
  color: var(--ow-text-primary);
}

body.dgo-body :is(.btn-secondary, .btn-outline-secondary, .dgo-toolbar-action, .dgo-btn-secondary, .owle-btn-secondary):hover,
body.dgo-body :is(.btn-secondary, .btn-outline-secondary, .dgo-toolbar-action, .dgo-btn-secondary, .owle-btn-secondary):focus-visible {
  background: var(--ow-bg-hover);
  border-color: var(--ow-gray-600);
  color: var(--ow-black);
}

body.dgo-body :is(.btn-light, .owle-btn-subtle) {
  background: var(--ow-bg-subtle);
  border-color: transparent;
  color: var(--ow-text-primary);
}

body.dgo-body :is(.btn-light, .owle-btn-subtle):hover,
body.dgo-body :is(.btn-light, .owle-btn-subtle):focus-visible {
  background: var(--ow-bg-muted);
  border-color: transparent;
  color: var(--ow-black);
}

body.dgo-body :is(.btn-link, .owle-btn-ghost) {
  background: var(--ow-white);
  border-color: var(--ow-border-strong);
  color: var(--ow-text-primary);
  padding-inline: var(--ow-space-5);
}

body.dgo-body :is(.btn-link, .owle-btn-ghost):hover,
body.dgo-body :is(.btn-link, .owle-btn-ghost):focus-visible {
  background: var(--ow-bg-hover);
  border-color: var(--ow-gray-600);
  color: var(--ow-black);
}

body.dgo-body :is(.btn-danger, .owle-btn-danger) {
  background: var(--ow-danger-bg);
  border-color: var(--ow-danger-border);
  color: var(--ow-danger);
}

body.dgo-body :is(.btn-danger, .owle-btn-danger):hover,
body.dgo-body :is(.btn-danger, .owle-btn-danger):focus-visible {
  background: #ffe5e5;
  border-color: var(--ow-danger);
  color: #842b2b;
}

body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn):disabled,
body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn).disabled,
body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn).is-disabled,
body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn)[aria-disabled="true"] {
  background: var(--ow-disabled-bg);
  border-color: var(--ow-disabled-border);
  color: var(--ow-disabled-text);
  cursor: not-allowed;
  opacity: 1;
}

body.dgo-body :is(.owle-btn-icon, .dgo-icon-btn) {
  align-items: center;
  background: var(--ow-white);
  border: 1px solid var(--ow-border-strong);
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-primary);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  min-height: var(--ow-control-height);
  min-width: var(--ow-control-height);
  padding: 0;
  transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
    border-color var(--ow-motion-fast) var(--ow-ease-standard),
    color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard);
  width: var(--ow-control-height);
}

body.dgo-body :is(.owle-btn-icon, .dgo-icon-btn):hover,
body.dgo-body :is(.owle-btn-icon, .dgo-icon-btn):focus-visible {
  background: var(--ow-bg-hover);
  border-color: var(--ow-gray-600);
  color: var(--ow-black);
}

body.dgo-body :is(.owle-btn-icon, .dgo-icon-btn):is(:disabled, .disabled, .is-disabled, [aria-disabled="true"]) {
  background: var(--ow-disabled-bg);
  border-color: var(--ow-disabled-border);
  color: var(--ow-disabled-text);
  cursor: not-allowed;
}

body.dgo-body :is(.btn, .dgo-primary-btn, .owle-btn):focus-visible,
body.dgo-body :is(.owle-btn-icon, .dgo-icon-btn):focus-visible {
  box-shadow: var(--ow-focus-ring);
  outline: none;
}

body.dgo-body .owle-btn.is-loading {
  cursor: wait;
  opacity: .8;
}

/* Product catalog links use the neutral OWLE palette, not legacy blue. */
body.dgo-body.dgo-reference-system [data-entity-type="product"] :is(a.dgo-grid-name, a.dgo-grid-link) {
  color: var(--ow-black);
}

body.dgo-body.dgo-reference-system [data-entity-type="product"] :is(a.dgo-grid-name, a.dgo-grid-link):is(:hover, :focus-visible) {
  color: var(--ow-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Plain grid labels are not links and must keep their normal text treatment on hover. */
body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-list-page .dgo-grid-name:not(a):is(:hover, :focus-visible) {
  color: var(--ow-text-primary);
  text-decoration: none;
}

/* Inputs and form structure --------------------------------------------- */
body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select, 
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  select,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
) {
  background: var(--ow-white);
  border: 1px solid var(--ow-border-strong);
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-primary);
  font: inherit;
  font-size: var(--ow-font-size-sm);
  line-height: var(--ow-line-normal);
  min-height: var(--ow-control-height);
  min-inline-size: 0;
  padding-block: 0;
  padding-inline: var(--ow-space-3);
  text-align: start;
  transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
    border-color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard),
    color var(--ow-motion-fast) var(--ow-ease-standard);
}

/* Filter labels group a caption and control; only the control needs a border. */
body.dgo-body.dgo-reference-system .dgo-intelligence-offers-filter .dgo-dashboard-filter-popover .dgo-campaign-filter-select {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-height: 0;
}

body.dgo-body.dgo-reference-system .dgo-campaign-filter-select {
  border: 0;
}

body.dgo-body :is(select, .form-select, .owle-select) {
  padding-inline-end: var(--ow-space-9);
}

body.dgo-body :is(textarea, .form-control[type="text"], .owle-textarea) {
  min-height: 96px;
  padding-block: var(--ow-space-3);
  resize: vertical;
}

body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select,
  .dgo-campaign-filter-select,
  input,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
)::placeholder {
  color: var(--ow-text-muted);
  opacity: 1;
}

body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select,
  .dgo-campaign-filter-select,
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
):focus {
  background: var(--ow-white);
  border-color: var(--ow-border-focus);
  box-shadow: var(--ow-focus-ring);
  color: var(--ow-text-primary);
  outline: none;
}

body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select,
  .dgo-campaign-filter-select,
  input,
  select,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
):is(:disabled, [readonly], [aria-disabled="true"]) {
  background: var(--ow-disabled-bg);
  border-color: var(--ow-disabled-border);
  color: var(--ow-text-disabled);
  cursor: not-allowed;
  opacity: 1;
  box-shadow: none;
}

body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select,
  .dgo-campaign-filter-select,
  input,
  select,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
):is(.is-invalid, [aria-invalid="true"]),
body.dgo-body :is(
  .form-control,
  .form-select,
  .dgo-search-input,
  .dgo-quick-jump,
  .dgo-date-input,
  .dgo-dashboard-filter-select,
  .dgo-campaign-filter-select,
  input,
  select,
  textarea,
  .owle-input,
  .owle-select,
  .owle-textarea
):user-invalid {
  border-color: var(--ow-danger);
}

body.dgo-body :is(.form-label, .owle-label, label) {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body :is(.form-text, .owle-help-text, .dgo-form-help) {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-relaxed);
}

body.dgo-body :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ow-black);
}

.owle-field { display: grid; gap: var(--ow-space-2); }
.owle-label { color: var(--ow-text-primary); font-size: var(--ow-font-size-sm); font-weight: var(--ow-weight-semibold); }
.owle-help-text { color: var(--ow-text-muted); font-size: var(--ow-font-size-xs); line-height: var(--ow-line-relaxed); }
.owle-error-text { color: var(--ow-danger); font-size: var(--ow-font-size-xs); line-height: var(--ow-line-normal); }
.owle-switch { align-items: center; display: inline-flex; gap: var(--ow-space-2); }
.owle-switch input { height: 20px; width: 36px; }

/* Source choices use the complete label as the control surface. Keep the
   checkbox focusable for keyboard users while the card communicates state. */
body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option {
  align-items: center;
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-primary);
  gap: var(--ow-space-3);
  min-height: var(--ow-control-height);
  padding: var(--ow-space-3) var(--ow-space-4);
  transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
    border-color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard);
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option:hover {
  background: var(--ow-bg-hover);
  border-color: var(--ow-border-strong);
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option:has(> input:checked) {
  background: var(--ow-bg-subtle);
  border: 2px solid var(--ow-border-strong);
  padding: calc(var(--ow-space-3) - 1px) calc(var(--ow-space-4) - 1px);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option:has(> input:focus-visible) {
  box-shadow: var(--ow-focus-ring);
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option > input {
  block-size: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  inline-size: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option strong {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system .dgo-truth-generation-source-option small {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

/* Cards, panels and dividers -------------------------------------------- */
.owle-card,
.owle-panel {
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
}

.owle-card-header,
.owle-panel-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--ow-border-default);
  display: flex;
  gap: var(--ow-space-4);
  justify-content: space-between;
  padding: var(--ow-space-4) var(--ow-space-5);
}

.owle-card-body,
.owle-panel-body { padding: var(--ow-space-5); }
.owle-card-footer,
.owle-panel-footer { border-top: 1px solid var(--ow-border-default); padding: var(--ow-space-4) var(--ow-space-5); }
.owle-divider { border: 0; border-top: 1px solid var(--ow-border-default); margin: var(--ow-space-5) 0; }

/* Shared progressive disclosure for secondary workspace information. */
body.dgo-body .owle-disclosure {
  min-width: 0;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
}
body.dgo-body .owle-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ow-space-3);
  min-height: var(--ow-control-height);
  padding: var(--ow-space-3) var(--ow-space-4);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  list-style: none;
  cursor: pointer;
}
body.dgo-body .owle-disclosure > summary::-webkit-details-marker { display: none; }
body.dgo-body .owle-disclosure > summary:hover { color: var(--ow-text-primary); background: var(--ow-bg-subtle); border-radius: inherit; }
body.dgo-body .owle-disclosure > summary > i { flex-shrink: 0; transition: transform var(--ow-motion-fast); }
body.dgo-body .owle-disclosure[open] > summary > i { transform: rotate(180deg); }
body.dgo-body .owle-disclosure-body { padding: var(--ow-space-4); border-top: 1px solid var(--ow-border-default); }
body.dgo-body .owle-disclosure-body > .dgo-panel { border: 0; padding: 0; box-shadow: none; }
body.dgo-body .owle-disclosure.ov-context-summary { display: block; padding: 0; max-width: 520px; }

/* One OWLE component treatment for Production, Landing and Ad Copy. */
body.dgo-body .ov-workflow-stage-page {
  min-width: 0;
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  line-height: var(--ow-line-relaxed);
}
body.dgo-body .ov-workflow-stage-page :is(.dgo-creative-workspace-content, .dgo-production-workspace-content, .dgo-adcopy-main, .dgo-adcopy-sidebar) { min-width: 0; }
body.dgo-body .ov-workflow-stage-page .dgo-page-title { font-size: var(--ow-font-size-xl); line-height: var(--ow-line-tight); overflow-wrap: anywhere; }
body.dgo-body .ov-workflow-stage-page .dgo-page-subtitle { max-width: 80ch; font-size: var(--ow-font-size-sm); line-height: var(--ow-line-relaxed); }
body.dgo-body .ov-workflow-stage-page .dgo-launch-context > span { padding: 0; background: transparent; border: 0; }
body.dgo-body .ov-workflow-stage-page .dgo-launch-context small { font-size: var(--ow-font-size-xs); text-transform: none; letter-spacing: normal; }
body.dgo-body .ov-workflow-stage-page .dgo-launch-context strong { font-size: var(--ow-font-size-sm); }
body.dgo-body .ov-workflow-stage-page .dgo-panel { padding: var(--ow-space-5); background: var(--ow-bg-surface); border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-lg); box-shadow: var(--ow-shadow-card); }
body.dgo-body .ov-workflow-stage-page .dgo-panel-head { margin-bottom: var(--ow-space-4); align-items: flex-start; flex-wrap: wrap; }
body.dgo-body .ov-workflow-stage-page .dgo-panel-head h2 { font-size: var(--ow-font-size-lg); font-weight: var(--ow-weight-semibold); line-height: var(--ow-line-normal); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-panel-head p, .small, .dgo-panel small, .dgo-production-next-copy span, .dgo-adcopy-next p, .dgo-modal-description) { font-size: var(--ow-font-size-sm); line-height: var(--ow-line-relaxed); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-panel td, .dgo-panel th, .dgo-adcopy-field > span) { font-size: var(--ow-font-size-sm); line-height: var(--ow-line-normal); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-panel td, .dgo-panel th) { padding: var(--ow-space-3); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-inherited-context, .dgo-modal-context, .dgo-adcopy-inherited, .dgo-ad-media-scope-note, .dgo-production-advanced) {
  border-color: var(--ow-border-default);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
}
body.dgo-body .ov-workflow-stage-page :is(.dgo-inherited-context, .dgo-adcopy-inherited) > i { color: var(--ow-text-muted); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-inherited-context, .dgo-adcopy-inherited) strong { color: var(--ow-text-primary); font-size: var(--ow-font-size-sm); overflow-wrap: anywhere; }
body.dgo-body .ov-workflow-stage-page :is(.dgo-production-next, .dgo-adcopy-next) { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ow-space-4); padding: var(--ow-space-5); margin-block-end: var(--ow-space-5); border: 1px solid var(--ow-border-strong); border-radius: var(--ow-radius-lg); background: var(--ow-bg-subtle); }
body.dgo-body .ov-workflow-stage-page .dgo-production-next-copy { flex: 1 1 320px; min-width: 0; }
body.dgo-body .ov-workflow-stage-page :is(.dgo-production-next-copy > strong, .dgo-adcopy-next h2) { color: var(--ow-text-primary); font-size: var(--ow-font-size-lg); line-height: var(--ow-line-normal); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-adcopy-next-icon, .dgo-adcopy-upload-icon, .dgo-landing-media-tools-icon, .dgo-tracking-offer-icon) { background: var(--ow-bg-muted); color: var(--ow-text-primary); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-adcopy-field input, .dgo-adcopy-field textarea, .dgo-adcopy-field select, .dgo-adcopy-upload-options select) { width: 100%; min-height: var(--ow-control-height); padding: var(--ow-space-3); border: 1px solid var(--ow-border-strong); border-radius: var(--ow-radius-sm); background: var(--ow-bg-surface); color: var(--ow-text-primary); font: inherit; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-field textarea { resize: vertical; }
body.dgo-body .ov-workflow-stage-page :is(.dgo-adcopy-field input, .dgo-adcopy-field textarea, .dgo-adcopy-field select, .dgo-adcopy-upload-options select):focus-visible { border-color: var(--ow-border-focus); box-shadow: var(--ow-focus-ring); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-adcopy-field input, .dgo-adcopy-field textarea, .dgo-adcopy-field select, .dgo-adcopy-upload-options select):disabled { background: var(--ow-disabled-bg); color: var(--ow-disabled-text); cursor: not-allowed; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-form-actions { display: flex; flex-wrap: wrap; gap: var(--ow-space-3); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-draft-state { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ow-space-3); margin-top: var(--ow-space-3); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-draft-state[hidden] { display: none; }
body.dgo-body .dgo-adcopy-regenerate-backdrop { z-index: 1080; }
body.dgo-body .dgo-adcopy-regenerate-modal { width: min(520px, calc(100vw - 32px)); height: auto !important; min-height: 0 !important; max-height: min(90dvh, 640px) !important; overflow: hidden; align-self: center; justify-self: center; }
body.dgo-body .dgo-adcopy-regenerate-modal > form { display: flex; flex-direction: column; min-height: 0; }
body.dgo-body .dgo-adcopy-regenerate-modal .dgo-modal-body { overflow-y: auto; }
body.dgo-body .dgo-adcopy-quick-instructions { display: flex; flex-wrap: wrap; gap: var(--ow-space-2); margin-top: var(--ow-space-4); }
body.dgo-body .dgo-adcopy-regenerate-feedback { margin: var(--ow-space-4) 0 0; padding: var(--ow-space-3); border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-sm); background: var(--ow-bg-subtle); color: var(--ow-text-secondary); font-size: var(--ow-font-size-sm); }
body.dgo-body .owle-ad-preview [data-ad-preview-cta].is-disabled { cursor: not-allowed; opacity: .62; }
body.dgo-body .dgo-adcopy-destination-status { display: block; line-height: var(--ow-line-normal); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-adcopy-workspace-grid, .dgo-landing-workspace-grid) { display: block; padding-bottom: var(--ow-space-6); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: var(--ow-space-6); align-items: start; }
body.dgo-body .ov-workflow-stage-page .dgo-production-focused { grid-template-columns: 210px minmax(0, 1fr); gap: var(--ow-space-6); }
body.dgo-body .ov-workflow-stage-page .dgo-production-navigator { top: calc(var(--ow-shell-topbar-height) + var(--ow-space-4)); padding: var(--ow-space-3); border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-md); background: var(--ow-bg-surface); }
body.dgo-body .ov-workflow-stage-page .dgo-production-navigator h2 { font-size: var(--ow-font-size-sm); }
body.dgo-body .ov-workflow-stage-page .dgo-production-navigator p { font-size: var(--ow-font-size-sm); color: var(--ow-text-muted); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link { padding: var(--ow-space-3); color: var(--ow-text-secondary); border-radius: var(--ow-radius-sm); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link strong { font-size: var(--ow-font-size-sm); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link small { font-size: var(--ow-font-size-xs); color: var(--ow-text-muted); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link:hover { background: var(--ow-bg-subtle); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link.is-active { background: var(--ow-black); color: var(--ow-white); }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link.is-active small { color: inherit; }
body.dgo-body .ov-workflow-stage-page .dgo-production-section-link:focus-visible { outline-color: var(--ow-border-focus); }
body.dgo-body .ov-workflow-nav .ov-workflow-stage.is-locked > .dgo-creative-stage-link.is-disabled {
  border-color: var(--ow-border-default);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-muted);
  cursor: not-allowed;
  opacity: .72;
  pointer-events: none;
}
body.dgo-body .ov-workflow-nav .ov-workflow-stage.is-locked .dgo-creative-stage-icon {
  background: var(--ow-bg-muted);
  color: var(--ow-text-muted);
}
body.dgo-body .ov-workflow-nav .ov-workflow-stage.is-locked .dgo-creative-stage-copy small {
  color: var(--ow-text-muted);
}
body.dgo-body .ov-workflow-stage-page :is(.dgo-production-action-bar, .dgo-landing-action-bar, .dgo-adcopy-action-bar) { position: static; display: flex; flex-wrap: wrap; gap: var(--ow-space-3); margin-top: var(--ow-space-5); padding: var(--ow-space-4); background: var(--ow-bg-surface); border-color: var(--ow-border-default); box-shadow: none; }
body.dgo-body .ov-workflow-stage-page :is(.dgo-panel, .owle-disclosure, .dgo-entity-toolbar, .dgo-scope-bar) { overflow-wrap: anywhere; }
body.dgo-body .ov-workflow-stage-page [id] { scroll-margin-top: calc(var(--ow-shell-topbar-height) + var(--ow-space-4)); }
body.dgo-body .ov-workflow-stage-page .owle-disclosure-body > .dgo-panel { padding: 0; border: 0; box-shadow: none; margin-bottom: 0; }
@media (max-width: 1199.98px) {
  body.dgo-body .ov-workflow-stage-page .dgo-adcopy-layout { grid-template-columns: 1fr; }
}
@media (max-width: 991.98px) {
  body.dgo-body .ov-workflow-stage-page .dgo-production-focused { grid-template-columns: minmax(0, 1fr); }
  body.dgo-body .ov-workflow-stage-page .dgo-production-navigator { position: static; }
  body.dgo-body .ov-workflow-stage-page .dgo-production-navigator nav { display: flex; overflow-x: auto; gap: var(--ow-space-2); }
  body.dgo-body .ov-workflow-stage-page .dgo-production-section-link { flex: 0 0 auto; }
}
@media (max-width: 575.98px) {
  body.dgo-body .ov-workflow-stage-page .dgo-adcopy-field-grid { grid-template-columns: 1fr; }
  body.dgo-body .ov-workflow-stage-page .dgo-panel { padding: var(--ow-space-4); }
  body.dgo-body .ov-workflow-stage-page :is(.dgo-production-next, .dgo-adcopy-next) { padding: var(--ow-space-4); }
  body.dgo-body .ov-workflow-stage-page .dgo-adcopy-form-actions > .btn { flex: 1 1 100%; }
}

/* Creative media: one picker, card and preview language across all stages. */
body.dgo-body .owle-media-picker { display: grid; gap: var(--ow-space-3); min-width: 0; }
body.dgo-body .owle-media-dropzone { display: grid; justify-items: center; gap: var(--ow-space-2); padding: var(--ow-space-6); border: 1px dashed var(--ow-border-strong); border-radius: var(--ow-radius-lg); background: var(--ow-bg-subtle); color: var(--ow-text-primary); text-align: center; cursor: pointer; }
body.dgo-body .owle-media-dropzone > i { font-size: var(--ow-font-size-xl); }
body.dgo-body .owle-media-dropzone > span { font-size: var(--ow-font-size-sm); font-weight: var(--ow-weight-regular); color: var(--ow-text-muted); }
body.dgo-body .owle-media-dropzone input[type="file"] { display: block; max-width: 100%; width: 100%; padding: var(--ow-space-2); font: inherit; cursor: pointer; }
body.dgo-body .owle-media-dropzone input::file-selector-button { padding: var(--ow-space-2) var(--ow-space-3); margin-inline-end: var(--ow-space-3); background: var(--ow-bg-surface); border: 1px solid var(--ow-border-strong); border-radius: var(--ow-radius-sm); font: inherit; color: var(--ow-text-primary); cursor: pointer; }
body.dgo-body .owle-media-dropzone:hover, body.dgo-body .owle-media-dropzone.is-dragging { border-color: var(--ow-black); background: var(--ow-bg-hover); }
body.dgo-body .owle-media-dropzone:focus-within { outline: 2px solid var(--ow-border-focus); outline-offset: 3px; }
body.dgo-body .owle-media-selection { display: grid; gap: var(--ow-space-3); padding: var(--ow-space-3); border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-md); }
body.dgo-body :is(.owle-media-selection, .owle-media-dropzone, [data-media-pane])[hidden] { display: none; }
body.dgo-body .owle-media-file-preview { display: grid; place-items: center; overflow: hidden; border-radius: var(--ow-radius-sm); background: var(--ow-bg-subtle); }
body.dgo-body .owle-media-file-preview :is(img, video) { display: block; max-width: 100%; width: 100%; max-height: 180px; object-fit: contain; }
body.dgo-body .owle-media-file-preview audio { width: 100%; }
body.dgo-body .owle-media-file-meta { display: grid; gap: var(--ow-space-1); overflow-wrap: anywhere; }
body.dgo-body .owle-media-feedback { margin: 0; font-size: var(--ow-font-size-sm); color: var(--ow-text-muted); }
body.dgo-body .owle-media-picker.is-invalid .owle-media-feedback { color: var(--ow-danger); }
body.dgo-body .owle-media-picker.is-invalid .owle-media-dropzone { border-color: var(--ow-danger-border); }
body.dgo-body .owle-media-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page .owle-media-card { min-width: 0; border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-md); background: var(--ow-bg-surface); box-shadow: none; overflow-wrap: anywhere; }
body.dgo-body .ov-workflow-stage-page .owle-media-card:hover { border-color: var(--ow-border-strong); box-shadow: var(--ow-shadow-card); }
body.dgo-body .owle-media-card-preview { display: grid; place-items: center; aspect-ratio: 16 / 10; min-width: 0; overflow: hidden; background: var(--ow-bg-subtle); border-radius: var(--ow-radius-md) var(--ow-radius-md) 0 0; }
body.dgo-body .owle-media-card-preview > a { display: contents; }
body.dgo-body .owle-media-card-preview :is(img,video) { width: 100%; height: 100%; max-height: 280px; object-fit: contain; }
body.dgo-body .owle-media-card-preview audio { width: 100%; }
body.dgo-body .owle-media-card-body { display: grid; gap: var(--ow-space-3); padding: var(--ow-space-4); }
body.dgo-body .owle-media-card-body small { color: var(--ow-text-muted); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ow-space-4); align-items: start; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-preview { aspect-ratio: 1; background: var(--ow-bg-subtle); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-preview :is(img,video) { object-fit: contain; }
body.dgo-body .owle-media-add-tile { display: grid; align-content: center; justify-items: center; gap: var(--ow-space-3); min-width: 0; aspect-ratio: 1; padding: var(--ow-space-4); border: 1px dashed var(--ow-border-strong); border-radius: var(--ow-radius-md); background: var(--ow-bg-subtle); color: var(--ow-text-primary); font: inherit; text-align: center; cursor: pointer; }
body.dgo-body .owle-media-add-tile > i { font-size: var(--ow-font-size-xl); }
body.dgo-body .owle-media-add-tile > span { color: var(--ow-text-muted); font-size: var(--ow-font-size-sm); }
body.dgo-body .owle-media-add-tile:hover { border-color: var(--ow-black); background: var(--ow-bg-hover); }
body.dgo-body .owle-media-add-tile:focus-visible { outline: 2px solid var(--ow-border-focus); outline-offset: 3px; }
body.dgo-body dialog[data-media-dialog] { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; overflow: hidden; }
body.dgo-body dialog[data-media-dialog][open] { display: flex; flex-direction: column; }
body.dgo-body dialog[data-media-dialog]:not([open]) { display: none; }
body.dgo-body dialog[data-media-dialog]::backdrop { background: rgba(11, 11, 11, .42); }
body.dgo-body dialog[data-media-dialog] > .owle-modal-body { min-height: 0; overflow-y: auto; }
body.dgo-body dialog[data-media-dialog] > :is(.owle-modal-header,.owle-modal-footer) { flex-shrink: 0; }
body.dgo-body:has(dialog[data-media-dialog][open]) { overflow: hidden; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-upload { grid-column: 1 / -1; border: 0; padding: 0; background: transparent; text-align: start; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-upload .owle-media-dropzone { display: grid; text-align: center; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-media-upload .owle-media-dropzone[hidden] { display: none; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-upload-options { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ow-space-4); padding-block: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-upload-options select { flex: 0 1 200px; }
body.dgo-body .ov-workflow-stage-page .dgo-adcopy-upload-options label { display: flex; gap: var(--ow-space-2); align-items: center; min-height: 0; margin: 0; text-align: start; }
body.dgo-body .ov-workflow-stage-page :is(.dgo-media-preview-meta,.dgo-adcopy-media-meta) { padding: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-media-preview-meta,.dgo-adcopy-media-meta) :is(strong,small,span) { color: var(--ow-text-secondary); font-size: var(--ow-font-size-sm); white-space: normal; overflow-wrap: anywhere; }
body.dgo-body .ov-workflow-stage-page .dgo-media-actions-menu { right: auto; inset-inline-end: 0; background: var(--ow-bg-surface); border-color: var(--ow-border-default); box-shadow: var(--ow-shadow-card); }
body.dgo-body .ov-workflow-stage-page .dgo-media-actions-menu button { font-size: var(--ow-font-size-sm); color: var(--ow-text-primary); text-align: start; }
body.dgo-body .ov-workflow-stage-page .dgo-media-actions-menu button:hover { background: var(--ow-bg-hover); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-add-card { min-height: 64px; background: var(--ow-bg-subtle); border-color: var(--ow-border-strong); color: var(--ow-text-primary); text-align: start; box-shadow: none; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-add-card :is(strong,small) { color: inherit; font-size: var(--ow-font-size-sm); }
body.dgo-body .ov-workflow-stage-page :is(.dgo-landing-media-add-icon,.dgo-landing-media-tools-icon,.dgo-landing-media-add-arrow) { background: var(--ow-bg-subtle); color: var(--ow-text-primary); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-dialog { width: min(640px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); border-radius: var(--ow-radius-xl); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-backdrop { box-sizing: border-box; padding: var(--ow-space-3); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-dialog > .dgo-modal-body { overflow-y: auto; min-height: 0; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-body { display: block; padding: 0; overflow: visible; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-pane { padding: 0; border: 0; background: var(--ow-bg-surface); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-upload-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ow-space-4); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-upload-form > :not(label) { grid-column: 1 / -1; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-upload-form > label { display: grid; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-media-manager-pane-head :is(strong,small), body.dgo-body .ov-workflow-stage-page .dgo-landing-media-upload-form > label { font-size: var(--ow-font-size-sm); color: var(--ow-text-primary); }
body.dgo-body .ov-workflow-stage-page .owle-media-source-tabs { display: flex; flex-wrap: wrap; gap: var(--ow-space-2); }
body.dgo-body .ov-workflow-stage-page .owle-media-source-tabs button { flex: 1; justify-content: center; padding: var(--ow-space-3); font: inherit; border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-sm); background: var(--ow-bg-surface); color: var(--ow-text-secondary); }
body.dgo-body .ov-workflow-stage-page .owle-media-source-tabs button.is-active { border-color: var(--ow-black); color: var(--ow-black); font-weight: var(--ow-weight-semibold); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-library-choice { text-align: start; padding: var(--ow-space-3); padding-inline-end: var(--ow-space-8); border-color: var(--ow-border-default); background: var(--ow-bg-surface); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-library-choice.is-selected { background: var(--ow-bg-subtle); border-color: var(--ow-black); box-shadow: none; }
body.dgo-body .ov-workflow-stage-page .dgo-landing-library-choice-copy :is(strong,small) { color: var(--ow-text-primary); font-size: var(--ow-font-size-sm); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-library-choice-check { right: auto; inset-inline-end: var(--ow-space-2); }
body.dgo-body .ov-workflow-stage-page .dgo-landing-library-choice.is-selected .dgo-landing-library-choice-check { background: var(--ow-black); border-color: var(--ow-black); }
body.dgo-body .owle-ad-preview { overflow: hidden; border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-lg); margin-bottom: var(--ow-space-3); }
body.dgo-body .owle-ad-preview-brand { display: flex; gap: var(--ow-space-3); padding: var(--ow-space-4); align-items: center; }
body.dgo-body .owle-ad-preview-brand > div { display: grid; gap: var(--ow-space-1); }
body.dgo-body .owle-ad-preview > p { padding-inline: var(--ow-space-4); white-space: pre-wrap; font-size: var(--ow-font-size-sm); line-height: var(--ow-line-relaxed); }
body.dgo-body .owle-ad-preview-footer { display: grid; justify-items: start; gap: var(--ow-space-2); padding: var(--ow-space-4); background: var(--ow-bg-subtle); }
body.dgo-body .owle-ad-preview-placeholder { display: grid; gap: var(--ow-space-3); justify-items: center; padding: var(--ow-space-8); background: var(--ow-bg-subtle); color: var(--ow-text-secondary); }
body.dgo-body .owle-ad-preview small { color: var(--ow-text-muted); }
@media (max-width: 575.98px) {
  body.dgo-body .ov-workflow-stage-page .dgo-landing-manager-library-list { grid-template-columns: 1fr; }
  body.dgo-body .ov-workflow-stage-page .dgo-landing-library-attach-row { flex-wrap: wrap; }
  body.dgo-body .owle-media-dropzone { padding: var(--ow-space-4); }
}

body.dgo-body main:not(.dgo-screen-production) :is(
  .dgo-panel,
  .card,
  .dgo-entity-grid-shell,
  .dgo-control-bar,
  .dgo-readiness-card,
  .dgo-status-card,
  .dgo-reference-chart-panel,
  .dgo-account-panel,
  .dgo-mc-panel,
  .dgo-kpi-card,
  .dgo-overview-panel,
  .dgo-launch-panel,
  .dgo-analysis-context-card,
  .dgo-analysis-context-panel,
  .dgo-analysis-definition-panel,
  .dgo-analysis-evaluate-panel,
  .dgo-analysis-next-panel,
  .dgo-analysis-panel,
  .dgo-analysis-result-card,
  .dgo-analysis-results-panel,
  .dgo-analysis-token-card,
  .dgo-onboarding-card,
  .dgo-course-start-card,
  .dgo-create-next-panel,
  .dgo-create-tip-panel
) {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body :is(.owle-rounded-container, .dgo-control-bar, .dgo-campaign-filter-bar, .dgo-intelligence-filter-bar, .dgo-scope-bar, .dgo-reference-chart-controls) {
  background: var(--ow-bg-subtle);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
}

body.dgo-body main:not(.dgo-screen-production) :is(.dgo-panel-head, .card-header, .owle-card-header, .owle-panel-header) {
  border-color: var(--ow-border-default);
}

body.dgo-body :is(.dgo-panel-head, .owle-card-header, .owle-panel-header) h1,
body.dgo-body :is(.dgo-panel-head, .owle-card-header, .owle-panel-header) h2,
body.dgo-body :is(.dgo-panel-head, .owle-card-header, .owle-panel-header) h3 {
  color: var(--ow-text-primary);
}

body.dgo-body :is(.dgo-panel-head, .owle-card-header, .owle-panel-header) p {
  color: var(--ow-text-secondary);
}

/* Tabs ------------------------------------------------------------------- */
.owle-tabs,
.owle-segmented {
  align-items: stretch;
  display: flex;
  gap: var(--ow-space-1);
}

.owle-tabs { border-bottom: 1px solid var(--ow-border-default); }
.owle-tab,
.owle-segmented-item {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ow-text-secondary);
  display: inline-flex;
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-medium);
  gap: var(--ow-space-2);
  justify-content: center;
  min-height: 44px;
  padding: 0 var(--ow-space-4);
  text-decoration: none;
}

.owle-tab { border-bottom: 2px solid transparent; }
.owle-tab:hover,
.owle-tab:focus-visible { color: var(--ow-black); }
.owle-tab.is-active { border-bottom-color: var(--ow-black); color: var(--ow-black); font-weight: var(--ow-weight-bold); }
.owle-segmented { background: var(--ow-bg-muted); border-radius: var(--ow-radius-md); padding: var(--ow-space-1); }
.owle-segmented-item { border-radius: var(--ow-radius-sm); min-height: 36px; }
.owle-segmented-item.is-active { background: var(--ow-black); color: var(--ow-white); font-weight: var(--ow-weight-semibold); }

body.dgo-body :is(.dgo-entity-tabs, .dgo-context-nav) {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  padding-inline: 7px;
}

body.dgo-body .dgo-entity-tabs {
  gap: var(--ow-space-1);
  margin-bottom: 0;
}

body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab) {
  background: transparent;
  border-bottom-color: transparent;
  color: var(--ow-text-secondary);
  font-weight: var(--ow-weight-medium);
}

body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab):hover,
body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab):focus-visible {
  background: var(--ow-bg-hover);
  color: var(--ow-black);
}

body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab).is-active {
  background: var(--ow-white);
  border-bottom-color: var(--ow-black);
  box-shadow: none;
  color: var(--ow-black);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab).disabled,
body.dgo-body :is(.dgo-entity-tab, .dgo-context-tab)[aria-disabled="true"] {
  color: var(--ow-text-disabled);
  opacity: .72;
}

/* Badges, status and alerts --------------------------------------------- */
.owle-badge,
.owle-status,
.owle-chip,
body.dgo-body :is(.dgo-scope-chip, .dgo-dashboard-filter-chip, .dgo-selection-chip, .dgo-launch-selection-chip, .dgo-source-quality-badge, .dgo-tracking-offer-badge) {
  align-items: center;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-pill);
  display: inline-flex;
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
  gap: var(--ow-space-1);
  line-height: 1.2;
  min-height: 28px;
  padding-inline: var(--ow-space-3);
  white-space: nowrap;
}

.owle-chip,
body.dgo-body :is(.dgo-scope-chip, .dgo-dashboard-filter-chip, .dgo-selection-chip, .dgo-launch-selection-chip) {
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
  text-decoration: none;
}

body.dgo-body :is(.dgo-scope-chip, .dgo-dashboard-filter-chip, .dgo-selection-chip, .dgo-launch-selection-chip):hover,
body.dgo-body :is(.dgo-scope-chip, .dgo-dashboard-filter-chip, .dgo-selection-chip, .dgo-launch-selection-chip):focus-visible {
  background: var(--ow-bg-hover);
  border-color: var(--ow-border-strong);
  color: var(--ow-black);
}

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge, .dgo-panel-tag) {
  align-items: center;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  gap: var(--ow-space-1);
  justify-content: center;
  line-height: 1.2;
  min-height: 24px;
  padding-inline: var(--ow-space-2);
}

.owle-status-success,
.owle-badge-success { background: var(--ow-success-bg); border-color: var(--ow-success-border); color: var(--ow-success); }
.owle-status-warning,
.owle-badge-warning { background: var(--ow-warning-bg); border-color: var(--ow-warning-border); color: var(--ow-warning); }
.owle-status-danger,
.owle-badge-danger { background: var(--ow-danger-bg); border-color: var(--ow-danger-border); color: var(--ow-danger); }
.owle-status-info,
.owle-badge-info { background: var(--ow-info-bg); border-color: var(--ow-info-border); color: var(--ow-info); }

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge, .dgo-panel-tag) {
  border-radius: var(--ow-radius-pill);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge).is-active {
  background: var(--ow-success-bg);
  border-color: var(--ow-success-border);
  color: var(--ow-success);
}

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge).is-watch,
body.dgo-body :is(.dgo-grid-status, .dgo-status-badge).is-paused {
  background: var(--ow-warning-bg);
  border-color: var(--ow-warning-border);
  color: var(--ow-warning);
}

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge).is-failure {
  background: var(--ow-danger-bg);
  border-color: var(--ow-danger-border);
  color: var(--ow-danger);
}

body.dgo-body :is(.dgo-grid-status, .dgo-status-badge).is-neutral,
body.dgo-body .dgo-panel-tag {
  background: var(--ow-bg-subtle);
  border-color: var(--ow-border-default);
  color: var(--ow-text-secondary);
}

body.dgo-body :is(.alert, .dgo-alert-card, .owle-alert) {
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
  color: var(--ow-text-primary);
}

body.dgo-body :is(.alert-success, .owle-alert-success) { background: var(--ow-success-bg); border-color: var(--ow-success-border); color: var(--ow-success); }
body.dgo-body :is(.alert-warning, .owle-alert-warning) { background: var(--ow-warning-bg); border-color: var(--ow-warning-border); color: var(--ow-warning); }
body.dgo-body :is(.alert-danger, .owle-alert-danger) { background: var(--ow-danger-bg); border-color: var(--ow-danger-border); color: var(--ow-danger); }
body.dgo-body :is(.alert-info, .owle-alert-info) { background: var(--ow-info-bg); border-color: var(--ow-info-border); color: var(--ow-info); }

/* Shared dividers ------------------------------------------------------- */
body.dgo-body :is(hr, .owle-divider, .dgo-divider) {
  border: 0;
  border-block-start: 1px solid var(--ow-border-default);
  height: 0;
  margin-block: var(--ow-space-5);
}

body.dgo-body :is(.dgo-editor-divider, .dgo-divider-label)::before,
body.dgo-body :is(.dgo-editor-divider, .dgo-divider-label)::after {
  background: var(--ow-border-default);
}

/* Dropdowns and popovers ------------------------------------------------ */
.owle-dropdown { position: relative; }
.owle-dropdown > summary { cursor: pointer; list-style: none; }
.owle-dropdown > summary::-webkit-details-marker { display: none; }

body.dgo-body :is(.dropdown-menu, .dgo-row-actions-menu, .dgo-searchable-menu, .dgo-dashboard-filter-popover, .owle-dropdown-menu, .owle-popover) {
  background: var(--ow-white);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  box-shadow: var(--ow-shadow-popover);
  color: var(--ow-text-primary);
}

body.dgo-body :is(.dropdown-menu, .dgo-row-actions-menu, .dgo-searchable-menu, .dgo-dashboard-filter-popover, .owle-dropdown-menu, .owle-popover) :is(a, button, .dropdown-item, .dgo-row-action) {
  color: var(--ow-text-secondary);
}

body.dgo-body :is(.dropdown-menu, .dgo-row-actions-menu, .dgo-searchable-menu, .dgo-dashboard-filter-popover, .owle-dropdown-menu, .owle-popover) :is(a, button, .dropdown-item, .dgo-row-action):hover,
body.dgo-body :is(.dropdown-menu, .dgo-row-actions-menu, .dgo-searchable-menu, .dgo-dashboard-filter-popover, .owle-dropdown-menu, .owle-popover) :is(a, button, .dropdown-item, .dgo-row-action):focus-visible {
  background: var(--ow-bg-hover);
  color: var(--ow-black);
}

.owle-dropdown-menu { display: grid; gap: var(--ow-space-1); min-width: 220px; padding: var(--ow-space-2); }
.owle-dropdown-menu a,
.owle-dropdown-menu button { align-items: center; background: transparent; border: 0; border-radius: var(--ow-radius-sm); display: flex; gap: var(--ow-space-2); min-height: 36px; padding: 0 var(--ow-space-3); text-decoration: none; }

/* Tables ---------------------------------------------------------------- */
.owle-table-wrap { overflow-x: auto; }
.owle-table { border-collapse: separate; border-spacing: 0; min-width: 100%; width: 100%; }
.owle-table th { background: var(--ow-bg-subtle); color: var(--ow-text-secondary); font-size: var(--ow-font-size-xs); font-weight: var(--ow-weight-semibold); text-align: start; }
.owle-table th,
.owle-table td { border-bottom: 1px solid var(--ow-border-default); padding: var(--ow-space-3) var(--ow-space-4); vertical-align: middle; }
.owle-table tbody tr:hover { background: var(--ow-bg-hover); }
.owle-table tbody tr.is-selected { background: var(--ow-info-bg); }

body.dgo-body main:not(.dgo-screen-production) :is(.dgo-entity-grid-table, .dgo-table, .table, .dgo-mc-table) {
  border-color: var(--ow-border-default);
}

body.dgo-body main:not(.dgo-screen-production) :is(.dgo-entity-grid-table, .dgo-table, .table, .dgo-mc-table) thead th {
  background: var(--ow-bg-subtle);
  border-color: var(--ow-border-default);
  color: var(--ow-text-secondary);
}

body.dgo-body main:not(.dgo-screen-production) :is(.dgo-entity-grid-table, .dgo-table, .table, .dgo-mc-table) tbody td {
  border-color: var(--ow-border-default);
}

body.dgo-body main:not(.dgo-screen-production) :is(.dgo-entity-grid-table, .dgo-table, .table, .dgo-mc-table) tbody tr:hover {
  background: var(--ow-bg-hover);
}

/* Campaign manager rows use the shared OWLE table contract. ---------------- */
body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) [data-entity-grid] {
  margin-block-end: var(--ow-space-6);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .table-responsive:has(> .dgo-campaign-manager-table) {
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table thead th {
  background: var(--ow-bg-subtle);
  border-color: var(--ow-border-default);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
  letter-spacing: normal;
  text-transform: none;
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table tbody td {
  border-color: var(--ow-border-default);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table :is(.dgo-grid-name, .dgo-grid-link) {
  color: var(--ow-text-primary);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table :is(.dgo-grid-name, .dgo-grid-link):is(:hover, :focus-visible) {
  color: var(--ow-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table :is(.dgo-grid-product, .dgo-grid-parent) {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table td small {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table .dgo-grid-muted {
  color: var(--ow-text-muted);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table .dgo-row-menu:is(:hover, :focus-visible) {
  background: var(--ow-bg-hover);
  color: var(--ow-black);
}

body.dgo-body.dgo-reference-system main.dgo-screen-campaigns:not(.dgo-screen-production) .dgo-campaign-manager-table .dgo-check-col input[type="checkbox"] {
  accent-color: var(--ow-black);
}

/* Activity charts share the logo palette and remain readable as tables. */
body.dgo-body .owle-activity-chart {
  min-height: 0;
  margin-block-end: var(--ow-space-4);
  overflow: hidden;
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-head {
  flex-wrap: wrap;
  padding: var(--ow-space-5);
  gap: var(--ow-space-4);
  border-color: var(--ow-border-default);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-head h2 {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-lg);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-head p {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-control {
  align-items: center;
  background: var(--ow-bg-subtle);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-secondary);
  display: inline-flex;
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-medium);
  gap: var(--ow-space-2);
  min-height: var(--ow-control-height);
  padding: 0 var(--ow-space-3);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-control.is-active {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-strong);
  color: var(--ow-text-primary);
  font-weight: var(--ow-weight-semibold);
}
body.dgo-body .owle-activity-chart .dgo-reference-chart-control i {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
}
.owle-activity-chart { scroll-margin-block-start: calc(var(--ow-shell-topbar-height) + var(--ow-space-4)); }
.owle-activity-chart-content { display: grid; gap: var(--ow-space-4); min-width: 0; padding: var(--ow-space-5); }
.owle-activity-chart-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--ow-space-3); }
body.dgo-body .owle-activity-chart-collapsible > summary { align-items: center; cursor: pointer; display: flex; gap: var(--ow-space-4); justify-content: space-between; list-style: none; min-height: 56px; overflow: hidden; padding: var(--ow-space-3) var(--ow-space-5); }
body.dgo-body .owle-activity-chart-collapsible > summary::-webkit-details-marker { display: none; }
body.dgo-body .owle-activity-chart-collapsible > summary:focus-visible { outline: 2px solid var(--ow-border-focus); outline-offset: -2px; }
body.dgo-body .owle-activity-chart-summary-copy { align-items: baseline; display: flex; gap: var(--ow-space-3); min-width: 0; overflow: hidden; }
body.dgo-body .owle-activity-chart-summary-copy .dgo-eyebrow { flex: 0 0 auto; margin: 0; }
body.dgo-body .owle-activity-chart-summary-title { color: var(--ow-text-primary); font-size: var(--ow-font-size-md); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.dgo-body .owle-activity-chart-summary-date { align-items: center; color: var(--ow-text-secondary); display: inline-flex; flex: 0 0 auto; font-size: var(--ow-font-size-sm); gap: var(--ow-space-2); white-space: nowrap; }
body.dgo-body .owle-activity-chart-collapsible > summary > i { color: var(--ow-text-secondary); flex: 0 0 auto; transition: transform 160ms ease; }
body.dgo-body .owle-activity-chart-collapsible[open] > summary > i { transform: rotate(180deg); }
body.dgo-body .owle-activity-chart-toolbar .owle-help-text { color: var(--ow-text-secondary); font-size: var(--ow-font-size-sm); }
body.dgo-body .owle-activity-chart-toolbar .owle-segmented-item { color: var(--ow-text-primary); text-decoration: none; }
body.dgo-body .owle-activity-chart-toolbar .owle-segmented-item.is-active { color: var(--ow-white); }
body.dgo-body .owle-activity-chart .dgo-reference-chart-controls,
body.dgo-body .owle-activity-chart .dgo-reference-chart-date-form { border: 0; background: transparent; box-shadow: none; padding: 0; }
body.dgo-body .owle-activity-chart .dgo-reference-chart-date-form > label > input[type="date"] { width: 136px; }
body.dgo-body .owle-activity-chart .owle-empty-state { margin: 0; min-height: 180px; }
.owle-activity-chart-legend { display: flex; flex-wrap: wrap; gap: var(--ow-space-4) var(--ow-space-6); padding: 0; margin: var(--ow-space-5) 0; list-style: none; }
.owle-activity-chart-legend li { display: flex; align-items: center; gap: var(--ow-space-2); color: var(--ow-text-secondary); font-size: var(--ow-font-size-sm); }
.owle-activity-chart-legend svg { flex: 0 0 28px; }
.owle-activity-chart-legend strong { color: var(--ow-text-primary); font-variant-numeric: tabular-nums; }
.owle-activity-chart-scroll { width: 100%; overflow-x: auto; }
.owle-activity-chart-plot { display: block; width: 100%; min-width: 560px; height: auto; font: 14px var(--ow-font-family); }
.owle-activity-chart-plot text { fill: var(--ow-text-secondary); }
.owle-activity-chart-values { max-height: 340px; overflow: auto; }
.owle-activity-chart-values .owle-table { min-width: 560px; }
.owle-activity-chart-values thead th { position: sticky; top: 0; z-index: 1; }
.owle-activity-chart-values tfoot { background: var(--ow-bg-subtle); }
@media (max-width: 575.98px) {
  body.dgo-body .owle-activity-chart .dgo-reference-chart-head,
  .owle-activity-chart-content { padding: var(--ow-space-3); }
  body.dgo-body .owle-activity-chart-collapsible > summary { gap: var(--ow-space-2); padding: var(--ow-space-3); }
  body.dgo-body .owle-activity-chart-summary-copy { gap: var(--ow-space-2); }
  body.dgo-body .owle-activity-chart-summary-date { font-size: var(--ow-font-size-xs); }
  body.dgo-body .owle-activity-chart .dgo-reference-chart-controls { max-width: 100%; }
  body.dgo-body .owle-activity-chart .dgo-reference-chart-date-form { max-width: 100%; flex-wrap: wrap; }
}

.owle-pagination { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ow-space-1); }
.owle-pagination a,
.owle-pagination span { align-items: center; border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-sm); color: var(--ow-text-secondary); display: inline-flex; justify-content: center; min-height: 32px; min-width: 32px; padding-inline: var(--ow-space-2); text-decoration: none; }
.owle-pagination a:hover,
.owle-pagination a:focus-visible,
.owle-pagination .is-active { background: var(--ow-black); border-color: var(--ow-black); color: var(--ow-white); }

/* Tooltip, loading and empty states ------------------------------------ */
.owle-tooltip { background: var(--ow-gray-900); border-radius: var(--ow-radius-sm); color: var(--ow-white); font-size: var(--ow-font-size-xs); max-width: 240px; padding: var(--ow-space-2) var(--ow-space-3); }
.owle-popover { max-width: 320px; padding: var(--ow-space-4); }
.owle-spinner { animation: owle-spin 700ms linear infinite; border: 2px solid var(--ow-gray-300); border-radius: 50%; border-top-color: var(--ow-black); display: inline-block; height: 18px; width: 18px; }
.owle-skeleton { animation: owle-pulse 1.3s var(--ow-ease-standard) infinite; background: var(--ow-gray-200); border-radius: var(--ow-radius-sm); min-height: 16px; }
.owle-loading { align-items: center; color: var(--ow-text-muted); display: flex; gap: var(--ow-space-2); justify-content: center; min-height: 120px; }
.owle-empty-state { align-items: center; background: var(--ow-bg-subtle); border: 1px dashed var(--ow-border-strong); border-radius: var(--ow-radius-md); color: var(--ow-text-secondary); display: flex; flex-direction: column; gap: var(--ow-space-2); justify-content: center; min-height: 160px; padding: var(--ow-space-6); text-align: center; }
.owle-empty-state i { color: var(--ow-text-muted); font-size: 24px; }
.owle-empty-state strong { color: var(--ow-text-primary); font-size: var(--ow-font-size-md); }
.owle-icon { color: currentColor; display: inline-block; font-size: 1em; line-height: 1; }

@keyframes owle-spin { to { transform: rotate(360deg); } }
@keyframes owle-pulse { 50% { opacity: .48; } }

/* Internal component showcase ------------------------------------------ */
.owle-showcase { color: var(--ow-text-primary); max-width: 1180px; }
.owle-showcase-hero { align-items: flex-start; display: flex; gap: var(--ow-space-6); justify-content: space-between; margin-bottom: var(--ow-space-8); }
.owle-showcase-hero h1 { font-size: clamp(28px, 4vw, 40px); letter-spacing: -.03em; line-height: var(--ow-line-tight); margin: 0; }
.owle-showcase-hero p { color: var(--ow-text-secondary); margin: var(--ow-space-2) 0 0; max-width: 680px; }
.owle-showcase-meta { color: var(--ow-text-muted); font-size: var(--ow-font-size-xs); text-align: end; }
.owle-showcase-grid { display: grid; gap: var(--ow-space-6); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.owle-showcase-section { grid-column: span 12; padding: var(--ow-space-6); }
.owle-showcase-section.is-half { grid-column: span 6; }
.owle-showcase-section h2 { font-size: var(--ow-font-size-lg); line-height: var(--ow-line-tight); margin: 0; }
.owle-showcase-section > p { color: var(--ow-text-secondary); margin: var(--ow-space-2) 0 var(--ow-space-4); }
.owle-showcase-row { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ow-space-3); }
.owle-showcase-stack { display: grid; gap: var(--ow-space-3); }
.owle-showcase-swatch-grid { display: grid; gap: var(--ow-space-2); grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
.owle-showcase-swatch { border: 1px solid var(--ow-border-default); border-radius: var(--ow-radius-md); overflow: hidden; }
.owle-showcase-swatch-color { min-height: 50px; }
.owle-showcase-swatch-label { color: var(--ow-text-secondary); font-size: var(--ow-font-size-xs); padding: var(--ow-space-2); }
.owle-showcase-type-xl { font-size: var(--ow-font-size-xl); font-weight: var(--ow-weight-bold); line-height: var(--ow-line-tight); }
.owle-showcase-type-muted { color: var(--ow-text-muted); }
.owle-showcase-spacing { align-items: end; display: flex; flex-wrap: wrap; gap: var(--ow-space-4); }
.owle-showcase-spacing-item { color: var(--ow-text-muted); display: grid; font-size: var(--ow-font-size-xs); gap: var(--ow-space-1); justify-items: center; }
.owle-showcase-spacing-block { background: var(--ow-black); min-width: 8px; }
.owle-showcase-modal-preview { margin-top: var(--ow-space-3); max-width: 680px; overflow: hidden; }
.owle-showcase-modal-preview .owle-modal-header,
.owle-showcase-modal-preview .owle-modal-footer { align-items: center; display: flex; justify-content: space-between; padding: var(--ow-space-4) var(--ow-space-5); }
.owle-showcase-modal-preview .owle-modal-body { padding: var(--ow-space-5); }
.owle-showcase-note { background: var(--ow-info-bg); border: 1px solid var(--ow-info-border); border-radius: var(--ow-radius-md); color: var(--ow-info); font-size: var(--ow-font-size-xs); padding: var(--ow-space-3); }

@media (max-width: 767.98px) {
  .owle-showcase-hero { display: grid; gap: var(--ow-space-3); }
  .owle-showcase-meta { text-align: start; }
  .owle-showcase-section.is-half { grid-column: span 12; }
  .owle-showcase-section { padding: var(--ow-space-4); }
}

/* OWLE board state refinements ----------------------------------------- */

/* Tabs: one shared segmented surface with a clear active state. */
body.dgo-body :is(.owle-tabs, .dgo-entity-tabs, .dgo-context-tabs) {
  align-items: center;
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  gap: var(--ow-space-1);
  padding-block: var(--ow-space-1);
  padding-inline: 7px;
  scrollbar-width: none;
}

body.dgo-body :is(.owle-tabs, .dgo-entity-tabs, .dgo-context-tabs)::-webkit-scrollbar {
  display: none;
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab) {
  background: transparent;
  border: 0;
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-secondary);
  font-weight: var(--ow-weight-medium);
  text-decoration: none;
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab):hover,
body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab):focus-visible {
  background: var(--ow-bg-hover);
  color: var(--ow-black);
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).is-active,
body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab)[aria-current="page"] {
  background: var(--ow-black);
  border: 0;
  box-shadow: none;
  color: var(--ow-white);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab) small {
  background: var(--ow-bg-muted);
  border-radius: var(--ow-radius-pill);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
  padding-inline: var(--ow-space-2);
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).is-active small,
body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab)[aria-current="page"] small {
  background: var(--ow-gray-700);
  color: var(--ow-white);
}

body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).disabled,
body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).is-disabled,
body.dgo-body :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab)[aria-disabled="true"] {
  background: transparent;
  color: var(--ow-text-disabled);
  cursor: not-allowed;
  opacity: 1;
}

/* Alerts: tone is carried by the existing class/state, not new markup. */
body.dgo-body :is(.alert, .dgo-alert-card, .owle-alert) {
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
  line-height: var(--ow-line-normal);
  padding: var(--ow-space-4);
}

body.dgo-body :is(.alert-success, .dgo-alert-success, .owle-alert-success, .dgo-alert-card.is-success) {
  background: var(--ow-success-bg);
  border-color: var(--ow-success-border);
  color: var(--ow-success);
}

body.dgo-body :is(.alert-info, .dgo-alert-info, .owle-alert-info, .dgo-alert-card.is-info) {
  background: var(--ow-info-bg);
  border-color: var(--ow-info-border);
  color: var(--ow-info);
}

body.dgo-body :is(.alert-warning, .dgo-alert-warning, .owle-alert-warning, .dgo-alert-card.is-warning) {
  background: var(--ow-warning-bg);
  border-color: var(--ow-warning-border);
  color: var(--ow-warning);
}

body.dgo-body :is(.alert-danger, .alert-error, .dgo-alert-danger, .dgo-alert-error, .owle-alert-danger, .owle-alert-error, .dgo-alert-card.is-danger, .dgo-alert-card.is-error) {
  background: var(--ow-danger-bg);
  border-color: var(--ow-danger-border);
  color: var(--ow-danger);
}

/* Badges and status pills. */
body.dgo-body :is(.badge, .dgo-badge, .owle-badge, .owle-status) {
  align-items: center;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-pill);
  display: inline-flex;
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
  gap: var(--ow-space-1);
  justify-content: center;
  line-height: 1.2;
  min-height: 28px;
  padding-inline: var(--ow-space-3);
  white-space: nowrap;
}

body.dgo-body :is(.badge-success, .dgo-badge-success, .owle-badge-success, .owle-status-success) {
  background: var(--ow-success-bg);
  border-color: var(--ow-success-border);
  color: var(--ow-success);
}

body.dgo-body :is(.badge-info, .dgo-badge-info, .owle-badge-info, .owle-status-info) {
  background: var(--ow-info-bg);
  border-color: var(--ow-info-border);
  color: var(--ow-info);
}

body.dgo-body :is(.badge-warning, .dgo-badge-warning, .owle-badge-warning, .owle-status-warning) {
  background: var(--ow-warning-bg);
  border-color: var(--ow-warning-border);
  color: var(--ow-warning);
}

body.dgo-body :is(.badge-danger, .badge-error, .dgo-badge-danger, .dgo-badge-error, .owle-badge-danger, .owle-badge-error, .owle-status-danger) {
  background: var(--ow-danger-bg);
  border-color: var(--ow-danger-border);
  color: var(--ow-danger);
}

body.dgo-body :is(.badge-dark, .dgo-badge-dark, .owle-badge-dark) {
  background: var(--ow-black);
  border-color: var(--ow-black);
  color: var(--ow-white);
}

/* Toggles: keep the existing button/input contract and state classes. */
body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle) {
  align-items: center;
  background: var(--ow-gray-300);
  border: 1px solid var(--ow-gray-400);
  border-radius: var(--ow-radius-pill);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0;
  height: 28px;
  justify-content: flex-start;
  padding: 3px;
  width: 48px;
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle) > span {
  background: var(--ow-white);
  border-radius: 50%;
  box-shadow: var(--ow-shadow-low);
  display: block;
  height: 20px;
  transform: translateX(0);
  transition: transform var(--ow-motion-fast) var(--ow-ease-standard);
  width: 20px;
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle).is-active,
body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle):checked,
body.dgo-body :is(.form-switch .form-check-input):checked {
  background-color: var(--ow-black);
  border-color: var(--ow-black);
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle).is-active > span {
  transform: translateX(20px);
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle).is-paused {
  background: var(--ow-warning-bg);
  border-color: var(--ow-warning-border);
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle):is(:disabled, .disabled, [aria-disabled="true"]) {
  background: var(--ow-disabled-bg);
  border-color: var(--ow-disabled-border);
  cursor: not-allowed;
  opacity: 1;
}

body.dgo-body :is(.form-switch .form-check-input) {
  border-color: var(--ow-gray-400);
  border-radius: var(--ow-radius-pill);
  box-shadow: none;
  min-height: 24px;
  width: 44px;
}

body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle):focus-visible,
body.dgo-body :is(.form-switch .form-check-input):focus-visible {
  box-shadow: var(--ow-focus-ring);
  outline: none;
}

[dir="rtl"] body.dgo-body :is(.dgo-delivery-toggle, .owle-toggle, .dgo-toggle).is-active > span {
  transform: translateX(-20px);
}

/* Modals, drawers and sheets share the same surface hierarchy. */
body.dgo-body :is(.dgo-modal, .owle-modal, .dgo-sheet, .owle-sheet) {
  box-sizing: border-box;
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-modal);
  color: var(--ow-text-primary);
  min-height: 0;
}

body.dgo-body :is(.dgo-modal-head, .owle-modal-header, .dgo-editor-head, .dgo-readiness-fix-head, .dgo-sheet-head, .owle-sheet-header) {
  flex: 0 0 auto;
  background: var(--ow-bg-surface);
  border-block-end: 1px solid var(--ow-border-default);
  padding-block: var(--ow-space-4);
  padding-inline: var(--ow-space-6);
}

body.dgo-body :is(.dgo-modal-body, .owle-modal-body, .dgo-editor-body, .dgo-readiness-fix-body, .dgo-sheet-body, .owle-sheet-body) {
  box-sizing: border-box;
  flex: 1 1 auto;
  color: var(--ow-text-primary);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-block: var(--ow-space-6);
  padding-inline: var(--ow-space-6);
}

body.dgo-body :is(.dgo-modal-foot, .owle-modal-footer, .dgo-editor-foot, .dgo-readiness-fix-foot, .dgo-sheet-foot, .owle-sheet-footer) {
  flex: 0 0 auto;
  background: var(--ow-bg-surface);
  border-block-start: 1px solid var(--ow-border-default);
  padding-block: var(--ow-space-4);
  padding-inline: var(--ow-space-6);
}

/* Every modal form uses one predictable field rhythm. Bootstrap's inline
   label content is useful in compact toolbars, but it makes long modal forms
   wrap labels and controls into each other. Keep the existing form markup and
   make the field control the full width of its grid cell. */
body.dgo-body :is(.dgo-modal-body, .owle-modal-body, .dgo-editor-body, .dgo-readiness-fix-body, .dgo-sheet-body, .owle-sheet-body) .row > [class*="col-"] > label:not(.form-check) {
  display: grid;
  gap: var(--ow-space-2);
  min-width: 0;
}

body.dgo-body :is(.dgo-modal-body, .owle-modal-body, .dgo-editor-body, .dgo-readiness-fix-body, .dgo-sheet-body, .owle-sheet-body) .row > [class*="col-"] > label:not(.form-check) > :is(.form-control, .form-select, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-block-start: 0;
}

body.dgo-body :is(.dgo-modal-body, .owle-modal-body, .dgo-editor-body, .dgo-readiness-fix-body, .dgo-sheet-body, .owle-sheet-body) .row > [class*="col-"] > label:not(.form-check) > small {
  margin-block-start: calc(var(--ow-space-1) * -1);
}

body.dgo-body :is(.dgo-modal-close, .owle-modal-close, .dgo-editor-close, .dgo-sheet-close, .owle-sheet-close) {
  align-items: center;
  background: var(--ow-white);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  color: var(--ow-text-secondary);
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

body.dgo-body :is(.dgo-modal-close, .owle-modal-close, .dgo-editor-close, .dgo-sheet-close, .owle-sheet-close):hover,
body.dgo-body :is(.dgo-modal-close, .owle-modal-close, .dgo-editor-close, .dgo-sheet-close, .owle-sheet-close):focus-visible {
  background: var(--ow-bg-hover);
  border-color: var(--ow-border-strong);
  color: var(--ow-black);
}

body.dgo-body :is(.dgo-modal-backdrop, .dgo-editor-backdrop, .dgo-readiness-fix-backdrop, .owle-modal-backdrop, .owle-sheet-backdrop) {
  background: rgba(11, 11, 11, .42);
}

body.dgo-body :is(.dgo-editor-drawer, .dgo-readiness-fix-drawer, .dgo-sheet, .owle-sheet) {
  background: var(--ow-bg-surface);
  border-color: var(--ow-border-default);
  box-shadow: var(--ow-shadow-modal);
}

body.dgo-body :is(.dgo-editor-drawer, .dgo-readiness-fix-drawer) {
  border-inline-start: 1px solid var(--ow-border-default);
}

@media (max-width: 767.98px) {
  body.dgo-body :is(.dgo-modal-head, .owle-modal-header, .dgo-editor-head, .dgo-readiness-fix-head, .dgo-sheet-head, .owle-sheet-header),
  body.dgo-body :is(.dgo-modal-body, .owle-modal-body, .dgo-editor-body, .dgo-readiness-fix-body, .dgo-sheet-body, .owle-sheet-body),
  body.dgo-body :is(.dgo-modal-foot, .owle-modal-footer, .dgo-editor-foot, .dgo-readiness-fix-foot, .dgo-sheet-foot, .owle-sheet-footer) {
    padding-inline: var(--ow-space-4);
  }

  body.dgo-body :is(.dgo-modal, .owle-modal, .dgo-sheet, .owle-sheet) {
    border-radius: var(--ow-radius-lg) var(--ow-radius-lg) 0 0;
  }
}

/* OWLE application shell -------------------------------------------------
   One shared chrome contract for product, truth, supply, intelligence, and
   seller surfaces. Existing markup and navigation behavior are unchanged. */
body.dgo-body .dgo-app-shell {
  min-height: 100vh;
  background: var(--ow-bg-page);
}

/* Desktop grid: sidebar | main, with the topbar aligned to main. */
body.dgo-body .dgo-sidebar {
  position: fixed;
  inset: var(--ow-shell-topbar-height) auto 0 0;
  z-index: 1040;
  display: flex;
  width: var(--ow-shell-sidebar-width);
  max-width: none;
  min-height: 0;
  padding: var(--ow-space-4) var(--ow-space-3) var(--ow-space-3);
  align-items: stretch;
  overflow: hidden;
  background: var(--ow-bg-surface);
  border: 0;
  border-inline-end: 1px solid var(--ow-border-default);
  border-radius: 0;
  box-shadow: var(--ow-shadow-low);
  color: var(--ow-text-primary);
  opacity: 1;
  transform: none;
  visibility: visible;
}

body.dgo-body .dgo-brand-mark {
  display: flex;
  width: 100%;
  min-height: 68px;
  height: auto;
  margin: 0 0 var(--ow-space-5);
  padding: var(--ow-space-3);
  align-items: center;
  justify-content: flex-start;
  gap: var(--ow-space-2);
  border: 0;
  border-bottom: 1px solid var(--ow-border-default);
  border-radius: 0;
  background: transparent;
  color: var(--ow-text-primary);
  text-decoration: none;
}

body.dgo-body .dgo-brand-mark:hover,
body.dgo-body .dgo-brand-mark:focus-visible {
  background: var(--ow-bg-hover);
}

body.dgo-body .dgo-brand-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  color: var(--ow-text-primary);
  line-height: var(--ow-line-tight);
}

body.dgo-body .dgo-brand-copy strong {
  color: var(--ow-black);
  font-size: var(--ow-font-size-lg);
  font-weight: var(--ow-weight-extrabold);
  letter-spacing: .01em;
}

body.dgo-body .dgo-brand-copy small {
  margin-top: var(--ow-space-1);
  color: var(--ow-text-muted);
  font-size: 9px;
  font-weight: var(--ow-weight-bold);
  letter-spacing: .16em;
}

body.dgo-body .dgo-side-nav {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  gap: var(--ow-space-5);
  padding: 0 0 var(--ow-space-3);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--ow-gray-300) transparent;
  scrollbar-width: thin;
}

body.dgo-body .dgo-nav-group {
  display: grid;
  gap: var(--ow-space-1);
}

body.dgo-body .dgo-nav-group-label {
  padding: 0 var(--ow-space-3) var(--ow-space-1);
  color: var(--ow-text-muted);
  font-size: 10px;
  font-weight: var(--ow-weight-bold);
  letter-spacing: .12em;
  line-height: var(--ow-line-tight);
  text-transform: uppercase;
}

body.dgo-body .dgo-nav-item {
  display: flex;
  width: 100%;
  min-height: var(--ow-control-height);
  padding: 0 var(--ow-space-3);
  align-items: center;
  justify-content: flex-start;
  gap: var(--ow-space-3);
  border: 1px solid transparent;
  border-radius: var(--ow-radius-md);
  background: transparent;
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  line-height: 1.2;
  text-align: start;
  text-decoration: none;
  transition: background-color var(--ow-motion-standard) var(--ow-ease-standard),
    border-color var(--ow-motion-standard) var(--ow-ease-standard),
    color var(--ow-motion-standard) var(--ow-ease-standard);
}

body.dgo-body .dgo-nav-item i {
  width: 20px;
  flex: 0 0 20px;
  color: var(--ow-text-muted);
  font-size: 17px;
  text-align: center;
}

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

body.dgo-body .dgo-nav-item:hover,
body.dgo-body .dgo-nav-item:focus-visible {
  border-color: var(--ow-border-default);
  background: var(--ow-bg-hover);
  color: var(--ow-text-primary);
}

body.dgo-body .dgo-nav-item:hover i,
body.dgo-body .dgo-nav-item:focus-visible i {
  color: var(--ow-text-primary);
}

body.dgo-body .dgo-nav-item.is-active {
  border-color: var(--ow-black);
  background: var(--ow-black);
  color: var(--ow-white);
  box-shadow: var(--ow-shadow-low);
}

body.dgo-body .dgo-nav-item.is-active i { color: currentColor; }

body.dgo-body .dgo-side-footer {
  display: flex;
  flex: 0 0 auto;
  padding-top: var(--ow-space-3);
  border-top: 1px solid var(--ow-border-default);
}

body.dgo-body .dgo-side-footer form,
body.dgo-body .dgo-side-footer .dgo-nav-button { width: 100%; }

body.dgo-body .dgo-topbar {
  position: fixed;
  inset: 0 0 auto var(--ow-shell-sidebar-width);
  z-index: 1030;
  display: grid;
  height: var(--ow-shell-topbar-height);
  min-height: var(--ow-shell-topbar-height);
  min-width: 0;
  grid-template-columns: minmax(200px, 280px) minmax(220px, 1fr) auto;
  align-items: center;
  gap: var(--ow-space-4);
  padding-inline: var(--ow-space-6);
  background: var(--ow-bg-surface);
  border: 0;
  border-bottom: 1px solid var(--ow-border-default);
  box-shadow: var(--ow-shadow-low);
  backdrop-filter: none;
}

body.dgo-body .dgo-topbar > * { min-width: 0; }

body.dgo-body .dgo-topbar-brand {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--ow-space-2);
}

body.dgo-body .dgo-shell-logo { color: var(--ow-black); text-decoration: none; }
body.dgo-body .dgo-shell-logo strong { color: var(--ow-black); font-size: var(--ow-font-size-md); font-weight: var(--ow-weight-extrabold); }
body.dgo-body .dgo-shell-logo small { color: var(--ow-text-muted); font-size: 9px; font-weight: var(--ow-weight-bold); letter-spacing: .12em; }

body.dgo-body .dgo-nav-toggle {
  display: none;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  color: var(--ow-black);
}

body.dgo-body .dgo-workspace-switcher,
body.dgo-body .dgo-user-menu { position: relative; z-index: var(--ow-z-dropdown); }

body.dgo-body .dgo-workspace-switcher > summary {
  display: flex;
  min-height: var(--ow-control-height);
  padding: var(--ow-space-2) var(--ow-space-3);
  align-items: center;
  gap: var(--ow-space-2);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  color: var(--ow-text-primary);
  cursor: pointer;
  list-style: none;
}

body.dgo-body .dgo-workspace-switcher > summary::-webkit-details-marker,
body.dgo-body .dgo-language-switcher > summary::-webkit-details-marker,
body.dgo-body .dgo-user-menu > summary::-webkit-details-marker { display: none; }

body.dgo-body .dgo-workspace-switcher > summary:hover,
body.dgo-body .dgo-workspace-switcher[open] > summary,
body.dgo-body .dgo-workspace-switcher > summary:focus-visible {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-hover);
}

body.dgo-body .dgo-workspace-switcher > summary > i:first-child { color: var(--ow-text-secondary); font-size: 18px; }
body.dgo-body .dgo-workspace-switcher > summary > span { display: grid; min-width: 0; flex: 1 1 auto; gap: 1px; }
body.dgo-body .dgo-workspace-switcher > summary strong,
body.dgo-body .dgo-workspace-switcher > summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.dgo-body .dgo-workspace-switcher > summary strong { color: var(--ow-text-primary); font-size: var(--ow-font-size-sm); font-weight: var(--ow-weight-bold); }
body.dgo-body .dgo-workspace-switcher > summary small { color: var(--ow-text-muted); font-size: var(--ow-font-size-xs); }
body.dgo-body .dgo-workspace-switcher > summary > i:last-child { color: var(--ow-text-muted); font-size: 12px; }

body.dgo-body .dgo-workspace-menu,
body.dgo-body .dgo-language-menu,
body.dgo-body .dgo-user-menu-popover {
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-popover);
}

body.dgo-body .dgo-workspace-menu {
  position: absolute;
  top: calc(100% + var(--ow-space-2));
  inset-inline: 0;
  display: grid;
  min-width: 220px;
  gap: var(--ow-space-1);
  padding: var(--ow-space-2);
}

body.dgo-body .dgo-workspace-menu a,
body.dgo-body .dgo-workspace-menu button {
  display: flex;
  width: 100%;
  min-height: var(--ow-control-height-compact);
  padding: 0 var(--ow-space-2);
  align-items: center;
  gap: var(--ow-space-2);
  border: 0;
  border-radius: var(--ow-radius-sm);
  background: transparent;
  color: var(--ow-text-secondary);
  font: inherit;
  text-align: start;
  text-decoration: none;
}

body.dgo-body .dgo-workspace-menu a:hover,
body.dgo-body .dgo-workspace-menu button:hover,
body.dgo-body .dgo-workspace-menu a:focus-visible,
body.dgo-body .dgo-workspace-menu button:focus-visible { background: var(--ow-bg-hover); color: var(--ow-text-primary); }

body.dgo-body .owle-quick-search {
  display: flex;
  position: relative;
  min-width: 0;
  min-height: var(--ow-control-height);
  height: var(--ow-control-height);
  padding-inline: var(--ow-space-3);
  align-items: center;
  gap: var(--ow-space-2);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
  box-shadow: none;
}

body.dgo-body .owle-quick-search > i { flex: 0 0 auto; color: var(--ow-text-muted); }
body.dgo-body .owle-quick-search:focus-within { border-color: var(--ow-border-focus); background: var(--ow-bg-surface); box-shadow: var(--ow-focus-ring); }
body.dgo-body .owle-quick-search .dgo-quick-jump {
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  box-shadow: none !important;
  color: var(--ow-text-primary);
  text-align: start;
}
body.dgo-body .owle-quick-search .dgo-quick-jump:focus,
body.dgo-body .owle-quick-search .dgo-quick-jump:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  box-shadow: none !important;
}
body.dgo-body .owle-quick-search .dgo-quick-jump::placeholder { color: var(--ow-text-muted); }

body.dgo-body .dgo-quick-jump-results {
  top: calc(100% + var(--ow-space-2));
  padding: var(--ow-space-2);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-popover);
}

body.dgo-body .dgo-quick-jump-result-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.dgo-body .dgo-quick-jump-result-copy > strong,
body.dgo-body .dgo-quick-jump-result-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dgo-body .dgo-quick-jump-result-copy > strong {
  color: inherit;
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body .dgo-quick-jump-result-copy > small {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-regular);
}

body.dgo-body .dgo-top-actions {
  display: flex;
  min-width: max-content;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ow-space-2);
}

body.dgo-body .dgo-icon-btn,
body.dgo-body .dgo-help-open,
body.dgo-body .dgo-quick-jump-mobile {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  color: var(--ow-text-secondary);
  box-shadow: none;
}

body.dgo-body .dgo-icon-btn:hover,
body.dgo-body .dgo-icon-btn:focus-visible,
body.dgo-body .dgo-help-open:hover,
body.dgo-body .dgo-help-open:focus-visible,
body.dgo-body .dgo-quick-jump-mobile:hover,
body.dgo-body .dgo-quick-jump-mobile:focus-visible { border-color: var(--ow-black); background: var(--ow-black); color: var(--ow-white); }

body.dgo-body .dgo-user-menu > summary {
  display: flex;
  min-height: 40px;
  padding: var(--ow-space-1) var(--ow-space-2);
  align-items: center;
  gap: var(--ow-space-2);
  border: 1px solid transparent;
  border-radius: var(--ow-radius-md);
  background: transparent;
  cursor: pointer;
  list-style: none;
}

body.dgo-body .dgo-user-menu > summary:hover,
body.dgo-body .dgo-user-menu[open] > summary,
body.dgo-body .dgo-user-menu > summary:focus-visible { border-color: var(--ow-border-default); background: var(--ow-bg-hover); }
body.dgo-body .dgo-user-menu-label { display: grid; min-width: 0; max-width: 160px; gap: 1px; }
body.dgo-body .dgo-user-menu-label strong,
body.dgo-body .dgo-user-menu-label small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.dgo-body .dgo-user-menu-label strong { color: var(--ow-text-primary); font-size: var(--ow-font-size-xs); font-weight: var(--ow-weight-bold); }
body.dgo-body .dgo-user-menu-label small { color: var(--ow-text-muted); font-size: 10px; }
body.dgo-body .dgo-user-menu-popover { top: calc(100% + var(--ow-space-2)); min-width: 240px; padding: var(--ow-space-2); }

/* Main content uses the same sidebar offset and a single width contract. */
body.dgo-body .dgo-main {
  min-width: 0;
  min-height: 100vh;
  margin-inline-start: var(--ow-shell-sidebar-width);
  margin-inline-end: 0;
  padding-top: var(--ow-shell-topbar-height);
}

body.dgo-body .dgo-content-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ow-shell-content-max);
  margin-inline: auto;
  padding: var(--ow-space-7) var(--ow-space-8) var(--ow-space-12);
}
body.dgo-body .dgo-content-wrap.ov-page-wide { max-width: var(--ow-shell-wide-max); }
body.dgo-body .dgo-content-wrap.ov-page-focused { max-width: var(--ow-shell-focused-max); }
body.dgo-body .dgo-content-wrap.ov-page-edit { max-width: var(--ow-shell-content-edit); }
body.dgo-body .dgo-sidebar-backdrop { background: rgba(11, 11, 11, .36); }

/* RTL changes the anchored edge while all measurements stay shared. */
[dir="rtl"] body.dgo-body .dgo-sidebar {
  inset-inline: auto 0;
  border-inline-end: 0;
  border-inline-start: 1px solid var(--ow-border-default);
}
[dir="rtl"] body.dgo-body .dgo-topbar { inset-inline: 0 var(--ow-shell-sidebar-width); }
[dir="rtl"] body.dgo-body .dgo-main { margin-inline-start: var(--ow-shell-sidebar-width); margin-inline-end: 0; }

@media (max-width: 1199.98px) {
  body.dgo-body { --ow-shell-sidebar-width: 224px; }
  body.dgo-body .dgo-topbar { grid-template-columns: minmax(180px, 240px) minmax(180px, 1fr) auto; padding-inline: var(--ow-space-5); }
  body.dgo-body .dgo-content-wrap { padding-inline: var(--ow-space-6); }
}

@media (max-width: 991.98px) {
  body.dgo-body { --ow-shell-sidebar-width: min(280px, calc(100vw - 32px)); --ow-shell-topbar-height: 68px; }
  body.dgo-body .dgo-sidebar {
    inset: var(--ow-shell-topbar-height) auto 0 0;
    width: var(--ow-shell-sidebar-width);
    height: calc(100dvh - var(--ow-shell-topbar-height));
    max-height: calc(100dvh - var(--ow-shell-topbar-height));
    padding-bottom: calc(var(--ow-space-3) + env(safe-area-inset-bottom));
    box-shadow: var(--ow-shadow-modal);
    transform: translateX(-105%);
    transition: transform var(--ow-motion-slow) var(--ow-ease-standard);
  }
  body.dgo-body .dgo-sidebar.is-open { transform: translateX(0); }
  body.dgo-body .dgo-side-nav { flex-direction: column; overflow-x: hidden; overflow-y: auto; }
  body.dgo-body .dgo-topbar { inset-inline: 0; grid-template-columns: minmax(0, 1fr) auto; padding-inline: var(--ow-space-4); }
  body.dgo-body .dgo-topbar-brand { overflow: hidden; }
  body.dgo-body .dgo-nav-toggle { display: grid; }
  body.dgo-body .owle-quick-search { display: none; }
  body.dgo-body .dgo-quick-jump-mobile { display: inline-flex; align-items: center; justify-content: center; gap: var(--ow-space-2); padding-inline: var(--ow-space-3); }
  body.dgo-body .dgo-user-menu-label { display: none; }
  body.dgo-body .dgo-main { margin-inline: 0; }
  body.dgo-body .dgo-content-wrap { max-width: none; padding: var(--ow-space-6) var(--ow-space-5) var(--ow-space-10); }
  body.dgo-body .dgo-sidebar-backdrop { inset: var(--ow-shell-topbar-height) 0 0; }
  [dir="rtl"] body.dgo-body .dgo-sidebar { inset: var(--ow-shell-topbar-height) 0 0 auto; transform: translateX(105%); }
  [dir="rtl"] body.dgo-body .dgo-sidebar.is-open { transform: translateX(0); }
  [dir="rtl"] body.dgo-body .dgo-topbar,
  [dir="rtl"] body.dgo-body .dgo-main { inset-inline: 0; margin-inline: 0; }
}

@media (max-width: 767.98px) {
  body.dgo-body { --ow-shell-topbar-height: 64px; }
  body.dgo-body .dgo-content-wrap { padding: var(--ow-space-5) var(--ow-space-4) var(--ow-space-9); }
  body.dgo-body .dgo-workspace-switcher > summary { min-height: 40px; }
  body.dgo-body .dgo-workspace-switcher > summary strong { font-size: var(--ow-font-size-xs); }
  body.dgo-body .dgo-workspace-switcher > summary small,
  body.dgo-body .dgo-workspace-switcher > summary > i:last-child { display: none; }
  body.dgo-body .dgo-top-actions { gap: var(--ow-space-1); }
}

@media (max-width: 575.98px) {
  body.dgo-body .dgo-content-wrap { padding-inline: var(--ow-space-3); }
  body.dgo-body .dgo-nav-toggle,
  body.dgo-body .dgo-icon-btn,
  body.dgo-body .dgo-help-open,
  body.dgo-body .dgo-quick-jump-mobile { width: 38px; min-width: 38px; padding-inline: 0; }
  body.dgo-body .dgo-quick-jump-mobile span,
  body.dgo-body .dgo-help-open span { display: none; }
  body.dgo-body .dgo-workspace-switcher > summary > span { max-width: 130px; }
  body.dgo-body .dgo-workspace-menu,
  body.dgo-body .dgo-user-menu-popover { position: fixed; top: calc(var(--ow-shell-topbar-height) - var(--ow-space-2)); inset-inline: var(--ow-space-3); min-width: 0; }
}

/* Legacy shell specificity bridge. The older phase files remain loaded for
   page-specific components, so these shared geometry rules must win for the
   application frame itself. */
body.dgo-body.dgo-reference-system .dgo-sidebar {
  inset: var(--ow-shell-topbar-height) auto 0 0;
  width: var(--ow-shell-sidebar-width);
  padding: var(--ow-space-4) var(--ow-space-3) var(--ow-space-3);
  background: var(--ow-bg-surface);
  border-inline-end: 1px solid var(--ow-border-default);
}

body.dgo-body.dgo-reference-system .dgo-topbar {
  inset: 0 0 auto var(--ow-shell-sidebar-width);
  height: var(--ow-shell-topbar-height);
  min-height: var(--ow-shell-topbar-height);
  grid-template-columns: minmax(200px, 280px) minmax(220px, 1fr) auto;
  padding-inline: var(--ow-space-6);
}

body.dgo-body.dgo-reference-system .dgo-main {
  margin-inline-start: var(--ow-shell-sidebar-width);
  margin-inline-end: 0;
  padding-top: var(--ow-shell-topbar-height);
}

body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page {
  max-width: var(--ow-shell-content-max);
  padding: var(--ow-space-7) var(--ow-space-8) var(--ow-space-12);
}

body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page-wide { max-width: var(--ow-shell-wide-max); }
body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page-focused { max-width: var(--ow-shell-focused-max); }
body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page-edit { max-width: var(--ow-shell-content-edit); }
body.dgo-body.dgo-reference-system .dgo-nav-item.is-active {
  background: #f3f4f6;
  color: #000000;
  border-color: #f3f4f6;
}

[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-nav-item.is-active { box-shadow: none; }

[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-sidebar {
  inset: var(--ow-shell-topbar-height) 0 0 auto;
  border-inline-end: 0;
  border-inline-start: 1px solid var(--ow-border-default);
}
[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-topbar { inset: 0 var(--ow-shell-sidebar-width) auto 0; }
[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-main { margin-inline-start: var(--ow-shell-sidebar-width); margin-inline-end: 0; }

@media (max-width: 1199.98px) {
  body.dgo-body.dgo-reference-system .dgo-topbar {
    grid-template-columns: minmax(180px, 240px) minmax(180px, 1fr) auto;
    padding-inline: var(--ow-space-5);
  }
  body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page { padding-inline: var(--ow-space-6); }
}

@media (max-width: 991.98px) {
  body.dgo-body.dgo-reference-system .dgo-sidebar {
    inset: var(--ow-shell-topbar-height) auto 0 0;
    width: var(--ow-shell-sidebar-width);
    height: calc(100dvh - var(--ow-shell-topbar-height));
    max-height: calc(100dvh - var(--ow-shell-topbar-height));
    transform: translateX(-105%);
  }
  body.dgo-body.dgo-reference-system .dgo-sidebar.is-open { transform: translateX(0); }
  body.dgo-body.dgo-reference-system .dgo-topbar { inset: 0; grid-template-columns: minmax(0, 1fr) auto; padding-inline: var(--ow-space-4); }
  body.dgo-body.dgo-reference-system .dgo-main,
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-main { margin-inline: 0; }
  body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page { max-width: none; padding: var(--ow-space-6) var(--ow-space-5) var(--ow-space-10); }
  body.dgo-body.dgo-reference-system .dgo-sidebar-backdrop { inset: var(--ow-shell-topbar-height) 0 0; }
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-sidebar { inset: var(--ow-shell-topbar-height) 0 0 auto; transform: translateX(105%); }
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-sidebar.is-open { transform: translateX(0); }
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-topbar { inset: 0; }
}

@media (max-width: 767.98px) {
  body.dgo-body.dgo-reference-system .dgo-sidebar {
    inset: var(--ow-shell-topbar-height) auto 0 0;
    height: calc(100dvh - var(--ow-shell-topbar-height));
  }
  body.dgo-body.dgo-reference-system .dgo-main { padding-top: var(--ow-shell-topbar-height); }
  body.dgo-body.dgo-reference-system .dgo-content-wrap.ov-page { padding: var(--ow-space-5) var(--ow-space-4) var(--ow-space-9); }
  body.dgo-body.dgo-reference-system .dgo-sidebar-backdrop { inset: var(--ow-shell-topbar-height) 0 0; }
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-sidebar { inset: var(--ow-shell-topbar-height) 0 0 auto; }
}

/* Phase 5 intentionally has a more specific seller-shell selector. Keep it
   on the same OWLE grid as every other persona. */
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar {
  inset: var(--ow-shell-topbar-height) auto 0 0;
  width: var(--ow-shell-sidebar-width);
  height: calc(100dvh - var(--ow-shell-topbar-height));
  min-height: 0;
}
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-topbar { inset: 0 0 auto var(--ow-shell-sidebar-width); height: var(--ow-shell-topbar-height); min-height: var(--ow-shell-topbar-height); }
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-main { margin-inline-start: var(--ow-shell-sidebar-width); margin-inline-end: 0; padding-top: var(--ow-shell-topbar-height); }
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-content-wrap { max-width: var(--ow-shell-content-max); }
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-content-wrap.ov-page-edit { max-width: var(--ow-shell-content-edit); }
[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar { inset: var(--ow-shell-topbar-height) 0 0 auto; }
[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-topbar { inset: 0 var(--ow-shell-sidebar-width) auto 0; }
[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-main { margin-inline-start: var(--ow-shell-sidebar-width); margin-inline-end: 0; }

@media (max-width: 991.98px) {
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar { inset: var(--ow-shell-topbar-height) auto 0 0; width: var(--ow-shell-sidebar-width); }
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-topbar { inset: 0; }
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-main,
  [dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-main { margin-inline: 0; }
  [dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar { inset: var(--ow-shell-topbar-height) 0 0 auto; }
  [dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-topbar { inset: 0; }
}

/* Flow migration bridge -------------------------------------------------
   The product, intelligence, truth, economics and supply views already
   expose the shared DGO component hooks. Map their older reference aliases
   to OWLE here so route CSS consumes one visual vocabulary. */
body.dgo-body.dgo-reference-system {
  --dgo-ref-bg: var(--ow-bg-page);
  --dgo-ref-surface: var(--ow-bg-surface);
  --dgo-ref-surface-soft: var(--ow-bg-subtle);
  --dgo-ref-ink: var(--ow-text-primary);
  --dgo-ref-text: var(--ow-text-primary);
  --dgo-ref-muted: var(--ow-text-secondary);
  --dgo-ref-subtle: var(--ow-text-muted);
  --dgo-ref-border: var(--ow-border-default);
  --dgo-ref-border-strong: var(--ow-border-strong);
  --dgo-ref-divider: var(--ow-border-default);
  --dgo-ref-primary: var(--ow-black);
  --dgo-ref-primary-dark: var(--ow-gray-800);
  --dgo-ref-blue: var(--ow-black);
  --dgo-ref-blue-soft: var(--ow-bg-subtle);
  --dgo-ref-black: var(--ow-black);
  --dgo-ref-success: var(--ow-success);
  --dgo-ref-green: var(--ow-success);
  --dgo-ref-warning: var(--ow-warning);
  --dgo-ref-amber: var(--ow-warning);
  --dgo-ref-danger: var(--ow-danger);
  --dgo-ref-radius: var(--ow-radius-md);
  --dgo-ref-pill-radius: var(--ow-radius-pill);
  --dgo-ref-control: var(--ow-control-height);
  --dgo-ref-compact: var(--ow-control-height-compact);
  --dgo-ref-header: var(--ow-shell-topbar-height);
  --dgo-ref-shadow: var(--ow-shadow-card);
  --dgo-ref-font: var(--ow-font-family);

  --dgo-site-bg: var(--ow-bg-page);
  --dgo-site-surface: var(--ow-bg-surface);
  --dgo-site-surface-soft: var(--ow-bg-subtle);
  --dgo-site-border: var(--ow-border-default);
  --dgo-site-divider: var(--ow-border-default);
  --dgo-site-ink: var(--ow-text-primary);
  --dgo-site-text: var(--ow-text-secondary);
  --dgo-site-muted: var(--ow-text-muted);
  --dgo-site-subtle: var(--ow-text-muted);
  --dgo-site-primary: var(--ow-black);
  --dgo-site-primary-hover: var(--ow-gray-800);
  --dgo-site-primary-text: var(--ow-white);
  --dgo-site-accent: var(--ow-black);
  --dgo-site-radius: var(--ow-radius-md);
  --dgo-site-control: var(--ow-control-height);
  --dgo-site-shadow: var(--ow-shadow-card);
  --dgo-dashboard-border: var(--ow-border-default);
}

/* Shared page rhythm for all requested operational flows. */
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-page-head,
  .dgo-reference-page-head,
  .dgo-overview-header,
  .dgo-creative-workspace-header
) {
  min-width: 0;
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-page-head,
  .dgo-reference-page-head,
  .dgo-overview-header,
  .dgo-creative-workspace-header
) :is(h1, .dgo-page-title) {
  color: var(--ow-black);
  font-weight: var(--ow-weight-bold);
  letter-spacing: -.025em;
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-page-head,
  .dgo-reference-page-head,
  .dgo-overview-header,
  .dgo-creative-workspace-header
) :is(p, .dgo-page-subtitle) {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-toolbar,
  .dgo-performance-toolbar,
  .dgo-dashboard-toolbar,
  .dgo-control-bar
) {
  min-width: 0;
  border-color: var(--ow-border-default);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-grid-caption,
  .dgo-scope-bar,
  .dgo-reference-chart-controls
) {
  color: var(--ow-text-primary);
  border-color: var(--ow-border-default);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-grid-shell,
  .dgo-product-table-frame,
  .dgo-intelligence-offers-shell,
  .dgo-intelligence-workspace,
  .dgo-offer-table-frame,
  .dgo-offer-control-panel,
  .dgo-overview-panel,
  .dgo-overview-readiness
) {
  min-width: 0;
  border-color: var(--ow-border-default);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-grid-table,
  .dgo-table,
  .table
) {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-grid-table,
  .dgo-table,
  .table
) :is(th, td) {
  border-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-grid-table,
  .dgo-table,
  .table
) thead th {
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-entity-grid-table,
  .dgo-table,
  .table
) tbody tr:hover {
  background: var(--ow-bg-hover);
}

/* The consolidated reference stylesheet has a more specific tab selector;
   match it here instead of escalating declaration priority. */
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .owle-tabs,
  .dgo-entity-tabs,
  .dgo-context-tabs
) :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).is-active,
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .owle-tabs,
  .dgo-entity-tabs,
  .dgo-context-tabs
) :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab)[aria-current="page"] {
  background: var(--ow-white);
  border-color: var(--bs-gray-700);
  color: var(--ow-black);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .owle-tabs,
  .dgo-entity-tabs,
  .dgo-context-tabs
) :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab).is-active small,
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .owle-tabs,
  .dgo-entity-tabs,
  .dgo-context-tabs
) :is(.owle-tab, .dgo-entity-tab, .dgo-context-tab)[aria-current="page"] small {
  background: var(--ow-gray-700);
  color: var(--ow-white);
}

/* Performance workspace uses the OWLE surface and segmented-tab contracts. */
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-grid-panel {
  padding: 0;
  overflow: hidden;
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-grid-panel > .dgo-entity-tabs {
  margin: 0;
  border: 0;
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-performance-toolbar,
  .dgo-performance-readout,
  .dgo-performance-grid-panel,
  .dgo-performance-footnote
) {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-performance-toolbar-title,
  .dgo-performance-readout-head,
  .dgo-performance-panel-head
) {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-performance-toolbar-title strong,
  .dgo-performance-readout-head h2,
  .dgo-performance-panel-copy h2,
  .dgo-performance-footnote h2
) {
  color: var(--ow-black);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) :is(
  .dgo-performance-toolbar-title small,
  .dgo-performance-readout-head p,
  .dgo-performance-panel-copy > p,
  .dgo-performance-selected-label
) {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-head {
  border-bottom: 1px solid var(--ow-border-default);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tabs {
  gap: var(--ow-space-1);
  padding: var(--ow-space-1);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab {
  min-height: var(--ow-control-height-compact);
  padding-inline: var(--ow-space-3);
  border: 1px solid transparent;
  border-radius: var(--ow-radius-sm);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab:hover,
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab:focus-visible {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-surface);
  color: var(--ow-black);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab.is-active {
  border-color: var(--ow-black);
  background: var(--ow-black);
  color: var(--ow-white);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab small {
  background: var(--ow-bg-muted);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-panel-tab.is-active small {
  background: var(--ow-gray-700);
  color: var(--ow-white);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-grid-meta {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-selection-status {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics {
  border-top-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics span {
  border-inline-end-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics small {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics strong {
  color: var(--ow-black);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics strong.positive {
  color: var(--ow-success);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-readout-metrics strong.negative {
  color: var(--ow-danger);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-total-row {
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-total-row td {
  border-top-color: var(--ow-border-strong) !important;
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-rule-grid > div {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-rule-grid span {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-performance-rule-grid p {
  color: var(--ow-text-secondary);
}

/* Keep the order filter beside the grid count without losing mobile wrapping. */
body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-orders-grid-shell .dgo-grid-caption {
  flex-wrap: wrap;
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-orders-grid-shell .dgo-grid-caption > .dgo-toolbar-group {
  margin-inline-start: auto;
}

body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-orders-grid-shell .dgo-grid-caption .dgo-order-filter {
  margin: 0;
}

@media (max-width: 575.98px) {
  body.dgo-body.dgo-reference-system main:not(.dgo-screen-production) .dgo-orders-grid-shell .dgo-grid-caption > .dgo-toolbar-group {
    width: 100%;
    justify-content: flex-end;
    margin-inline-start: 0;
  }
}

/* Seller overview tabs use the same black active state as workspace tabs. */
body.dgo-body.dgo-reference-system.dgo-persona-seller main:not(.dgo-screen-production) .dgo-overview-nav a.is-active {
  background: #f3f4f6;
  border-color: #f3f4f6;
  color: #000000;
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller main:not(.dgo-screen-production) .dgo-overview-nav a:not(.is-active):hover,
body.dgo-body.dgo-reference-system.dgo-persona-seller main:not(.dgo-screen-production) .dgo-overview-nav a:not(.is-active):focus-visible {
  background: var(--ow-bg-hover);
  color: var(--ow-black);
}

/* Visual QA hardening ---------------------------------------------------
   Keep the shell and scrollable data regions inside the viewport at every
   breakpoint without changing navigation, form, or workflow behavior. */
@media (min-width: 992px) {
  body.dgo-body {
    --ow-shell-sidebar-collapsed-width: 50px;
  }

  body.dgo-body.dgo-reference-system .dgo-sidebar,
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar,
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-sidebar,
  [dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-sidebar {
    top: 0;
    height: 100dvh;
    padding-top: 0;
  }

  body.dgo-body .dgo-sidebar-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    flex: 0 0 auto;
    min-width: 0;
    min-height: var(--ow-shell-topbar-height);
    margin-bottom: var(--ow-space-3);
    padding-block: var(--ow-space-2);
    align-items: center;
    gap: var(--ow-space-2);
    border-bottom: 1px solid var(--ow-border-default);
  }

  body.dgo-body .dgo-sidebar-head .dgo-brand-mark {
    min-width: 0;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: var(--ow-space-2);
    border: 0;
  }

  body.dgo-body .dgo-sidebar-collapse {
    display: inline-grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--ow-border-default);
    border-radius: var(--ow-radius-md);
    background: var(--ow-bg-subtle);
    color: var(--ow-text-secondary);
    cursor: pointer;
    transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
      border-color var(--ow-motion-fast) var(--ow-ease-standard),
      color var(--ow-motion-fast) var(--ow-ease-standard);
  }

  body.dgo-body .dgo-sidebar-collapse:hover,
  body.dgo-body .dgo-sidebar-collapse:focus-visible {
    border-color: var(--ow-border-strong);
    background: var(--ow-bg-hover);
    color: var(--ow-black);
  }

  body.dgo-body.dgo-sidebar-collapsed {
    --ow-shell-sidebar-width: var(--ow-shell-sidebar-collapsed-width);
  }

  body.dgo-body.dgo-reference-system.dgo-sidebar-collapsed .dgo-sidebar {
    padding-inline: 4px;
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-sidebar-head {
    grid-template-columns: 32px;
    justify-content: center;
    min-height: var(--ow-shell-topbar-height);
    flex: 0 0 auto;
    gap: 0;
    margin-bottom: var(--ow-space-3);
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-sidebar-head .dgo-brand-mark {
    display: none;
  }

  body.dgo-body.dgo-reference-system.dgo-sidebar-collapsed :is(
    .dgo-brand-copy,
    .dgo-nav-group-label,
    .dgo-nav-item span,
    .dgo-sidebar-workspace span,
    .dgo-sidebar-workspace > i:last-child
  ) {
    display: none;
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-sidebar-workspace {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  body.dgo-body.dgo-reference-system.dgo-sidebar-collapsed .dgo-nav-item {
    justify-content: center;
    padding-inline: 0;
    width: 40px;
    min-width: 0;
    min-height: 44px;
    gap: 0;
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-side-nav {
    scrollbar-width: none;
    gap: var(--ow-space-3);
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-side-nav::-webkit-scrollbar {
    display: none;
  }

  [dir="rtl"] body.dgo-body .dgo-sidebar-collapse i {
    transform: rotate(180deg);
  }

  body.dgo-body.dgo-sidebar-collapsed .dgo-sidebar-collapse i {
    transform: rotate(180deg);
  }

  [dir="rtl"] body.dgo-body.dgo-sidebar-collapsed .dgo-sidebar-collapse i {
    transform: none;
  }
}

@media (max-width: 991.98px) {
  body.dgo-body .dgo-sidebar-head {
    display: contents;
  }

  body.dgo-body .dgo-sidebar-collapse {
    display: none;
  }

  /* Keep the backdrop below the drawer: the legacy backdrop used 1090,
     while the OWLE sidebar uses 1040, intercepting every menu click. */
  body.dgo-body.dgo-reference-system .dgo-sidebar-backdrop {
    z-index: 1035;
  }

  body.dgo-body.dgo-reference-system .dgo-sidebar {
    z-index: 1040;
  }

  body.dgo-body.dgo-reference-system .dgo-topbar {
    z-index: 1045;
  }
}

/* Home overview: readable summaries and flexible action rows. */
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-content-wrap:has(> .dgo-overview-header) {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  padding: clamp(16px, 2vw, 32px);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-nav {
  margin: 0 0 var(--ow-space-5);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
  padding: var(--ow-space-1);
  gap: var(--ow-space-1);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-nav a {
  box-shadow: none;
  border-radius: var(--ow-radius-md);
  min-height: 44px;
  font-size: 13px;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-header {
  gap: var(--ow-space-5);
  flex-wrap: wrap;
  margin-bottom: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-panel, .dgo-overview-readiness, .dgo-overview-priority) {
  border-radius: var(--ow-radius-lg);
  box-shadow: var(--ow-shadow-card);
  margin-bottom: var(--ow-space-5);
  padding: clamp(16px, 1.5vw, 24px);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-priority {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ow-space-4);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-priority-copy p, .dgo-overview-section-head p, .dgo-overview-continue-offer small, .dgo-overview-continue-next small) {
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-section-head h2, .dgo-overview-priority-copy h2) {
  font-size: 18px;
  line-height: 1.35;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi {
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
  min-width: 0;
  padding: var(--ow-space-4);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi > strong {
  font-size: clamp(26px, 2vw, 34px);
  line-height: 1.2;
  margin-block: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-top {
  flex-wrap: wrap;
  gap: var(--ow-space-2);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi > :is(small, em) {
  font-size: 12px;
  line-height: 1.5;
}

/* KPI and funnel cards use the same neutral OWLE reading surface. */
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpis {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpis .dgo-overview-section-head {
  margin-bottom: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpis .dgo-overview-eyebrow {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpis .dgo-overview-section-head h2 {
  color: var(--ow-black);
  font-size: var(--ow-font-size-md);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
  color: var(--ow-text-primary);
  transition: border-color var(--ow-motion-fast) var(--ow-ease-standard),
    background-color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi:hover,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi:focus-visible {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-hover);
  box-shadow: var(--ow-shadow-card);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-icon,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-icon.tone-green,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-icon.tone-blue,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-icon.tone-teal,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-icon.tone-red {
  width: 36px;
  height: 36px;
  border-radius: var(--ow-radius-sm);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-status {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi > small {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi > strong {
  color: var(--ow-black);
  font-size: clamp(26px, 2vw, 34px);
  font-weight: var(--ow-weight-bold);
  font-variant-numeric: tabular-nums;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-delta {
  color: var(--ow-success);
  font-size: var(--ow-font-size-xs);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-delta.is-negative {
  color: var(--ow-danger);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi > em {
  color: var(--ow-text-muted);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-grid {
  gap: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-step {
  padding: var(--ow-space-4);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-icon,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-icon.tone-teal,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-icon.tone-amber,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-icon.tone-green {
  width: 36px;
  height: 36px;
  border-radius: var(--ow-radius-sm);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-top strong {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-top b {
  color: var(--ow-black);
  font-size: var(--ow-font-size-md);
  font-weight: var(--ow-weight-bold);
  font-variant-numeric: tabular-nums;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-bar {
  background: var(--ow-bg-muted);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-bar i,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-step:nth-child(2) .dgo-overview-funnel-bar i,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-step:nth-child(3) .dgo-overview-funnel-bar i {
  background: var(--ow-black);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-step small {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight > div span,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight > div strong,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight p {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight > div strong b {
  color: var(--ow-text-primary);
}

[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-panel-link i,
[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-funnel-insight .btn i {
  transform: rotate(180deg);
}

/* Replace legacy dashboard micro-type with the OWLE reading scale. */
body.dgo-body.dgo-reference-system.dgo-persona-seller :is(
  .dgo-overview-kicker,
  .dgo-overview-eyebrow,
  .dgo-overview-kpi-status,
  .dgo-overview-kpi-delta,
  .dgo-overview-kpi > em,
  .dgo-overview-readiness-stage strong,
  .dgo-overview-readiness-stage small,
  .dgo-overview-funnel-insight > div > span,
  .dgo-overview-funnel-insight p,
  .dgo-overview-action-list strong,
  .dgo-overview-action-list small,
  .dgo-overview-action-list article > a,
  .dgo-overview-attention-list strong,
  .dgo-overview-attention-list small,
  .dgo-overview-empty span,
  .dgo-overview-empty > a:not(.btn),
  .dgo-overview-health > span,
  .dgo-overview-alert-mini span,
  .dgo-overview-alert-mini b,
  .dgo-overview-snapshot > span
) {
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(
  .dgo-overview-priority-copy small,
  .dgo-overview-priority-action > a:last-child,
  .dgo-overview-funnel-insight > div > strong,
  .dgo-overview-funnel-insight .btn,
  .dgo-overview-snapshot .btn
) {
  font-size: var(--ow-font-size-sm);
  line-height: var(--ow-line-normal);
}

html[dir="rtl"] body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-priority-action .btn > .bi-arrow-right {
  display: inline-block;
  transform: scaleX(-1);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-priority-copy .dgo-overview-eyebrow b {
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-tight);
}

/* Readiness stages use the OWLE card contract. */
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage {
  gap: var(--ow-space-3);
  padding: var(--ow-space-3);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage.is-complete {
  border-color: var(--ow-border-strong);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage.is-watch {
  border-color: var(--ow-warning-border);
  background: var(--ow-warning-bg);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage:hover,
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage:focus-visible {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-hover);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--ow-radius-sm);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage.is-watch .dgo-overview-readiness-icon {
  background: var(--ow-warning-bg);
  color: var(--ow-warning);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage strong {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage small {
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-readiness-stage > b {
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-md);
  font-weight: var(--ow-weight-bold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-continue-list > article {
  gap: var(--ow-space-4);
  padding-block: var(--ow-space-4);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-continue-offer, .dgo-overview-continue-next) {
  min-width: 0;
}

@media (max-width: 767.98px) {
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-priority {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-priority-action {
    grid-column: 1 / -1;
    align-items: stretch;
  }

  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-kpi:last-child {
    grid-column: 1 / -1;
  }
}

/* Home portfolio and reporting sections share the OWLE surface contract. */
body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-lower-grid {
  align-items: start;
  gap: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-panel > :is(.dgo-overview-section-head, .dgo-overview-product-list, .dgo-overview-campaign-table, .dgo-overview-creative-grid, .dgo-overview-empty) {
  margin-inline: 0;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-section-head {
  flex-wrap: wrap;
  gap: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-panel-link {
  min-height: var(--ow-control-height-compact);
  padding: var(--ow-space-2) var(--ow-space-3);
  border: 1px solid var(--ow-border-strong);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
  font-weight: var(--ow-weight-semibold);
  white-space: normal;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-panel-link i {
  font-size: inherit;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list {
  gap: var(--ow-space-3);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list > a {
  padding: var(--ow-space-4);
  gap: var(--ow-space-3);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-product-list strong, .dgo-overview-creative-row strong, .dgo-overview-campaign-table td) {
  font-size: var(--ow-font-size-sm);
  color: var(--ow-text-primary);
  line-height: var(--ow-line-relaxed);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list strong {
  white-space: normal;
  overflow-wrap: anywhere;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-product-list small, .dgo-overview-creative-row small, .dgo-overview-campaign-table small) {
  font-size: 12px;
  color: var(--ow-text-muted);
  line-height: var(--ow-line-relaxed);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-icon {
  display: grid;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: var(--ow-radius-sm);
  border: 1px solid var(--ow-border-default);
  background: var(--ow-bg-muted);
  color: var(--ow-text-primary);
  font-size: 17px;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px;
  object-fit: contain;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-progress {
  margin-top: var(--ow-space-2);
  background: var(--ow-bg-muted);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-progress i {
  background: var(--ow-black);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list .dgo-grid-status {
  font-size: var(--ow-font-size-xs);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-creative-grid, .dgo-overview-campaign-table) {
  overflow-x: auto;
  max-width: 100%;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-creative-head, .dgo-overview-creative-row) {
  min-width: 580px;
  padding: var(--ow-space-3);
  border-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-creative-head, .dgo-overview-campaign-table th) {
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-creative-row > b {
  font-size: var(--ow-font-size-sm);
  color: var(--ow-text-primary);
  font-variant-numeric: tabular-nums;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller :is(.dgo-overview-product-list > a, .dgo-overview-panel-link, .dgo-overview-creative-row):is(:hover, :focus-visible) {
  background: var(--ow-bg-hover);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-advanced {
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-advanced > summary {
  padding: var(--ow-space-4);
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-sm);
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-advanced > summary :is(i, small) {
  color: var(--ow-text-muted);
  font-size: 12px;
}

body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-footer {
  padding-block: var(--ow-space-3);
  color: var(--ow-text-muted);
  font-size: 12px;
  flex-wrap: wrap;
}

@media (max-width: 1199.98px) {
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-lower-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list > a {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  body.dgo-body.dgo-reference-system.dgo-persona-seller .dgo-overview-product-list .dgo-grid-status {
    grid-column: 2;
    justify-self: start;
  }
}

body.dgo-body {
  overflow-x: hidden;
}

body.dgo-body :is(main, .dgo-content-wrap) {
  min-width: 0;
}

body.dgo-body :is(
  .table-responsive,
  .dgo-table-scroll,
  .dgo-entity-grid-scroll,
  .owle-table-wrap
) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

body.dgo-body :is(
  .dgo-modal-backdrop,
  .dgo-editor-backdrop,
  .dgo-readiness-fix-backdrop,
  .owle-modal-backdrop,
  .owle-sheet-backdrop
) {
  overscroll-behavior: contain;
}

@media (max-width: 991.98px) {
  body.dgo-body.dgo-nav-open {
    overflow: hidden;
  }
}

/* Shared OWLE date-range controls: keep each existing form contract while
   giving seller, campaign, and product reporting windows one visual system. */
body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) {
  align-items: center;
  background: var(--ow-bg-surface);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  box-shadow: var(--ow-shadow-card);
  color: var(--ow-text-secondary);
  display: inline-flex;
  gap: var(--ow-space-2);
  min-height: var(--ow-control-height-compact);
  padding-block: var(--ow-space-1);
  padding-inline-end: var(--ow-space-1);
  padding-inline-start: var(--ow-space-3);
}

/* The chart controls already provide the outer surface; the date form is
   one control inside it, so it must not add a second border. */
body.dgo-body .dgo-reference-chart-controls > .dgo-reference-chart-date-form {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-inline: var(--ow-space-2);
}

body.dgo-body :is(.dgo-campaign-date-range, .dgo-reference-chart-date-form) > label {
  align-items: center;
  display: inline-flex;
  margin: 0;
}

body.dgo-body .dgo-mc-date-filter > i {
  color: var(--ow-text-secondary);
  flex: 0 0 auto;
  font-size: var(--ow-font-size-sm);
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > input[type="date"],
body.dgo-body :is(.dgo-campaign-date-range, .dgo-reference-chart-date-form) > label > input[type="date"] {
  background: transparent;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ow-text-primary);
  flex: 1 1 112px;
  font-size: var(--ow-font-size-xs);
  min-height: calc(var(--ow-control-height-compact) - var(--ow-space-2));
  padding-inline: var(--ow-space-2);
  width: 112px;
}

body.dgo-body .dgo-mc-date-filter > input[type="date"]:focus,
body.dgo-body .dgo-mc-date-filter > input[type="date"]:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > input[type="date"]:focus,
body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > input[type="date"]:focus-visible,
body.dgo-body :is(.dgo-campaign-date-range, .dgo-reference-chart-date-form) > label > input[type="date"]:focus,
body.dgo-body :is(.dgo-campaign-date-range, .dgo-reference-chart-date-form) > label > input[type="date"]:focus-visible {
  background: var(--ow-bg-subtle);
  border: 0;
  box-shadow: var(--ow-focus-ring);
  outline: none;
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > span {
  color: var(--ow-text-muted);
  flex: 0 0 auto;
  font-size: var(--ow-font-size-sm);
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > button {
  align-items: center;
  background: var(--ow-black);
  border: 1px solid var(--ow-black);
  border-radius: var(--ow-radius-md);
  color: var(--ow-white);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--ow-font-size-xs);
  font-weight: var(--ow-weight-semibold);
  justify-content: center;
  min-height: var(--ow-control-height-compact);
  padding-inline: var(--ow-space-3);
  transition: background-color var(--ow-motion-fast) var(--ow-ease-standard),
    border-color var(--ow-motion-fast) var(--ow-ease-standard),
    box-shadow var(--ow-motion-fast) var(--ow-ease-standard);
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > button:hover,
body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form) > button:focus-visible {
  background: var(--ow-gray-800);
  border-color: var(--ow-gray-800);
  box-shadow: var(--ow-focus-ring);
  color: var(--ow-white);
  outline: none;
}

body.dgo-body :is(.dgo-mc-date-filter, .dgo-campaign-date-range, .dgo-reference-chart-date-form):focus-within {
  border-color: var(--ow-border-focus);
}

@media (max-width: 480px) {
  body.dgo-body .dgo-reference-chart-date-form > label > input[type="date"] {
    width: 96px;
  }
}

/* Campaign ad editor: use the shared OWLE drawer and card contract. The
   editor keeps its existing form/actions; only the presentation is arranged
   into a readable, responsive working surface. */
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer {
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50px;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  max-height: none;
  border-inline-start: 1px solid var(--ow-border-default);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-modal);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer.is-open {
  transform: translateX(0);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-head {
  min-width: 0;
  min-height: 0;
  padding-block: var(--ow-space-2);
  padding-inline: var(--ow-space-6);
  background: var(--ow-bg-surface);
  border-block-end: 1px solid var(--ow-border-default);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-head .dgo-eyebrow {
  margin-bottom: 0;
  line-height: 1;
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-head h2 {
  max-width: none;
  color: var(--ow-text-primary);
  font-size: var(--ow-font-size-lg);
  letter-spacing: -.025em;
  line-height: var(--ow-line-tight);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-head p {
  max-width: 72ch;
  color: var(--ow-text-secondary);
  font-size: var(--ow-font-size-xs);
  line-height: var(--ow-line-normal);
  margin-block-start: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body:not(:has(> .dgo-offer-editor-layout)) {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.65fr);
  align-items: start;
  gap: var(--ow-space-5);
  min-height: 0;
  padding: var(--ow-space-6);
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--ow-bg-page);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body > form[data-editor-form] {
  min-width: 0;
  margin: 0;
  padding: var(--ow-space-5);
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body > form[data-editor-form] .dgo-inherited-context {
  margin-bottom: var(--ow-space-1);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body > form[data-editor-form] .dgo-inherited-context strong {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body > form[data-editor-form] .dgo-inherited-context span {
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch.dgo-ad-editor-launch-compact {
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
}
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > .dgo-panel-head {
  margin: 0;
  padding: var(--ow-space-5);
  border-block-end: 1px solid var(--ow-border-default);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > :is(
  .dgo-inherited-context,
  .dgo-launch-lineage,
  .dgo-launch-checks-dropdown,
  .dgo-launch-blockers,
  .dgo-ad-media-scope-note,
  .dgo-final-media-upload-form,
  .dgo-launch-form,
  .dgo-launch-publish
) {
  margin-inline: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > .dgo-inherited-context {
  margin-top: var(--ow-space-5);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > .dgo-launch-lineage {
  margin-top: var(--ow-space-4);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-lineage > :is(a, div) {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-lineage > :is(a, div):hover,
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-lineage > :is(a, div):focus-visible {
  background: var(--ow-bg-hover);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-checks-dropdown,
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-form,
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-publish {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-checks-dropdown {
  margin-top: var(--ow-space-4);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-blockers {
  margin-top: var(--ow-space-4);
  border-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-ad-media-scope-note {
  margin-top: var(--ow-space-4);
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-form {
  margin-top: var(--ow-space-4);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch .dgo-launch-publish {
  margin-top: var(--ow-space-4) !important;
  margin-bottom: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch :is(.dgo-launch-form-head h3, .dgo-launch-head h2) {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch :is(.dgo-launch-form-head p, .dgo-launch-form-head small, .dgo-launch-form-foot .small, .dgo-launch-publish p) {
  color: var(--ow-text-secondary);
}

@media (max-width: 991.98px) {
  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body:not(:has(> .dgo-offer-editor-layout)) {
    display: block;
    padding: var(--ow-space-5);
  }

  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body > form[data-editor-form] {
    margin-bottom: var(--ow-space-5);
  }

  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch.dgo-ad-editor-launch-compact {
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
}
body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch {
    display: block;
  }
}

@media (max-width: 767.98px) {
  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer {
    right: 0;
    left: 0;
  }

  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-head,
  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-editor-body {
    padding-inline: var(--ow-space-4);
  }

  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > :is(
    .dgo-inherited-context,
    .dgo-launch-lineage,
    .dgo-launch-checks-dropdown,
    .dgo-launch-blockers,
    .dgo-ad-media-scope-note,
    .dgo-final-media-upload-form,
    .dgo-launch-form,
    .dgo-launch-publish
  ) {
    margin-inline: var(--ow-space-4);
  }

  body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer .dgo-ad-editor-launch > .dgo-panel-head {
    padding-inline: var(--ow-space-4);
  }
}

[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer {
  right: 50px;
  left: 0;
  transform: translateX(-105%);
}

[dir="rtl"] body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer.is-open {
  transform: translateX(0);
}

@media (max-width: 767.98px) {
  [dir="rtl"] body.dgo-body.dgo-reference-system .dgo-editor-drawer.dgo-ad-editor-drawer {
    right: 0;
    left: 0;
  }
}

/* Product launch stepper: keep the full stage rail scrollable and on-brand. */
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(86px, 1fr));
  gap: var(--ow-space-2);
  margin-top: var(--ow-space-4);
  padding-block-end: var(--ow-space-1);
}

/* Product launch workspace: use the supplier editor's OWLE surface contract
   while keeping the launch workflow as a full-page, staged experience. */
body.dgo-body.dgo-reference-system .dgo-product-launch {
  display: grid;
  gap: var(--ow-space-4);
  max-width: var(--ow-shell-content-edit);
  min-width: 0;
  margin-inline: auto;
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > :is(
  .dgo-onboarding-hero,
  .dgo-launch-progress,
  .dgo-source-quality,
  .dgo-onboarding-card,
  .dgo-launch-claims
) {
  min-width: 0;
  margin: 0 !important;
  border: 1px solid var(--ow-border-default);
  border-radius: var(--ow-radius-lg);
  background: var(--ow-bg-surface);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > .dgo-onboarding-hero {
  align-items: center;
  padding: var(--ow-space-5);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-hero h1 {
  margin: var(--ow-space-1) 0 var(--ow-space-2);
  color: var(--ow-text-primary);
  font-size: clamp(var(--ow-font-size-xl), 3vw, var(--ow-font-size-2xl));
  font-weight: var(--ow-weight-bold);
  letter-spacing: -.03em;
  line-height: var(--ow-line-tight);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-hero p,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head p,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-head p {
  color: var(--ow-text-secondary);
  line-height: var(--ow-line-relaxed);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > .dgo-launch-progress {
  padding: var(--ow-space-4) var(--ow-space-5);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-progress-head > div:first-child {
  color: var(--ow-text-primary);
  font-weight: var(--ow-weight-semibold);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-progress-track {
  background: var(--ow-bg-muted);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-progress-track span {
  background: var(--ow-black);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step {
  min-width: 0;
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step:hover,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step:focus-visible {
  border-color: var(--ow-border-strong);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step > span {
  background: var(--ow-bg-subtle);
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step > i,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step strong {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step.is-current {
  border-color: var(--ow-black);
  background: var(--ow-bg-subtle);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step.is-current > span {
  background: var(--ow-black);
  color: var(--ow-white);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-step.is-done > span {
  background: var(--ow-success-bg);
  color: var(--ow-success);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-launch-claims {
  padding: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-head {
  margin-bottom: var(--ow-space-4);
  padding-bottom: var(--ow-space-4);
  border-bottom: 1px solid var(--ow-border-default);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head h2,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-head h2,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-launch-truth-actions-copy h2 {
  color: var(--ow-text-primary);
  font-weight: var(--ow-weight-semibold);
  letter-spacing: -.02em;
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head > i {
  border: 1px solid var(--ow-border-default);
  background: var(--ow-bg-subtle);
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch :is(
  .dgo-onboarding-warning,
  .dgo-source-quality-callout,
  .dgo-launch-truth-actions,
  .dgo-onboarding-manual,
  .dgo-onboarding-lineage,
  .dgo-onboarding-tool-form
) {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-form,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-tool-form {
  min-width: 0;
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-field,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-manual label {
  color: var(--ow-text-primary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-choice {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-surface);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-choice:hover,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-choice:has(input:checked) {
  border-color: var(--ow-black);
  background: var(--ow-bg-subtle);
  box-shadow: var(--ow-shadow-card);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-choice input {
  accent-color: var(--ow-black);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-form-actions {
  border-top-color: var(--ow-border-default);
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-grid > div,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-launch-fact-row,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-launch-readiness-grid > div,
body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-repeat-row {
  border-color: var(--ow-border-default);
  border-radius: var(--ow-radius-md);
  background: var(--ow-bg-subtle);
}

@media (max-width: 767.98px) {
  body.dgo-body.dgo-reference-system .dgo-product-launch > .dgo-onboarding-hero,
  body.dgo-body.dgo-reference-system .dgo-product-launch > .dgo-launch-progress,
  body.dgo-body.dgo-reference-system .dgo-product-launch > :is(.dgo-onboarding-card, .dgo-source-quality, .dgo-launch-claims) {
    padding: var(--ow-space-4);
  }

  body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  body.dgo-body.dgo-reference-system .dgo-product-launch {
    gap: var(--ow-space-3);
  }

  body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head,
  body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-source-quality-head {
    display: block;
  }

  body.dgo-body.dgo-reference-system .dgo-product-launch .dgo-onboarding-card-head > i {
    margin-top: var(--ow-space-3);
  }
}

/* Offer readiness is a lightweight divider in the editor, not a second card. */
body.dgo-body.dgo-reference-system .dgo-offer-readiness-focus {
  margin: 0 0 var(--ow-space-4);
  padding: var(--ow-space-3) 0;
  border: 0;
  border-bottom: 1px solid var(--ow-border-default);
  border-radius: 0;
  background: var(--ow-bg-surface);
  box-shadow: none;
}

/* Keep the evidence gate compact until the seller asks to inspect its detail. */
body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality {
  overflow: hidden;
  padding: 0;
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ow-space-4);
  min-height: var(--ow-control-height);
  margin: 0;
  padding: var(--ow-space-4) var(--ow-space-5);
  border-bottom: 0;
  color: var(--ow-text-primary);
  cursor: pointer;
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head > div:first-child {
  min-width: 0;
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head > .dgo-source-quality-badge {
  flex: 0 0 auto;
  min-width: 124px;
  margin: 0;
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head > i {
  flex: 0 0 auto;
  color: var(--ow-text-secondary);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality[open] > summary.dgo-source-quality-head {
  border-bottom: 1px solid var(--ow-border-default);
  background: var(--ow-bg-subtle);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > .owle-disclosure-body {
  padding: var(--ow-space-5);
}

body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > .owle-disclosure-body > .dgo-source-quality-callout {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head {
    gap: var(--ow-space-3);
    padding: var(--ow-space-4);
  }

  body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > summary.dgo-source-quality-head > .dgo-source-quality-badge {
    min-width: 0;
    padding: var(--ow-space-2) var(--ow-space-3);
  }

  body.dgo-body.dgo-reference-system .dgo-product-launch > details.dgo-source-quality > .owle-disclosure-body {
    padding: var(--ow-space-4);
  }
}