:root {
  --ai-action-bg: #d9ccff;
  --ai-action-bg-hover: #eee8ff;
  --ai-action-border: #a889ff;
  --ai-action-text: #23153f;
  --ai-action-focus: rgba(168, 137, 255, 0.42);
}

button.ai-action,
a.ai-action,
[role="button"].ai-action,
summary.ai-action {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg) !important;
  border-color: var(--ai-action-border) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* The shared GBU/AA workspace theme is loaded later and styles primary actions
   with higher specificity. Keep explicitly marked AI actions recognizable. */
html body.is-hub-embedded:not(.print-mode) button.ai-action.ai-action,
html body.is-hub-embedded:not(.print-mode) a.ai-action.ai-action,
html body.is-hub-embedded:not(.print-mode) [role="button"].ai-action.ai-action,
html body.is-hub-embedded:not(.print-mode) summary.ai-action.ai-action {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg) !important;
  border-color: var(--ai-action-border) !important;
}

button.ai-action:hover:not(:disabled),
a.ai-action:hover,
[role="button"].ai-action:hover,
summary.ai-action:hover {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg-hover) !important;
  border-color: #c1aaff !important;
}

html body.is-hub-embedded:not(.print-mode) button.ai-action.ai-action:hover:not(:disabled),
html body.is-hub-embedded:not(.print-mode) a.ai-action.ai-action:hover,
html body.is-hub-embedded:not(.print-mode) [role="button"].ai-action.ai-action:hover,
html body.is-hub-embedded:not(.print-mode) summary.ai-action.ai-action:hover {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg-hover) !important;
  border-color: #c1aaff !important;
}

button.ai-action:focus-visible,
a.ai-action:focus-visible,
[role="button"].ai-action:focus-visible,
summary.ai-action:focus-visible {
  outline: 3px solid var(--ai-action-focus) !important;
  outline-offset: 2px;
}

button.ai-action:disabled,
a.ai-action[aria-disabled="true"] {
  color: #5d536f !important;
  background: #aaa2bc !important;
  border-color: #847b98 !important;
  opacity: 0.72;
}

.ai-action::before {
  content: "KI";
  display: inline-grid;
  place-items: center;
  min-width: 1.65em;
  min-height: 1.25em;
  margin-right: 0.5em;
  padding: 0 0.32em;
  color: #fff;
  background: #6f42c1;
  border-radius: 4px;
  font-size: 0.72em;
  font-weight: 900;
  line-height: 1.25;
}

summary.ai-action * {
  color: var(--ai-action-text) !important;
}

.ai-action.ai-icon-only::before,
.ai-action[data-ai-short]::before {
  margin-right: 0;
}

@media print {
  .ai-action {
    display: none !important;
  }
}

:is(
  button[data-ai-field],
  button[data-ai-field-action],
  button[data-ai-retry],
  button[data-ai-help],
  button[data-ai],
  button[data-action="run-ai"],
  button[data-action="toggle-ai"],
  button.field-ai-button,
  button.mini-ai,
  button#runAi,
  button#generateDescription,
  button#generateReportSummary,
  button#aiBtn,
  button#completeGbuButton,
  button#aiDraftButton,
  button#generateAiButton
) {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg) !important;
  border-color: var(--ai-action-border) !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

:is(
  button[data-ai-field],
  button[data-ai-field-action],
  button[data-ai-retry],
  button[data-ai-help],
  button[data-ai],
  button[data-action="run-ai"],
  button[data-action="toggle-ai"],
  button.field-ai-button,
  button.mini-ai,
  button#runAi,
  button#generateDescription,
  button#generateReportSummary,
  button#aiBtn,
  button#completeGbuButton,
  button#aiDraftButton,
  button#generateAiButton
):hover:not(:disabled) {
  color: var(--ai-action-text) !important;
  background: var(--ai-action-bg-hover) !important;
  border-color: #c1aaff !important;
}

:is(
  button[data-ai-field],
  button[data-ai-field-action],
  button[data-ai-retry],
  button[data-ai-help],
  button[data-ai],
  button[data-action="run-ai"],
  button[data-action="toggle-ai"],
  button.field-ai-button,
  button#runAi,
  button#generateDescription,
  button#generateReportSummary,
  button#aiBtn,
  button#completeGbuButton,
  button#aiDraftButton,
  button#generateAiButton
)::before {
  content: "KI";
  display: inline-grid;
  place-items: center;
  min-width: 1.65em;
  min-height: 1.25em;
  margin-right: 0.5em;
  padding: 0 0.32em;
  color: #fff;
  background: #6f42c1;
  border-radius: 4px;
  font-size: 0.72em;
  font-weight: 900;
  line-height: 1.25;
}