/* .sec-approvals styles (contract v1: every selector prefixed with .sec-approvals). */

/* Approve / Decline on a pending row.
 *
 * The row itself navigates to the ticket on click, so the cell stops
 * propagation; without that, approving would also jump the page and the
 * approver would never see the answer. */
.approve-cell { white-space: nowrap; }
.approve-actions { display: inline-flex; gap: 6px; }
.approve-actions .btn[disabled] { opacity: .55; cursor: default; }

/* The result of a decision, above the table and outliving each redraw.
 * Deliberately not an "error" style: a refusal like "you cannot approve your
 * own request" is the desk's answer, and the approver needs to read it as one. */
.as-decision-note { display: none; margin: 0 0 12px; padding: 10px 12px; border-radius: 8px; font-size: 13px; }
.as-decision-note.is-ok { display: block; background: color-mix(in srgb, var(--ok) 12%, transparent); border: 1px solid color-mix(in srgb, var(--ok) 35%, transparent); }
.as-decision-note.is-held { display: block; background: color-mix(in srgb, var(--warn) 12%, transparent); border: 1px solid color-mix(in srgb, var(--warn) 40%, transparent); }