/* Action colors reuse the app's muted status palette. Navigation keeps its own styling. */
body [data-ui-action-tone]{--action-text:#5f6958;--action-bg:#f0f2ec;--action-border:#d3dacb;--action-hover:#e5eade;--action-solid:#606c56;--action-solid-hover:#505c47}
body [data-ui-action-tone=positive]{--action-text:#28653e;--action-bg:#eaf3e7;--action-border:#c2d6b8;--action-hover:#dcebd6;--action-solid:#456c46;--action-solid-hover:#355637}
body [data-ui-action-tone=danger]{--action-text:#9e3b43;--action-bg:#faeded;--action-border:#e5bfc3;--action-hover:#f3dcdf;--action-solid:#9f454b;--action-solid-hover:#87373e}
body [data-ui-action-tone=info]{--action-text:#315f83;--action-bg:#edf3f8;--action-border:#c5d7e4;--action-hover:#dfeaf3;--action-solid:#426783;--action-solid-hover:#34536d}
body [data-ui-action-tone=review]{--action-text:#71518a;--action-bg:#f3edf8;--action-border:#d9cbe5;--action-hover:#e9def2;--action-solid:#73558b;--action-solid-hover:#604374}
body [data-ui-action-tone=attention]{--action-text:#825b1b;--action-bg:#fbf3e2;--action-border:#e6d1a5;--action-hover:#f3e6c9;--action-solid:#886323;--action-solid-hover:#705119}
body [data-ui-action-tone=brand]{--action-text:#96502a;--action-bg:#fbefe3;--action-border:#e6c9af;--action-hover:#f3e0cc;--action-solid:#9a542e;--action-solid-hover:#824425}
body :is(button,a,input)[data-ui-action-tone],body :is(.page,dialog,.account-card) :is(button,a,input)[data-ui-action-tone],body.staff-mode :is(button,a,input).button[data-ui-action-tone]{background:var(--action-bg)!important;background-image:none!important;color:var(--action-text)!important;border:1px solid var(--action-border)!important;box-shadow:0 1px 3px #30372308;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
body :is(button,a,input).button[data-ui-action-tone]:not(.secondary){background:var(--action-solid)!important;border-color:var(--action-solid)!important;color:#fff!important}
@media(hover:hover){
 body :is(.page,dialog,.account-card) :is(button,a,input)[data-ui-action-tone]:not(:disabled):not([aria-disabled=true]):hover{background:var(--action-hover)!important;border-color:var(--action-text)!important;color:var(--action-text)!important;box-shadow:0 4px 10px #30372312}
 body :is(.page,dialog,.account-card) :is(button,a,input).button[data-ui-action-tone]:not(.secondary):not(:disabled):not([aria-disabled=true]):hover{background:var(--action-solid-hover)!important;border-color:var(--action-solid-hover)!important;color:#fff!important}
}
body :is(.page,dialog,.account-card) :is(button,a,input)[data-ui-action-tone]:focus-visible{outline:3px solid var(--action-text);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--action-text) 12%,transparent)}
/* Compact table actions retain their spacing, with a visible outline in their own color. */
body .record-register-table :is(button,a.button,a.plain-button,a.action-link)[data-ui-action-tone],body.staff-mode .record-register-table :is(button,a.button,a.plain-button,a.action-link)[data-ui-action-tone],body .register-menu :is(button,a)[data-ui-action-tone]{border:1px solid var(--action-border)!important}
body :is(button,a,input)[data-ui-action-tone]:is(:disabled,[aria-disabled=true]){opacity:.5;box-shadow:none;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){body [data-ui-action-tone]{transition:none!important}}
@media print{body [data-ui-action-tone]{box-shadow:none!important}}