/* =============================================================
   Buttons — canonical .accept / .cancel (brand orange / gray).
   Loaded globally from _Layout; single source of truth. Previously
   these lived (and diverged) in Template.css and Details.css — the
   detail pages had a separate flat-blue accept. Unified to the
   existing orange so every page matches.
   ============================================================= */

#accept,
.accept {
    font-family: var(--font-sans);
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 0;
    padding: 5px;
    border: 0;
    border-bottom: 3px solid var(--accent-strong);
    border-radius: 3px;
    background-color: var(--accent);
    color: var(--ink, #1A2027);
    font-size: 1.25rem;
    min-width: 100px;
    margin: 0;
}

    #accept:hover,
    .accept:hover {
        background-color: var(--accent-strong);
        color: var(--ink, #1A2027);
    }

button#cancel,
button.cancel {
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    font-family: var(--font-sans);
    box-shadow: 0 0 0 0;
    padding: 5px;
    border: 0;
    border-radius: 3px;
    border-bottom: 3px solid var(--border);
    background-color: var(--row-hover);
    color: var(--text);
    font-size: 1.25rem;
    min-width: 100px;
}

    /* press feedback: subtle scale on click (added) */
    .accept:active,
    button.cancel:active,
    button#cancel:active {
        transform: scale(0.97);
    }

    button.cancel.cancel--sm {
        font-size: 0.75rem;
        min-width: unset;
        padding: 3px 10px;
        border-bottom-width: 2px;
    }

        button.cancel.cancel--sm:hover {
            background-color: var(--accent);
            color: var(--ink, #1A2027);
            border-bottom-color: var(--accent-strong);
        }