/* The Pipeline, as the approved Pipeline design draws it (UI-9, #506): a light header row, each stage a heading with a
   colored dot (open gold, won green, parked or dead grey) and its count, rows that light up under the pointer. The
   table, its columns, sorting, stage pickers and weekly review are unchanged. Text holds 4.5:1. */
:is(#view-development, #view-acquisitions, #view-all-deals) .table-wrap { border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
:is(#view-development, #view-acquisitions, #view-all-deals) thead th { background: var(--panel); color: var(--muted-ink); font-size: 12px;
  letter-spacing: .04em; border-bottom: 1px solid var(--line); padding: 12px 14px; }
:is(#view-development, #view-acquisitions, #view-all-deals) thead th.pl-sortable:hover { color: var(--ink); text-decoration: underline; }
:is(#view-development, #view-acquisitions, #view-all-deals) tr.pl-stage-head td { background: #f7f8f9; color: var(--ink); font-size: 13px;
  font-weight: 700; text-transform: none; letter-spacing: 0; padding: 10px 14px; }
:is(#view-development, #view-acquisitions, #view-all-deals) tr.pl-stage-head td::before { content: ''; display: inline-block; width: 10px; height: 10px;
  border-radius: 999px; margin-right: 8px; vertical-align: 0; background: var(--gold); }
:is(#view-development, #view-acquisitions, #view-all-deals) tr.pl-stage-head[data-tone="win"] td::before { background: var(--go); }
:is(#view-development, #view-acquisitions, #view-all-deals) tr.pl-stage-head[data-tone="closed"] td::before { background: #9aa0a6; }
:is(#view-development, #view-acquisitions, #view-all-deals) tr.pl-stage-head .pl-stage-count { background: var(--muted-bg); color: var(--muted-ink); }
:is(#view-development, #view-acquisitions, #view-all-deals) tbody td { padding: 12px 14px; font-size: 14px; }
:is(#view-development, #view-acquisitions, #view-all-deals) tbody tr.clickable:hover { background: var(--gold-tint); }
:is(#view-development, #view-acquisitions, #view-all-deals) .pl-prog { color: var(--warn-ink); }

/* Documents (UI-11, #506): a category picker on every row, saved as it is chosen. */
#view-documents .doc-item { grid-template-columns: minmax(0, 1fr) minmax(130px, 220px) 74px 96px 92px minmax(150px, 180px) auto; }
#view-documents .doc-cat-pick { display: flex; min-width: 0; }
#view-documents .doc-cat { font: inherit; font-size: 13px; min-height: 36px; width: 100%; padding: 0 8px; border: 1px solid var(--line-strong);
  border-radius: 8px; background: var(--panel); color: var(--ink); }
#view-documents .doc-cat:has(option[value=""]:checked) { border-style: dashed; color: var(--warn-ink); }
@media (max-width: 820px) {
  #view-documents .doc-item { grid-template-columns: 1fr auto auto; }
  #view-documents .doc-cat-pick { grid-column: 1 / -1; grid-row: 3; }
}
#view-documents .doc-sec-n { color: var(--muted-ink); }