/* Wach yellow identity: admin presentation only.
   Extra scope outranks styles appended by lazy modules. Status pills, errors,
   destructive controls, provider marks and analytics series keep their meaning. */
html .waw-shell {
  --waw-ink: var(--wach-text, #202020);
  --waw-muted: #5d5a52;
  --waw-border: var(--wach-border, #e5e0d5);
  --waw-blue: #675000;
  color: var(--waw-ink);
}
html #adminBody .wop-wrap {
  --wop-ink: var(--wach-text, #202020);
  --wop-muted: #5d5a52;
  --wop-line: var(--wach-border, #e5e0d5);
  --wop-blue: #675000;
}
html #adminBody .wor-app {
  --wor-ink: var(--wach-text, #202020);
  --wor-muted: #5d5a52;
  --wor-line: var(--wach-border, #e5e0d5);
}

/* Workspace navigation and overview. */
html .waw-shell .waw-brand-mark {
  background: var(--wach-yellow, #ffd43b);
  color: var(--wach-text, #202020);
  box-shadow: 0 5px 13px #67500018;
}
html .waw-shell .waw-nav-group h2,
html .waw-shell .waw-nav-link,
html .waw-shell .waw-tool-grid > button,
html .waw-shell .waw-tool-grid svg {
  color: #5d5a52;
}
html .waw-shell .waw-nav-link:hover,
html .waw-shell .waw-nav-link.active,
html .waw-shell .waw-nav-link[data-admin-tab="wachorders"].active {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #e0c468;
  color: var(--wach-text, #202020);
}
html .waw-shell .waw-nav-link.active {
  box-shadow: inset 3px 0 0 #b18b00;
}
html .waw-shell .waw-mobile-nav select,
html .waw-shell .waw-store-link {
  background: var(--wach-surface, #fff);
  border-color: var(--wach-border, #e5e0d5);
  color: var(--wach-text, #202020);
}
html .waw-shell .waw-store-link:hover {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #b18b00;
}
html .waw-shell .waw-welcome {
  background: linear-gradient(110deg, #fff4c2, #fff9e4 65%, #fff);
  border-color: #ecda96;
}
html .waw-shell .waw-welcome h2,
html .waw-shell .waw-welcome p,
html .waw-shell .waw-welcome-art,
html .waw-shell .waw-tool-grid strong,
html .waw-shell .waw-tool-grid > button:hover strong {
  color: var(--wach-text, #202020);
}
html .waw-shell .waw-welcome div > span { color: #5d5a52; }
html .waw-shell .waw-welcome-art {
  background: #fffdfa;
  border-color: #ead38a;
  box-shadow: 0 8px 22px #67500010;
}
html .waw-shell .waw-shortcut-icon {
  background: var(--wach-yellow-soft, #fff7d6);
  color: #675000;
}
html .waw-shell .waw-shortcut button { color: #675000; }
html .waw-shell .waw-tool-grid > button { border-color: var(--wach-border, #e5e0d5); }
html .waw-shell .waw-shortcut,
html .waw-shell .waw-tools,
html .waw-shell .admin-row,
html #adminBody .admin-ad-panel {
  background: var(--wach-surface, #fff);
  border-color: var(--wach-border, #e5e0d5);
}

/* Primary actions use charcoal on yellow, never white text on yellow. */
html #adminBody .blue-btn,
html #adminBody .ap-btn-primary,
html #adminBody .wop-button-primary,
html #adminBody .wop-cart-preview,
html #adminBody .wsa-panel .wsa-save,
html #adminBody .wor-app .woi-open,
html #adminBody .waa-refresh {
  background: var(--wach-yellow, #ffd43b);
  border-color: #b18b00;
  color: var(--wach-text, #202020);
  box-shadow: 0 3px 8px #67500012;
}
html #adminBody .blue-btn:hover,
html #adminBody .ap-btn-primary:hover,
html #adminBody .wop-button-primary:hover,
html #adminBody .wsa-panel .wsa-save:hover,
html #adminBody .wor-app .woi-open:hover,
html #adminBody .waa-refresh:hover {
  background: var(--wach-yellow-hover, #f2c21a);
  border-color: #8c6d00;
  color: var(--wach-text, #202020);
}
html #adminBody .ghost-btn,
html #adminBody .mini-btn:not(.red):not(.danger),
html #adminBody .ap-btn-secondary,
html #adminBody .ap-btn-mini,
html #adminBody .wop-button-quiet,
html #adminBody .wsa-panel button:not(.wsa-save),
html #adminBody .wor-app .woi-seen,
html #adminBody .wpr-pager button,
html #adminBody .wor-btn-mini {
  background: var(--wach-surface, #fff);
  border-color: #b7b0a0;
  color: var(--wach-text, #202020);
}
html #adminBody .ghost-btn:hover,
html #adminBody .mini-btn:not(.red):not(.danger):hover,
html #adminBody .ap-btn-secondary:hover,
html #adminBody .wop-button-quiet:hover,
html #adminBody .wsa-panel button:not(.wsa-save):hover,
html #adminBody .wor-app button:not(.wor-danger):not(.woi-open):hover,
html #adminBody .wpr-pager button:hover {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #8c6d00;
  color: var(--wach-text, #202020);
}

/* Shared form fields. Keep invalid-field borders and error text intact. */
html #adminBody :is(.wop-field, .wop-toolbar, .wpr-toolbar, .wsa-search, .wor-toolbar) :is(input, select, textarea):not([aria-invalid="true"]),
html #adminBody .wpr-variant-select,
html #adminBody .waa-range,
html #adminBody .waa-search {
  background: var(--wach-surface, #fff);
  border-color: #b7b0a0;
  color: var(--wach-text, #202020);
}
/* The legacy form theme uses !important; only these visual properties need it. */
html #adminBody .field :is(input, select, textarea):not([aria-invalid="true"]),
html #adminBody .ap-field :is(input, select) {
  border-color: #b7b0a0 !important;
  background: var(--wach-surface, #fff) !important;
  color: var(--wach-text, #202020) !important;
}
html #adminBody .wop-field :is(input, select, textarea):focus:not([aria-invalid="true"]),
html #adminBody .wop-toolbar :is(input, select):focus:not([aria-invalid="true"]),
html #adminBody .ap-field :is(input, select):focus:not([aria-invalid="true"]),
html #adminBody .field :is(input, select, textarea):focus:not([aria-invalid="true"]) {
  border-color: #675000 !important;
  box-shadow: 0 0 0 3px #ffd43b66 !important;
}
html .waw-shell :is(button, a, input, select, textarea, summary):focus-visible,
html #adminBody .wop-upload:focus-within {
  outline: 3px solid #675000;
  outline-offset: 3px;
}
html #adminBody input:is([type="checkbox"], [type="radio"]),
html #adminBody progress { accent-color: #806400; }

/* Own catalog: editor, photo controls and preview. */
html #adminBody .wop-upload {
  background: #fffbeb;
  border-color: #c8ad52;
}
html #adminBody .wop-upload > span,
html #adminBody .wop-photo .wop-make-main {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #ecda96;
  color: #675000;
}
html #adminBody .wop-delivery {
  background: #fffdf7;
  border-color: var(--wach-border, #e5e0d5);
}
html #adminBody .wop-card-preview b { color: var(--wach-text, #202020); }
html #adminBody .wop-progress,
html #adminBody .wop-preview-label { color: #5d5a52; }
html #adminBody .wop-empty,
html #adminBody .wop-preview-placeholder,
html #adminBody .wop-row-no-photo {
  background: #f6f4ee;
  color: #5d5a52;
}

/* Five-product showroom. */
html #adminBody .wsa-panel { color: var(--wach-text, #202020); }
html #adminBody .wsa-eyebrow { color: #675000; }
html #adminBody .wsa-header p,
html #adminBody .wsa-search-area > p,
html #adminBody .wsa-slot-name span,
html #adminBody .wsa-candidate span { color: #5d5a52; }
html #adminBody .wsa-status:not(.wsa-error),
html #adminBody .wsa-position {
  background: var(--wach-yellow-soft, #fff7d6);
  color: #675000;
}
html #adminBody .wsa-slot,
html #adminBody .wsa-candidate,
html #adminBody .wsa-search-area { border-color: var(--wach-border, #e5e0d5); }
html #adminBody .wsa-slot-empty,
html #adminBody .wsa-empty {
  background: #f6f4ee;
  color: #5d5a52;
}

/* Catalog and order details; payment and inventory statuses stay semantic. */
html #adminBody .wpr-card,
html #adminBody .wpr-variant-panel { border-color: var(--wach-border, #e5e0d5); }
html #adminBody .wpr-detail-back,
html #adminBody .wor-item-actions a,
html #adminBody .wor-app a,
html #adminBody .wor-app .wor-open-label { color: #675000; }
html #adminBody .wpr-gallery img.active { border-color: #997700; }
html #adminBody .wor-table th {
  border-color: #b18b00;
  color: #5d5a52;
}
html #adminBody .wor-app .wor-toolbar,
html #adminBody .wor-app .wor-address,
html #adminBody .wor-item { background: #f6f4ee; }
html #adminBody .wor-app .wor-order[open] {
  border-top-color: #baa665;
  border-right-color: #baa665;
  border-bottom-color: #baa665;
  box-shadow: 0 4px 16px #6750000e;
}
html #adminBody .wor-app summary::marker { color: #675000; }
html #adminBody .wor-app .wor-heading,
html #adminBody .waa-head {
  background: linear-gradient(110deg, #fff7d6, #fffdf7);
  border-color: #ecda96;
  border-inline-start-color: #b18b00;
}
html #adminBody .wor-app .wor-heading h2,
html #adminBody .wor-app .wor-section h3,
html #adminBody .waa-panel h4 { color: var(--wach-text, #202020); }
html #adminBody .woi-summary:not(.woi-unavailable) {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #dac575;
  color: var(--wach-text, #202020);
}
html #adminBody .woi-explain { color: #5d5a52; }
html #adminBody .wor-app .woi-unseen { outline-color: #b18b00; }
html #adminBody .woi-new {
  background: var(--wach-yellow, #ffd43b);
  color: var(--wach-text, #202020);
}
html #adminBody .woi-legend .new { --woi-color: #997700; }
html #adminBody .wor-app .wor-note:not(.wor-warning),
html #adminBody .wor-app .wor-totals > div:last-child {
  background: var(--wach-yellow-soft, #fff7d6);
  color: var(--wach-text, #202020);
}

/* Autopost and demand tools share .ap-*; keep their actual error/pause states. */
html #adminBody .ap-wrap,
html #adminBody .ap-head h3,
html #adminBody .ap-sub,
html #adminBody .ap-setup summary,
html #adminBody .ap-eng b { color: var(--wach-text, #202020); }
html #adminBody .ap-switch,
html #adminBody .ap-brand-card {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #d6bc67;
  color: var(--wach-text, #202020);
}
html #adminBody .ap-brand-card select {
  background: var(--wach-surface, #fff);
  border-color: #b7b0a0;
  color: var(--wach-text, #202020);
}
html #adminBody .ap-type,
html #adminBody .ap-insight {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #ecda96;
  color: #675000;
}
html #adminBody .ap-insight-h,
html #adminBody .ap-log a,
html #adminBody .ap-setup-body code { color: #675000; }
html #adminBody .ap-preview,
html #adminBody .ap-setup {
  background: #fffdf7;
  border-color: var(--wach-border, #e5e0d5);
}
html #adminBody .ap-muted,
html #adminBody .ap-field small,
html #adminBody .ap-log-cap,
html #adminBody .ap-insight-row { color: #5d5a52; }

/* Analytics chrome only. No .waa-card, series, legends or trend overrides. */
html #adminBody .waa-panel { border-color: var(--wach-border, #e5e0d5); }
html #adminBody .waa-empty,
html #adminBody .waa-measure-note {
  background: #f6f4ee;
  border-color: var(--wach-border, #e5e0d5);
  color: #5d5a52;
}
html #adminBody .waa-muted { color: #5d5a52; }
html #adminBody .waa-kind {
  background: var(--wach-yellow-soft, #fff7d6);
  color: #675000;
}

/* Remaining moderation/content forms retain their layout and inline status colors. */
html #adminBody .ad-preview-box,
html #adminBody .upload-zone {
  background-color: #fffdf7;
  border-color: #c8ad52;
  color: #5d5a52;
}
html #adminBody .admin-ad-thumb { border-color: var(--wach-border, #e5e0d5); }
html #adminBody .admin-security-note {
  background: var(--wach-yellow-soft, #fff7d6);
  border-color: #ecda96;
  color: #675000;
}
html #adminBody .thread-avatar {
  background: var(--wach-yellow-soft, #fff7d6);
  color: #675000;
}