/* ============================================================================
 * Below-selling-price sign-off.
 *
 * Split out of app.css on 19-08-2026 (was lines 1278-1315). Rules are the
 * originals, sliced not retyped.
 * ========================================================================== */

/* ------------------------------------------ Below-selling-price sign-off */
/* Five states, five colours. `compliant` renders nothing — a card announcing
   that nothing is wrong is noise.

   `exempt` is the one that is neither good nor bad: the quotation IS under the
   selling price, and it is going out anyway because its author does not need
   signing off. Slate rather than green or red — nothing was approved, and
   nothing is wrong; it is a statement of fact that somebody should read. */
.auth-card { border-left: 4px solid var(--border-grey, #E3E4E9); }
.auth-card--warn    { border-left-color: #e0a03c; }
.auth-card--pending { border-left-color: var(--cyan-ink, #0A7A97); }
.auth-card--ok      { border-left-color: #2e9e6b; }
.auth-card--bad     { border-left-color: var(--logout-red, #e05c5c); }
.auth-card--exempt  { border-left-color: var(--slate, #55648A); }

.auth-card__head { font-size: 0.82rem; font-weight: 600; line-height: 1.45; }
.auth-card__head i { margin-right: 0.4rem; }
.auth-card__head.is-warn    { color: #8a5a12; }
.auth-card__head.is-pending { color: var(--cyan-ink, #0A7A97); }
.auth-card__head.is-ok      { color: #1f7a52; }
.auth-card__head.is-bad     { color: var(--logout-red, #e05c5c); }
.auth-card__head.is-exempt  { color: var(--slate, #55648A); }

.auth-card__note {
    margin: 0.6rem 0; padding: 0.5rem 0.7rem;
    background: var(--off-white, #F7F7F8); border-radius: var(--radius-input, 6px);
    font-size: 0.78rem; color: var(--text-dark, #0F1E45); white-space: pre-wrap;
}
.auth-card__lines { margin: 0.7rem 0; display: flex; flex-direction: column; gap: 2px; }
.auth-card__line {
    display: grid; grid-template-columns: 7rem 1fr auto; gap: 0.6rem;
    font-size: 0.76rem; color: var(--slate, #55648A);
    padding: 0.25rem 0; border-bottom: 1px dashed var(--light-silver, #E3E4E9);
}
.auth-card__line span:first-child { font-weight: 700; color: var(--text-dark, #0F1E45); }
.auth-card__short { font-weight: 700; color: var(--logout-red, #e05c5c); font-variant-numeric: tabular-nums; }
.auth-card__foot { font-size: 0.72rem; color: var(--slate, #55648A); margin-top: 0.5rem; }

/* Explanatory body of a confirm dialog. */
.modal-text p { font-size: 0.82rem; line-height: 1.5; color: var(--text-dark, #0F1E45); margin: 0 0 0.7rem; }
.modal-text p:last-child { margin-bottom: 0; }

/* The queue: a request that no longer describes what is quoted. */
.badge--stale { background: #fdf2e3; color: #8a5a12; border: 1px solid #f0d8ab; }