/* Shared semantic action buttons for Tradia and Orion.
   Explicit classes only: pane chrome, grid controls and compact Buy controls keep their styles.
   Keep both applications' copies identical. Load after component styles. */
:root {
    --button-green: #007700;
    --button-green-hover: #005500;
    --button-blue: #28689f;
    --button-blue-hover: #1e507a;
    --button-gray: #626970;
    --button-gray-hover: #494f55;
    --button-red: #bc1725;
    --button-red-hover: #95121d;
}
/* Extra specificity is intentional: override legacy form and scoped button rules only on opted-in controls. */
:is(button,a).button-green.button-green,
:is(button,a).button-blue.button-blue,
:is(button,a).button-gray.button-gray,
:is(button,a).button-red.button-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 32px;
    height: auto;
    padding: 6px 16px;
    border: 1px solid var(--button-fill);
    border-radius: 4px;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: var(--button-fill);
    cursor: pointer;
    transition: background-color .15s ease;
}
.button-green { --button-fill: var(--button-green); --button-hover: var(--button-green-hover); }
.button-blue { --button-fill: var(--button-blue); --button-hover: var(--button-blue-hover); }
.button-gray { --button-fill: var(--button-gray); --button-hover: var(--button-gray-hover); }
.button-red { --button-fill: var(--button-red); --button-hover: var(--button-red-hover); }
:is(button,a):is(.button-green,.button-blue,.button-gray,.button-red):is(.button-green,.button-blue,.button-gray,.button-red):hover:not(:disabled):not(.k-disabled):not([aria-disabled="true"]) {
    background: var(--button-hover);
    border-color: var(--button-hover);
    color: #fff;
    text-decoration: none;
}
:is(button,a):is(.button-green,.button-blue,.button-gray,.button-red):is(.button-green,.button-blue,.button-gray,.button-red):is(:disabled,.k-disabled,[aria-disabled="true"]) {
    opacity: .55;
    cursor: not-allowed;
}
/* No outer focus ring. Keyboard focus uses the existing darker action color. */
body button:focus, body a:is(.button-green,.button-blue,.button-gray,.button-red):focus,
body .k-button:is(:focus,.k-focus) {
    outline:none !important;
    box-shadow:none !important;
}
:is(button,a):is(.button-green,.button-blue,.button-gray,.button-red):focus-visible {
    background:var(--button-hover);
    border-color:var(--button-hover);
}