/* Win-prob panel shows whenever any active bid is selected.
           Adding a new bid?  Must add `body.<slug>-active .bid-only {
           display: block; }` here OR Card 6 stays hidden when that bid
           is selected (same shape of bug hit by Northgate 2026-05-21,
           Home2 Suites 2026-05-22).
           TODO refactor: switch to a single `body.bid-active .bid-only`
           rule + have setProject toggle that class so we don't have to
           edit this list per-bid. */
        /* Generic + per-slug allow-list.  body.bid-active fires for ANY
           selected bid, so new bids auto-show without per-slug edits.
           The per-slug list is kept for backward compat in case any code
           path adds a slug class without going through _setProjectClass. */
        body.bid-active .bid-only,
        body.B-2026-002-active .bid-only,
        body.B-2026-001-active .bid-only,
        body.anderson-active .bid-only,
        body.wedgewood-active .bid-only,
        body.elliott-active .bid-only,
        body.B-2026-006-active .bid-only,
        body.B-2026-007-active .bid-only,
        body.B-2026-008-active .bid-only { display: block; }
        .bid-only { display: none; }

        /* === Bid-intelligence card — ported from index.html clean reference === */
        .wp-card {
          margin-top: 16px;
          padding: 28px 32px;
          background: linear-gradient(180deg, rgba(135,158,107,0.10) 0%, rgba(245,240,230,0.50) 100%);
          border: 1px solid rgba(135,158,107,0.40);
          border-radius: 10px;
        }
        .wp-grid { display: grid; grid-template-columns: 4fr 8fr; gap: 32px; }
        @media (max-width: 1100px) { .wp-grid { grid-template-columns: 1fr; } .wp-left { border-right: none !important; padding-right: 0 !important; } }

        /* LEFT COLUMN — live readout */
        .wp-left { border-right: 1px dashed rgba(0,0,0,0.12); padding-right: 28px; }
        .wp-rec-tag { font-size: 11px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; color: var(--sage-ink); font-family: 'JetBrains Mono', monospace; }
        .wp-rec-body { font-size: 17px; font-weight: 600; line-height: 1.30; color: var(--ink); margin-top: 4px; }

        .wp-divider { height: 1px; background: rgba(0,0,0,0.10); margin: 20px 0 0; }

        .wp-bid-label { font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-top: 14px; }
        .wp-bid-value { font-size: 38px; font-weight: 600; color: var(--ink); line-height: 1.05; margin-top: 2px; letter-spacing: -0.01em; font-family: 'JetBrains Mono', monospace; }
        .wp-bid-mm { font-size: 11.5px; color: var(--ink-3); margin-top: 4px; font-family: 'JetBrains Mono', monospace; }

        .wp-kpi-row { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; font-size: 12px; }
        .wp-kpi-row .lbl { color: var(--ink-3); }
        .wp-kpi-row .val { font-family: 'JetBrains Mono', monospace; font-weight: 600; color: var(--ink); font-size: 12.5px; }
        .wp-kpi-row .val.pwin { color: var(--clay); font-weight: 700; }
        .wp-ep-row { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0 4px; margin-top: 4px; border-top: 1px dashed rgba(0,0,0,0.12); }
        .wp-ep-row .lbl { font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
        .wp-ep-row .val { font-size: 18px; font-weight: 700; color: var(--sage-ink); font-family: 'JetBrains Mono', monospace; }
        .wp-explainer { font-size: 10.5px; color: var(--ink-4); line-height: 1.55; margin-top: 8px; }

        .wp-optimal-card {
          margin-top: 20px;
          padding: 12px 14px;
          background: var(--paper, #fefcf8);
          border: 1px solid rgba(0,0,0,0.10);
          border-radius: 8px;
        }
        .wp-optimal-card .lbl { font-size: 10px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 4px; }
        .wp-optimal-card .row { display: flex; justify-content: space-between; align-items: baseline; }
        .wp-optimal-card .opt-bid { font-size: 18px; font-weight: 600; color: var(--sage-ink); font-family: 'JetBrains Mono', monospace; }
        .wp-optimal-card .opt-meta { font-size: 11px; color: var(--ink-3); font-family: 'JetBrains Mono', monospace; }
        .wp-optimal-card .opt-meta b { font-weight: 600; color: var(--sage-ink); }
        .wp-apply-btn {
          margin-top: 8px; width: 100%;
          background: var(--sage-ink); color: var(--cream, #fefcf8);
          border: none; padding: 7px 10px; border-radius: 999px;
          font-family: 'JetBrains Mono', monospace;
          font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
          cursor: pointer; transition: background 0.15s;
        }
        .wp-apply-btn:hover { background: #6F8255; }
        .wp-apply-btn:disabled {
          background: rgba(0,0,0,0.08); color: var(--ink-4);
          cursor: not-allowed;
        }
        .wp-apply-btn:disabled:hover { background: rgba(0,0,0,0.08); }

        /* RIGHT COLUMN — chart */
        .wp-chart-label { font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
        .wp-chart-legend { display: flex; gap: 14px; font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-4); }
        .wp-chart-legend .lg { display: inline-flex; align-items: center; gap: 5px; }
        .wp-chart-legend .lg::before { content: ''; display: inline-block; width: 14px; height: 2px; background: var(--sage-ink); }
        .wp-chart-legend .lg.ep::before { background: var(--clay); }
        .wp-chart-legend .lg.you::before { width: 9px; height: 9px; border-radius: 50%; background: var(--ink); }
        .wp-chart-wrap { background: transparent; padding: 0; }
        .wp-chart-wrap svg { width: 100%; height: auto; cursor: crosshair; display: block; touch-action: none; user-select: none; }

        .wp-slider-wrap { margin-top: 12px; padding: 0 8px; }
        .wp-slider-row { display: flex; align-items: center; gap: 12px; }
        .wp-slider-row input[type=range] { flex: 1; -webkit-appearance: none; appearance: none; background: transparent; accent-color: var(--ink); }
        .wp-slider-row input[type=range]::-webkit-slider-runnable-track { height: 4px; background: linear-gradient(to right, var(--ink) 0%, var(--ink) var(--wp-pct, 35%), rgba(0,0,0,0.10) var(--wp-pct, 35%), rgba(0,0,0,0.10) 100%); border-radius: 3px; }
        .wp-slider-row input[type=range]::-moz-range-track { height: 4px; background: linear-gradient(to right, var(--ink) 0%, var(--ink) var(--wp-pct, 35%), rgba(0,0,0,0.10) var(--wp-pct, 35%), rgba(0,0,0,0.10) 100%); border-radius: 3px; }
        .wp-slider-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: white; border: 2px solid var(--ink); border-radius: 50%; cursor: grab; margin-top: -6px; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
        .wp-slider-row input[type=range]::-moz-range-thumb { width: 16px; height: 16px; background: white; border: 2px solid var(--ink); border-radius: 50%; cursor: grab; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
        .wp-slider-row .lim { font-size: 10px; color: var(--ink-4); font-family: 'JetBrains Mono', monospace; }
        .wp-slider-status { display: flex; justify-content: space-between; align-items: baseline; margin-top: 6px; font-size: 10.5px; color: var(--ink-3); }
        .wp-slider-status .right { color: var(--ink-2); }
        .wp-slider-status .right b { color: var(--ink); font-weight: 600; font-family: 'JetBrains Mono', monospace; }
        .wp-slider-help { font-size: 10.5px; color: var(--ink-4); margin-top: 8px; font-style: italic; text-align: center; }

        /* Scenario row — moved INSIDE wp-card with dashed top divider */
        .wp-scenarios-tag { font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-top: 24px; padding-top: 22px; border-top: 1px dashed rgba(0,0,0,0.12); display: flex; justify-content: space-between; align-items: baseline; }
        .wp-scenarios-tag .right { color: var(--ink-4); font-weight: 400; font-style: italic; text-transform: none; letter-spacing: 0; font-size: 11px; }
        .wp-scenarios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
        .wp-scen-card { background: white; border: 1px solid rgba(0,0,0,0.10); border-radius: 8px; padding: 16px 18px; cursor: pointer; transition: all 0.15s; }
        .wp-scen-card:hover { border-color: var(--ink-3); transform: translateY(-1px); box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
        .wp-scen-card.cortex-pick { border-color: var(--sage-ink); background: rgba(135,158,107,0.06); }
        .wp-scen-card.cortex-pick .scen-tag { color: var(--sage-ink); }