/* ============================================================================
 * Proposals list: the lifecycle pill, the outcome card and the inline
 * explanatory line that says why New Proposal is blocked.
 *
 * Split out of app.css on 19-08-2026 (was lines 551-591). Rules are the
 * originals, sliced not retyped.
 * ========================================================================== */

/* ====================================================== PROPOSAL STATUS */
/* Lifecycle pill. Active is the only editable state. */
.status-pill {
    display: inline-block; padding: 2px 9px; border-radius: 999px;
    font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    white-space: nowrap; border: 1px solid transparent;
}
.status--active    { background: var(--pale-cyan, #EAF7FA); color: var(--cyan-ink, #0A7A97); border-color: var(--soft-cyan, #C3E7F0); }
/* Reopened is editable like Active, but amber so a revived proposal stands out. */
.status--reopened  { background: #fff4dc; color: #8a5a00; border-color: #f2d492; }
.status--won       { background: #e8f6ec; color: #1d6b34; border-color: #b9e0c5; }
.status--lost      { background: #fdeeee; color: #a33; border-color: #f2c9c9; }
.status--cancelled { background: #f2f3f6; color: var(--slate, #55648A); border-color: #dfe2ea; }
.status-date { display: block; font-size: 0.66rem; color: var(--slate, #55648A); margin-top: 3px; }

/* Outcome card — closing controls + notes; stays live when the wizard is locked. */
.outcome-actions { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.875rem; }
.outcome-hint { font-size: 0.72rem; color: var(--slate, #55648A); }
.outcome-close {
    display: flex; flex-direction: column; gap: 0.75rem;
    margin-bottom: 0.875rem; padding: 0.875rem;
    background: var(--pale-cyan, #EAF7FA);
    border: 1px solid var(--soft-cyan, #C3E7F0);
    border-radius: var(--radius-btn, 8px);
}
.outcome-close__row { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.outcome-close__row input[type="date"] { width: auto; }
.outcome-buttons { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.status-btn--won:hover  { background: #e8f6ec; border-color: #1d6b34; color: #1d6b34; }
.status-btn--lost:hover { background: #fdeeee; border-color: #a33; color: #a33; }

/* Inline explanatory line inside a section (e.g. why New Proposal is blocked). */
.note-line {
    display: flex; align-items: flex-start; gap: 0.4rem;
    margin-bottom: 0.875rem; padding: 0.6rem 0.75rem;
    background: var(--pale-cyan, #EAF7FA);
    border: 1px solid var(--soft-cyan, #C3E7F0);
    border-radius: var(--radius-btn, 8px);
    font-size: 0.74rem; color: var(--text-dark, #0F1E45);
}