/* Arkha Yellow capsule. Shared visual treatment; sizes remain owned by
   each surface and the Portal form tokens. Reference: 2026-10-08. */
:root {
  --arkha-button-fill: linear-gradient(120deg, #ffdc72 0%, #ffc529 100%);
  --arkha-button-border: #e5a400;
  --arkha-button-ink: #0d0d0d;
}
:root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn) {
  background: var(--arkha-button-fill);
  border: 1px solid var(--arkha-button-border);
  border-radius: 999px;
  color: var(--arkha-button-ink);
  font-weight: 700;
  box-shadow: inset 0 1px 0 #ffffff40, 0 4px 10px #b0871610;
  filter: none;
  text-shadow: none;
  transition: box-shadow 160ms ease, border-color 160ms ease;
}
:root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn):hover:not(:disabled):not([aria-disabled="true"]) {
  background: linear-gradient(120deg, #ffdf7e 0%, #ffca38 100%);
  border-color: #ce9200;
  color: var(--arkha-button-ink);
  filter: none;
  box-shadow: inset 0 1px 0 #ffffff50, 0 5px 12px #b0871620;
}
:root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn):focus-visible {
  outline: 2px solid #9b6b00;
  outline-offset: 3px;
}
:root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn):active:not(:disabled):not([aria-disabled="true"]) {
  background: linear-gradient(120deg, #ffd365 0%, #ffbf1c 100%);
  box-shadow: inset 0 1px 3px #9d700020;
}
:root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn):is(:disabled, [aria-disabled="true"]) {
  opacity: .55;
  cursor: not-allowed;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  :root :is(body, .main .content) :is(button.primary, a.primary, .btn.primary, .btn-primary, .j-btn.primary, .btn.gold,
  .arkha-yellow, .sales-canvas-add-customer, .btn-approve,
  .cr-req-btn, .upd-cta, .upd-btn, .np-cta, .ayb-spot-cta,
  .o4-referral-action button, button.submit, .kb-acc-edit button.primary,
  .radar-ai-btn, .radar-tab.active, .seg button.on,
  .fab-cta, .lumi-composer button, .lumi-gate button,
  .plan-enterprise .btn, .frost-family .nav .btn,
  [data-yellow-buttons] .btn) { transition: none; }
}