/* Leads & pipeline: board cards with a stage picker, the lead's milestone
   strip, meeting rows, forecast tables. Builds on lc.css + marketing.css. */

.pcard .move { margin-top: 10px; }
.pcard .move select { min-height: 32px; font-size: 12.5px; padding: 4px 30px 4px 10px; border-width: 2px; }
.pcard .val { font-family: var(--display); font-weight: 800; font-size: 13px; margin-left: auto; }
.pcard .flags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 6px; }
.pcard .flags .chip { font-size: 11px; padding: 0 8px; }
.col.ls-col-won .col-body, .col.ls-col-lost .col-body { opacity: .92; }

.milestones { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
@media (max-width: 900px) { .milestones { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.milestone { border: 3px solid var(--ink); border-radius: 14px; padding: 11px 13px; background: var(--paper); }
.milestone.done { background: var(--lime); box-shadow: 4px 4px 0 var(--ink); }
.milestone.todo { border-style: dashed; color: var(--muted-2); }
.milestone .k { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.milestone .v { font-family: var(--display); font-weight: 800; font-size: 17px; margin-top: 4px; }
.milestone .s { font-size: 12px; margin-top: 2px; }

.meeting-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 0; border-bottom: 2px solid var(--line); }
.meeting-row:last-child { border-bottom: none; }
.meeting-row .when { font-weight: 800; min-width: 150px; }
.meeting-row .who { flex: 1; min-width: 160px; }
.meeting-row .acts { display: flex; gap: 6px; }

.answers { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; font-size: 13.5px; }
.answers dt { font-weight: 700; color: var(--muted-2); }
.answers dd { margin: 0; overflow-wrap: anywhere; }

.range-bar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.range-bar input[type=date] { width: auto; min-width: 150px; }
.tbl td.num, .tbl th.num { text-align: right; }
.tbl tfoot td { font-weight: 800; border-top: 3px solid var(--ink); }
.note-form { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 16px; }
.note-form textarea { min-height: 44px; }