/* Load this stylesheet before the existing stylesheets: important action-role
 * colors must have a stable first layer, not compete with legacy specificity.
 * The JS marker only exists for recognized action controls on narrow phones. */
@layer peV2ActionRoles20261018 {
  html.peV2PhoneActionPalette {
    --v2-action-save:#2ecc71;
    --v2-action-load:#183f76;
    --v2-action-add:#168ee0;
    --v2-action-secondary:#fff;
    --v2-action-secondary-ink:#31516f;
    --v2-action-secondary-line:#c9d5e2;
  }
  html.peV2PhoneActionPalette [data-v2-action-role="save"] {
    background:var(--v2-action-save)!important;
    border-color:var(--v2-action-save)!important;
    color:#fff!important;
  }
  html.peV2PhoneActionPalette :is([data-v2-action-role="load"],[data-v2-action-role="query"]) {
    background:var(--v2-action-load)!important;
    border-color:var(--v2-action-load)!important;
    color:#fff!important;
  }
  html.peV2PhoneActionPalette [data-v2-action-role="add"] {
    background:var(--v2-action-add)!important;
    border-color:var(--v2-action-add)!important;
    color:#fff!important;
  }
  html.peV2PhoneActionPalette :is([data-v2-action-role="export"],[data-v2-action-role="neutral"]) {
    background:var(--v2-action-secondary)!important;
    border-color:var(--v2-action-secondary-line)!important;
    color:var(--v2-action-secondary-ink)!important;
  }
  html.peV2PhoneActionPalette [data-v2-action-role="danger"] {
    background:#e74c3c!important;
    border-color:#e74c3c!important;
    color:#fff!important;
  }
  html.peV2PhoneActionPalette [data-v2-action-role] {
    background-image:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html.peV2PhoneActionPalette [data-v2-action-role] :is(span,strong,b,i,svg) {
    color:inherit!important;
  }
  /* Disabled is intentionally distinct and does not imply a working action.
     No disabled/aria-disabled state or event handler is changed by this layer. */
  html.peV2PhoneActionPalette [data-v2-action-role]:is(:disabled,[aria-disabled="true"]) {
    background:#edf1f5!important;
    border-color:#d7dfe7!important;
    color:#788591!important;
    box-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    cursor:not-allowed!important;
  }
}