/* Shared by the page shell and React Shadow DOM. Accent follows the theme. */
:is(.action-outline, .btn-outline-success, .btn-success-outline) {
  border: 1px solid var(--theme-primary) !important;
  color: var(--theme-primary) !important;
  background: transparent !important;
  box-shadow: none !important;
}
:is(.action-outline, .btn-outline-success, .btn-success-outline):not(:disabled):hover {
  border-color: var(--theme-primary-hover, var(--theme-primary)) !important;
  color: var(--theme-primary-hover, var(--theme-primary)) !important;
}
:is(.action-outline, .btn-outline-success, .btn-success-outline):focus-visible {
  outline: 2px solid var(--theme-primary);
  outline-offset: 3px;
}
.action-accept {
  background: #16834c !important;
  border-color: #16834c !important;
  color: #fff !important;
}
.action-accept:not(:disabled):hover { background: #10683c !important; border-color: #10683c !important; }
.action-return { background: transparent !important; border-color: #c83939 !important; color: #c83939 !important; }
:is(.action-accept, .action-return):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
:is(.action-outline, .action-accept, .action-return):disabled { opacity: .5; cursor: not-allowed; }