:root[data-theme="wireframe"] {
  color-scheme: light;
  --blueberry-140: #ffffff;
  --grape-160: #ffffff;
  --background-20: #ffffff;
  --background-30: #ffffff;
  --background-40: #ffffff;
  --text-primary: #111111;
  --text-secondary: #4b4b4b;
  --text-disabled: #8a8a8a;
  --border-divider: #d3d3d3;
  --border-enabled: #9a9a9a;
  --overlay-hover: #f0f0f0;
  --surface-solid: #e7e7e7;
  --surface-info-strong: #ededed;
  --surface-danger-strong: #ffffff;
  --surface-warning-strong: #ffffff;
  --link: #111111;
  --dvt-1: #202020;
  --dvt-2: #777777;
  --summary-coral: #111111;
  --summary-teal: #9a9a9a;
}

html[data-theme="wireframe"],
html[data-theme="wireframe"] body,
html[data-theme="wireframe"] #app {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .app-frame,
html[data-theme="wireframe"] .prototype-frame,
html[data-theme="wireframe"] .advisor-frame,
html[data-theme="wireframe"] .advisor-workspace,
html[data-theme="wireframe"] .main-column,
html[data-theme="wireframe"] .advisor-main,
html[data-theme="wireframe"] .main-content,
html[data-theme="wireframe"] .advisor-scroll,
html[data-theme="wireframe"] .action-panel,
html[data-theme="wireframe"] .advisor-panel {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] img {
  filter: grayscale(1) saturate(0);
}

html[data-theme="wireframe"] .top-stripe,
html[data-theme="wireframe"] .prototype-top-stripe,
html[data-theme="wireframe"] .particle-loader,
html[data-theme="wireframe"] .advisor-panel--loading img,
html[data-theme="wireframe"] .email-variant-card__preview img,
html[data-theme="wireframe"] .prototype-guidance-overlay img {
  filter: grayscale(1) saturate(0) contrast(1.08);
}

html[data-theme="wireframe"] .top-stripe,
html[data-theme="wireframe"] .prototype-top-stripe {
  content: url("./assets/figma-27a/wireframe-stripe.svg");
  filter: none;
  object-fit: cover;
  object-position: left center;
}

html[data-theme="wireframe"] .apps-page,
html[data-theme="wireframe"] .apps-page__inner,
html[data-theme="wireframe"] .apps-grid {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .apps-page {
  scrollbar-color: #9a9a9a transparent;
}

html[data-theme="wireframe"] .apps-page h1 {
  border-bottom: 1px solid #d3d3d3;
  color: #111111;
  background: #ffffff;
  backdrop-filter: none;
}

html[data-theme="wireframe"] .apps-card {
  border: 1px solid #777777;
  border-radius: 4px;
  color: #111111;
  background: #ffffff;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-theme="wireframe"] .apps-card strong,
html[data-theme="wireframe"] .apps-card span {
  color: #111111;
}

html[data-theme="wireframe"] .apps-card span {
  color: #4b4b4b;
}

html[data-theme="wireframe"] .apps-card--interactive:hover,
html[data-theme="wireframe"] .apps-card--interactive:focus-visible {
  border-color: #111111;
  background: #eeeeee;
  box-shadow: 0 0 0 1px #111111;
}

html[data-theme="wireframe"] .home-page {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .home-page__bloom {
  content: url("./assets/figma-27a/home-bloom-wireframe.svg");
  filter: none;
  opacity: 0.88;
}

html[data-theme="wireframe"] .home-welcome h1 {
  color: #111111;
}

html[data-theme="wireframe"] .home-ao {
  border: 1px solid #777777;
  border-radius: 8px;
  color: #111111;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .home-ao:focus-within {
  border-color: #111111;
  box-shadow: 0 0 0 1px #111111;
}

html[data-theme="wireframe"] .home-ao__textfield input,
html[data-theme="wireframe"] .home-ao__textfield input::placeholder,
html[data-theme="wireframe"] .home-mode-toggle button,
html[data-theme="wireframe"] .home-hero-card,
html[data-theme="wireframe"] .home-hero-card__meta,
html[data-theme="wireframe"] .home-hero-card h2,
html[data-theme="wireframe"] .home-hero-card p {
  color: #111111;
}

html[data-theme="wireframe"] .home-ao__textfield > img,
html[data-theme="wireframe"] .home-ao__actions img,
html[data-theme="wireframe"] .home-hero-card__meta .icon {
  filter: grayscale(1) brightness(0);
}

html[data-theme="wireframe"] .home-mode-toggle button {
  border: 1px solid #b8b8b8;
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .home-mode-toggle {
  width: 264px;
  flex-basis: 264px;
  gap: 4px;
  overflow: visible;
  background: transparent;
}

html[data-theme="wireframe"] .home-mode-toggle button:hover,
html[data-theme="wireframe"] .home-mode-toggle button:focus-visible {
  border-color: #777777;
  background: #eeeeee;
}

html[data-theme="wireframe"] .home-mode-toggle button[data-home-mode="work"].is-active {
  border-color: #111111;
  color: #ffffff;
  background: #111111;
}

html[data-theme="wireframe"] .home-mode-toggle button[data-home-mode="research"].is-active {
  border-color: #111111;
  color: #111111;
  background-color: #ffffff;
  background-image: repeating-linear-gradient(135deg, transparent 0 5px, rgba(0, 0, 0, 0.16) 5px 6px);
}

html[data-theme="wireframe"] .home-mode-toggle button[data-home-mode="full-auto"].is-active {
  border-color: #111111;
  color: #111111;
  background-color: #ffffff;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 7px, rgba(0, 0, 0, 0.12) 7px 8px),
    repeating-linear-gradient(135deg, transparent 0 7px, rgba(0, 0, 0, 0.12) 7px 8px);
}

@media (max-width: 720px) {
  html[data-theme="wireframe"] .home-mode-toggle {
    width: auto;
    flex-basis: auto;
  }
}

html[data-theme="wireframe"] .home-ao__actions button:hover {
  background: #eeeeee;
}

html[data-theme="wireframe"] .home-ao__actions .home-ao__submit {
  border: 1px solid #d3d3d3;
  background: #f3f3f3;
}

html[data-theme="wireframe"] .home-hero-card {
  border: 1px solid #777777;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-theme="wireframe"] .home-hero-card::before {
  display: none;
}

html[data-theme="wireframe"] .home-hero-card:hover {
  border-color: #111111;
  background: #eeeeee;
  box-shadow: 0 0 0 1px #111111;
}

html[data-theme="wireframe"] .bloom-skeleton__bar,
html[data-theme="wireframe"] .prototype-skeleton__bar {
  filter: grayscale(1) saturate(0) contrast(1.3);
  opacity: 0.42;
}

html[data-theme="wireframe"] .home-nav,
html[data-theme="wireframe"] .advisor-home-nav,
html[data-theme="wireframe"] .home-nav__footer {
  color: #111111;
  background: #ffffff;
  box-shadow: inset -1px 0 #b8b8b8;
}

html[data-theme="wireframe"] .home-nav__item.is-active::before,
html[data-theme="wireframe"] .home-nav__detail-item.is-selected::before {
  background: #111111;
}

html[data-theme="wireframe"] .home-nav__avatar,
html[data-theme="wireframe"] .prototype-frame .home-nav__avatar {
  border: 1px solid #111111;
  color: #ffffff;
  background: #111111;
}

html[data-theme="wireframe"] .home-nav__badge {
  border: 1px solid #111111;
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .home-nav__item:not(.is-active):hover,
html[data-theme="wireframe"] .home-nav__detail-item:hover,
html[data-theme="wireframe"] .home-nav__small-action:hover,
html[data-theme="wireframe"] .home-nav__user-action:hover {
  background: #eeeeee;
}

html[data-theme="wireframe"] .icon,
html[data-theme="wireframe"] .home-nav__oracle-logo,
html[data-theme="wireframe"] .ao-o,
html[data-theme="wireframe"] .advisor-ao__o,
html[data-theme="wireframe"] .ao-input button img,
html[data-theme="wireframe"] .advisor-ao button img,
html[data-theme="wireframe"] .explore-ao__desktop-tools img,
html[data-theme="wireframe"] .explore-mobile-toolbar img,
html[data-theme="wireframe"] .outcome-target,
html[data-theme="wireframe"] .advisor-outcome__target,
html[data-theme="wireframe"] .outcome-chevron {
  filter: grayscale(1) brightness(0);
}

html[data-theme="wireframe"] .home-nav__item[aria-label="Home"] .icon {
  content: url("./assets/figma-27a/oracle-home-wireframe.svg");
  filter: none;
}

html[data-theme="wireframe"] .ao-input,
html[data-theme="wireframe"] .advisor-ao {
  border: 1px solid #777777;
  color: #111111;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .ao-input.is-active,
html[data-theme="wireframe"] .advisor-ao.is-active {
  border: 2px solid #111111;
}

html[data-theme="wireframe"] .ao-input input,
html[data-theme="wireframe"] .advisor-ao input {
  color: #111111;
  caret-color: #111111;
}

html[data-theme="wireframe"] .ao-input input::placeholder,
html[data-theme="wireframe"] .advisor-ao input::placeholder {
  color: #5f5f5f;
}

html[data-theme="wireframe"] .ao-input button:not(:disabled):hover,
html[data-theme="wireframe"] .advisor-ao button:not(:disabled):hover {
  background: #e7e7e7;
}

html[data-theme="wireframe"] .ao-suggestions,
html[data-theme="wireframe"] .ao-variable-picker {
  border: 1px solid #111111;
  color: #111111;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .ao-suggestions__prompt:hover,
html[data-theme="wireframe"] .ao-suggestions__variable-row:hover,
html[data-theme="wireframe"] .ao-variable-picker button:hover,
html[data-theme="wireframe"] .ao-variable-picker button[aria-selected="true"],
html[data-theme="wireframe"] .ao-variable-token:hover,
html[data-theme="wireframe"] .ao-variable-token[aria-expanded="true"] {
  color: #111111;
  background: #e7e7e7;
}

html[data-theme="wireframe"] .ao-variable-token {
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html[data-theme="wireframe"] .summary-stripe,
html[data-theme="wireframe"] .advisor-summary__stripe,
html[data-theme="wireframe"] .section-title-wrap::after,
html[data-theme="wireframe"] .advisor-section__heading::after,
html[data-theme="wireframe"] .advisor-section__header > div > span {
  border: 1px solid #777777;
  background-color: #ffffff;
  background-image: repeating-linear-gradient(-45deg, #777777 0 0.75px, #ffffff 0.75px 4px);
  box-shadow: none;
}

html[data-theme="wireframe"] .section-title-wrap::after,
html[data-theme="wireframe"] .advisor-section__heading::after,
html[data-theme="wireframe"] .advisor-section__header > div > span {
  border: 0;
  background: linear-gradient(90deg, #111111, #a2a2a2);
}

html[data-theme="wireframe"] .badge,
html[data-theme="wireframe"] .advisor-priority__head > span {
  border: 1px solid #111111;
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .action-chip,
html[data-theme="wireframe"] .solid-button,
html[data-theme="wireframe"] .advisor-button,
html[data-theme="wireframe"] .advisor-solid-button,
html[data-theme="wireframe"] .advisor-link-chips button,
html[data-theme="wireframe"] .email-variant-card__actions button,
html[data-theme="wireframe"] .advisor-accept-button {
  border: 1px solid #777777;
  color: #111111;
  background: #ffffff;
  background-image: none;
}

html[data-theme="wireframe"] .action-chip:not(:disabled):hover,
html[data-theme="wireframe"] .solid-button:not(:disabled):hover,
html[data-theme="wireframe"] .advisor-button:not(:disabled):hover,
html[data-theme="wireframe"] .advisor-solid-button:not(:disabled):hover,
html[data-theme="wireframe"] .advisor-link-chips button:not(:disabled):hover,
html[data-theme="wireframe"] .advisor-accept-button:not(:disabled):hover {
  color: #111111;
  background: #dddddd;
  background-image: none;
}

html[data-theme="wireframe"] .outcome-widget,
html[data-theme="wireframe"] .advisor-outcome {
  border: 1px solid #777777;
  filter: none;
  box-shadow: none;
}

html[data-theme="wireframe"] .outcome-widget {
  background-color: #ffffff;
  background-image: url("./assets/figma-27a/outcome-widget-wireframe.svg");
}

html[data-theme="wireframe"] .advisor-outcome__bg {
  content: url("./assets/figma-27a/outcome-widget-wireframe.svg");
  filter: none;
}

html[data-theme="wireframe"] .priority-card,
html[data-theme="wireframe"] .advisor-priority,
html[data-theme="wireframe"] .mini-card,
html[data-theme="wireframe"] .advisor-communication,
html[data-theme="wireframe"] .email-variant-card {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .mini-card:hover,
html[data-theme="wireframe"] .advisor-communication:hover {
  background: #eeeeee;
  box-shadow: inset 0 0 0 1px #b8b8b8;
}

html[data-theme="wireframe"] .mini-card-avatar,
html[data-theme="wireframe"] .advisor-communication__avatar,
html[data-theme="wireframe"] .advisor-mini-card__avatar {
  border: 1px solid #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .generated-card {
  border: 1px solid #777777;
  color: #111111;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .generated-card::before {
  background: linear-gradient(114.4deg, #111111 2.3%, #777777 10.8%, rgba(119, 119, 119, 0) 19.1%);
}

html[data-theme="wireframe"] .generated-card--loading {
  background: #fafafa;
}

html[data-theme="wireframe"] .advisor-card,
html[data-theme="wireframe"] .audience-detail,
html[data-theme="wireframe"] .advisor-section,
html[data-theme="wireframe"] .email-variant-card__preview {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .email-variant-card__footer {
  color: #111111;
  background: #ffffff;
}

/* Outcomes use the same authored 26D/27A geometry with the wireframe token layer. */
html[data-theme="wireframe"] .marketing-outcomes-shell {
  --outcome-line: #d3d3d3;
  --outcome-line-strong: #777777;
  --outcome-muted: #565656;
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell button:focus-visible,
html[data-theme="wireframe"] .marketing-outcomes-shell input:focus-visible,
html[data-theme="wireframe"] .marketing-outcomes-shell textarea:focus-visible {
  outline-color: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-page,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-page,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-page {
  color: #111111;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-page,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-creating-plan-page {
  background: linear-gradient(180deg, #ffffff 0%, #f4f5f6 100%);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-blob,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-page.is-working::after {
  display: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-header,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-header,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-header--working {
  color: #111111;
  border-color: #d3d3d3;
  background: rgba(255,255,255,.96);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-parent-control,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-title-area h1,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-header-actions {
  color: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .icon-button,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-parent-control,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-schedule-button {
  background: transparent;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .icon-button:hover:not(:disabled),
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-parent-control:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-schedule-button:hover {
  color: #111111;
  background: #ededed;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .solid-button {
  border-color: #111111;
  color: #ffffff;
  background: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .solid-button:hover {
  background: #333333;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outline-button,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-repeat,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-menu-button,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-view-toggle,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-sort-button {
  color: #111111;
  border-color: #777777;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-define-button {
  color: #111111;
  border: 1px solid #777777;
  background:
    repeating-linear-gradient(135deg, transparent 0 7px, rgba(0,0,0,.09) 7px 8px),
    #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-define-button:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-define-button:focus-visible {
  border-color: #111111;
  background:
    repeating-linear-gradient(135deg, transparent 0 5px, rgba(0,0,0,.14) 5px 6px),
    #ededed;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-search,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-files-tools label {
  color: #111111;
  border-color: #777777;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-search:focus-within,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-files-tools label:focus-within {
  border-color: #111111;
  box-shadow: 0 0 0 1px #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-emphasis {
  background:
    repeating-linear-gradient(135deg, transparent 0 3px, rgba(0,0,0,.68) 3px 4px),
    #d7d7d7;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-badge {
  color: #111111;
  border-color: #777777;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-badge--needs-attention {
  background:
    repeating-linear-gradient(135deg, transparent 0 5px, rgba(0,0,0,.14) 5px 6px),
    #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-badge--running {
  background:
    radial-gradient(circle at 2px 2px, rgba(0,0,0,.18) 1px, transparent 1.5px),
    #ffffff;
  background-size: 6px 6px;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-view-toggle,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-view-toggle button {
  color: #111111;
  border-color: #777777;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-view-toggle button:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-view-toggle button.is-selected {
  color: #111111;
  background: #dedede;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-card,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-composer,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-preview,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-card,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-column,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-files-drawer,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-confirm,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-create-schedule-menu,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-header-menu {
  color: #111111;
  border-color: #777777;
  background: #ffffff;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-preview {
  border: 1px solid #e1e1e1;
  animation: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-create-schedule-menu {
  border: 1px solid #d3d3d3;
  color: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-create-schedule-menu > button {
  color: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-create-schedule-divider {
  background: #d3d3d3;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-card::after {
  background: repeating-linear-gradient(135deg, transparent 0 5px, rgba(0,0,0,.08) 5px 6px);
  opacity: 1;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-card > small,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-card > span,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-body > ol p,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-creating-plan-content > h2,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-creating-plan-status,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-page.is-working .outcome-working > h2,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-working-meta,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-page.is-working .outcome-plan-summary,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-execution-steps strong,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-execution-steps ul {
  color: #565656;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-composer,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer {
  border: 1px solid #d3d3d3;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-composer:focus-within,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust:focus-within,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer:focus-within {
  border-color: #777777;
  outline-color: #777777;
  box-shadow: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell input,
html[data-theme="wireframe"] .marketing-outcomes-shell textarea,
html[data-theme="wireframe"] .marketing-outcomes-shell input::placeholder,
html[data-theme="wireframe"] .marketing-outcomes-shell textarea::placeholder {
  color: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle {
  border: 1px solid #777777;
  background: #f1f1f1;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button {
  color: #4b4b4b;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button[aria-disabled="true"] {
  cursor: default;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button.is-active {
  color: #111111;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1px #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button[data-outcome-mode="research"].is-active,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-modes button[data-init-mode="Research"].is-active {
  color: #111111;
  background-image: repeating-linear-gradient(135deg, transparent 0 5px, rgba(0,0,0,.16) 5px 6px);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button[data-outcome-mode="full-auto"].is-active,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-modes button[data-init-mode="Full Auto"].is-active {
  color: #111111;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 7px, rgba(0,0,0,.12) 7px 8px),
    repeating-linear-gradient(135deg, transparent 0 7px, rgba(0,0,0,.12) 7px 8px);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-modes button {
  color: #4b4b4b;
  background-color: transparent;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-modes button:hover {
  color: #111111;
  background-color: #ededed;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button.is-active::before {
  display: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-mode-toggle button.is-active > span {
  color: #111111;
  background: none;
  -webkit-text-fill-color: currentColor;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-actions img,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-actions img,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-actions img {
  width: 36px;
  height: 36px;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-initiation-actions .outcome-initiation-submit,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-actions button[type="submit"],
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-actions button:last-child {
  background: #ececec;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-page.is-working {
  background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-loader-orbit {
  border-color: #777777;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-execution-steps > li > span > i::before,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-body > ol li > span > i::before {
  background: #777777;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-list-row,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-card,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-column,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-scoreboard,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-scoreboard article,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-top-summary,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-section {
  color: #111111;
  border-color: #d3d3d3;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-list-row:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-list-row:focus-within,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-card:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcomes-kanban-card:focus-visible,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-header-menu button:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-create-schedule-menu > button:hover {
  color: #111111;
  border-color: #111111;
  background: #ededed;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout-content {
  color: #111111;
  background: #ffffff;
  box-shadow: 0 0 0 1px #d3d3d3;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-toolbar {
  color: #111111;
  border-color: #777777;
  background:
    repeating-linear-gradient(135deg, transparent 0 6px, rgba(0,0,0,.1) 6px 7px),
    #f1f1f1;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button:focus-visible {
  color: #111111;
  background: transparent;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button:focus-visible {
  background: #dedede;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-mode > img,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-actions button > img,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-header .receipt-verified img {
  filter: grayscale(1) brightness(0);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-container-header .outcome-receipt-body,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-recommendations {
  color: #111111;
  background: #f3f3f3;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-hero-item {
  color: #111111;
  border-color: #777777;
  background:
    repeating-linear-gradient(45deg, transparent 0 8px, rgba(0,0,0,.08) 8px 9px),
    #f3f3f3;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-recommendations article,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-evidence-card,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-preview,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-preview > header,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-chip,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-evidence-table,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-evidence-table th,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-evidence-table td {
  color: #111111;
  border-color: #d3d3d3;
  background: #ffffff;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .outcome-evidence-table th {
  background: #ededed;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-chip:hover,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-chip:focus-visible,
html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-layout .artifact-chip.is-selected {
  color: #111111;
  border-color: #111111;
  background: #dedede;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-modal {
  color: #111111;
  background: rgba(244,244,244,.94);
  backdrop-filter: none;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-confirm .is-destructive {
  color: #ffffff;
  border-color: #111111;
  background: #111111;
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-link-button,
html[data-theme="wireframe"] .marketing-outcomes-shell .receipt-verified {
  color: #111111 !important;
}

html[data-theme="wireframe"] .marketing-outcomes-shell img {
  filter: grayscale(1) brightness(0);
}

html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-start img,
html[data-theme="wireframe"] .marketing-outcomes-shell .solid-button img {
  filter: grayscale(1) brightness(0) invert(1);
}

html[data-theme="wireframe"] .arr-chart__legend span::before {
  background: #444444;
}

html[data-theme="wireframe"] .advisor-scroll::-webkit-scrollbar-thumb,
html[data-theme="wireframe"] .advisor-panel::-webkit-scrollbar-thumb,
html[data-theme="wireframe"] .explore-content::-webkit-scrollbar-thumb {
  background: #a2a2a2;
  background-clip: padding-box;
}

html[data-theme="wireframe"] .dvt-one,
html[data-theme="wireframe"] .advisor-chart__bar:nth-child(1),
html[data-theme="wireframe"] .role-chart__bar:nth-child(1) {
  --bar-color: #202020 !important;
  background: #202020;
}

html[data-theme="wireframe"] .dvt-two,
html[data-theme="wireframe"] .advisor-chart__bar:nth-child(2),
html[data-theme="wireframe"] .role-chart__bar:nth-child(2) {
  --bar-color: #6f6f6f !important;
  background: #6f6f6f;
}

html[data-theme="wireframe"] .dvt-three,
html[data-theme="wireframe"] .advisor-chart__bar:nth-child(3),
html[data-theme="wireframe"] .role-chart__bar:nth-child(3) {
  --bar-color: #b5b5b5 !important;
  background: #b5b5b5;
}

html[data-theme="wireframe"] .advisor-chart__legend i:nth-of-type(1),
html[data-theme="wireframe"] .role-chart__legend i:nth-of-type(1) { background: #202020 !important; }
html[data-theme="wireframe"] .advisor-chart__legend i:nth-of-type(2),
html[data-theme="wireframe"] .role-chart__legend i:nth-of-type(2) { background: #6f6f6f !important; }
html[data-theme="wireframe"] .advisor-chart__legend i:nth-of-type(3),
html[data-theme="wireframe"] .role-chart__legend i:nth-of-type(3) { background: #b5b5b5 !important; }

html[data-theme="wireframe"] .advisor-chart__bar:hover,
html[data-theme="wireframe"] .advisor-chart__bar:focus-visible,
html[data-theme="wireframe"] .role-chart__bar:hover,
html[data-theme="wireframe"] .role-chart__bar:focus-visible {
  filter: brightness(0.75);
  outline-color: #111111;
}

html[data-theme="wireframe"] .advisor-chart__bar::before,
html[data-theme="wireframe"] .role-chart__bar::before {
  border-top-color: #111111;
}

html[data-theme="wireframe"] .advisor-chart__bar::after,
html[data-theme="wireframe"] .role-chart__bar::after,
html[data-theme="wireframe"] .industry-bars button::after {
  border-color: #111111;
  color: #ffffff;
  background: #111111;
  box-shadow: none;
}

html[data-theme="wireframe"] .industry-distribution figcaption span i,
html[data-theme="wireframe"] .industry-bars button i {
  background: #333333;
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button i,
html[data-theme="wireframe"] .ao-distribution-chart__legend button i {
  border: 1px solid #111111;
  background-color: #ffffff !important;
  background-image: var(--wireframe-series-pattern) !important;
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 1),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 1) {
  --wireframe-series-pattern: repeating-linear-gradient(45deg, #111111 0 2px, #ffffff 2px 7px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 2),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 2) {
  --wireframe-series-pattern: radial-gradient(circle at 2px 2px, #111111 0 1.5px, transparent 1.6px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 3),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 3) {
  --wireframe-series-pattern:
    repeating-linear-gradient(0deg, transparent 0 5px, #111111 5px 6px),
    repeating-linear-gradient(90deg, #ffffff 0 5px, #111111 5px 6px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 4),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 4) {
  --wireframe-series-pattern: repeating-linear-gradient(0deg, #111111 0 2px, #ffffff 2px 7px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 5),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 5) {
  --wireframe-series-pattern: repeating-linear-gradient(90deg, #111111 0 2px, #ffffff 2px 7px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 6),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 6) {
  --wireframe-series-pattern: conic-gradient(#111111 25%, #ffffff 0 50%, #111111 0 75%, #ffffff 0);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n),
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n) {
  --wireframe-series-pattern: repeating-linear-gradient(-45deg, #111111 0 1px, #ffffff 1px 5px);
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 2) i,
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 2) i {
  background-size: 8px 8px !important;
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:nth-child(7n + 6) i,
html[data-theme="wireframe"] .ao-distribution-chart__legend button:nth-child(7n + 6) i {
  background-size: 10px 10px !important;
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button:hover i,
html[data-theme="wireframe"] .ao-distribution-chart__bars button:focus-visible i {
  filter: none;
  outline: 2px solid #111111;
  outline-offset: -2px;
}

html[data-theme="wireframe"] .ao-distribution-chart__bars button::after,
html[data-theme="wireframe"] .ao-distribution-chart__legend button::after {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #111111;
  box-shadow: none;
}

html[data-theme="wireframe"] .prototype-guidance-overlay {
  color: #111111;
  background: rgba(255, 255, 255, 0.92);
}

html[data-theme="wireframe"] .explore-frame,
html[data-theme="wireframe"] .explore-page,
html[data-theme="wireframe"] .explore-background {
  color: #111111;
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 56%, #ededed 100%);
}

html[data-theme="wireframe"] .explore-header {
  color: #111111;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
}

html[data-theme="wireframe"] .explore-header h1,
html[data-theme="wireframe"] .explore-copy-block h2,
html[data-theme="wireframe"] .explore-copy-block strong,
html[data-theme="wireframe"] .explore-copy-block p,
html[data-theme="wireframe"] .audience-table h3 {
  color: #111111;
}

html[data-theme="wireframe"] .explore-parent,
html[data-theme="wireframe"] .view-more,
html[data-theme="wireframe"] .advisor-parent {
  color: #111111;
}

html[data-theme="wireframe"] .explore-parent .icon {
  filter: grayscale(1) brightness(0);
}

html[data-theme="wireframe"] .explore-header__toolbar button,
html[data-theme="wireframe"] .explore-response-toolbar button,
html[data-theme="wireframe"] .explore-mobile-nav-toggle,
html[data-theme="wireframe"] .explore-anchor-navigation {
  border: 1px solid #b8b8b8;
  color: #111111;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
  backdrop-filter: none;
}

html[data-theme="wireframe"] .explore-header__toolbar button:hover,
html[data-theme="wireframe"] .explore-response-toolbar button:hover {
  background: #dedede;
}

html[data-theme="wireframe"] .explore-anchor-navigation__indicator.is-active span {
  background: #111111;
}

html[data-theme="wireframe"] .explore-ao-container {
  background: linear-gradient(180deg, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 0.98) 100%);
}

html[data-theme="wireframe"] .explore-scroll {
  scrollbar-color: #9a9a9a transparent;
}

html[data-theme="wireframe"] .audience-table th,
html[data-theme="wireframe"] .audience-table td {
  color: #111111;
  background: transparent;
}

html[data-theme="wireframe"] .explore-mode-toggle button.is-selected,
html[data-theme="wireframe"] .explore-mobile-nav-toggle,
html[data-theme="wireframe"] .explore-home-indicator span {
  background: #d7d7d7;
}

html[data-theme="wireframe"] ::selection {
  color: #ffffff;
  background: #111111;
}

@media (max-width: 620px) {
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust .outcome-mode-toggle,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer .outcome-mode-toggle {
    width: 88px;
    flex-basis: 88px;
  }

  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust .outcome-mode-toggle button,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust .outcome-mode-toggle button:last-child,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer .outcome-mode-toggle button,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer .outcome-mode-toggle button:last-child {
    width: 42px;
    padding: 0;
  }

  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust .outcome-mode-toggle button img,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer .outcome-mode-toggle button img {
    display: block;
  }

  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-plan-adjust .outcome-mode-toggle button span,
  html[data-theme="wireframe"] .marketing-outcomes-shell .outcome-thread-composer .outcome-mode-toggle button span {
    display: none;
  }
}