/* Экран «Лиды» — по утверждённому макету design/rabochie.html#/leads (rabochie.css, 11.11.2026).
   Основа — design.css; общее для экранов (карточки, «‹ Назад», окно фильтров) — app.css. */
.screen.is-deals { max-width: 1240px; }
.ld-todo { margin-bottom: var(--s-6); }
.ld-todo-h { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); margin-bottom: var(--s-2); }
.ld-todo-h h2 { font: 700 var(--fs-head)/var(--lh-head) var(--f-ui); }
.ld-todo-h .chips-line { margin: 0; }
.ld-todo-list { max-height: 172px; overflow-y: auto; }
.ld-act { grid-template-columns: auto minmax(0, 1.2fr) minmax(0, 1fr) auto auto; min-height: 56px; }
.ld-act.is-late .row-ic { background: var(--red-soft); color: var(--red); }
.ld-due { color: var(--ink-2); font-size: var(--fs-meta); white-space: nowrap; }
.ld-todo-empty { display: flex; align-items: center; gap: var(--s-2); padding: var(--s-3) var(--s-2); border-top: 1px solid var(--line); color: var(--ink-3); font-size: var(--fs-meta); }
.ld-todo-empty .ic { width: 16px; height: 16px; }
.ld-bar { margin-bottom: var(--s-3); }
.ld-tabs { display: none; }
.ld-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); overflow: hidden; }
.ld-col { display: flex; flex-direction: column; min-width: 0; max-height: inherit; padding: var(--s-3); border-radius: var(--r); background: var(--surface-2); overflow-y: auto; }
.ld-col-h { position: sticky; top: calc(-1 * var(--s-3)); z-index: 1; display: flex; align-items: center; gap: var(--s-2); margin: calc(-1 * var(--s-3)) calc(-1 * var(--s-3)) 0; padding: var(--s-3); background: var(--surface-2); font: 600 var(--fs-body)/var(--lh-body) var(--f-ui); }
.ld-col-h .muted { font-weight: 500; font-size: var(--fs-meta); }
.ld-cards { display: grid; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.ld-card { display: grid; gap: var(--s-1); width: 100%; padding: var(--s-3); border: 0; border-radius: var(--r-sm); background: var(--card); color: var(--ink); text-align: left; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: box-shadow 140ms var(--ease); }
.ld-card:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09); }
.ld-card.is-cur { box-shadow: inset 0 0 0 2px var(--ink); }
.ld-card.is-sk { cursor: default; }
.ld-name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; font-size: var(--fs-body); line-height: var(--lh-body); }
.ld-why { overflow: hidden; color: var(--ink-3); font-size: var(--fs-meta); line-height: var(--lh-meta); text-overflow: ellipsis; white-space: nowrap; }
.ld-why b { color: var(--amber); font-weight: 600; }
.ld-step { display: flex; align-items: center; gap: var(--s-1); color: var(--ink-2); font-size: var(--fs-meta); line-height: var(--lh-meta); }
.ld-step .ic { flex: none; width: 14px; height: 14px; color: var(--ink-3); }
.ld-step.is-man { color: var(--ink); font-weight: 600; }
.ld-step.is-man .ic { color: var(--ink); }
.ld-step .now-dot { flex: none; }
.ld-col-empty { padding: var(--s-4) var(--s-1); color: var(--ink-4); font-size: var(--fs-meta); }
.ld-more { align-self: center; margin-top: var(--s-2); }
.ld-results { margin-top: var(--s-4); }
.pop-row.is-bad b { color: var(--red-ink); }
/* шторка лида: широкая, две колонки */
.drawer.dr-lead { width: min(1040px, calc(100vw - 112px)); }
.ld-tags { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-3); }
.ld-cols { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--s-8); margin-top: var(--s-2); }
.ld-sum { margin-top: var(--s-3); }
.ld-label { display: block; color: var(--ink-3); font: 500 var(--fs-cap)/var(--lh-cap) var(--f-ui); text-transform: none; }
.ld-next, .ld-step-card { margin-top: var(--s-4); padding: var(--s-4) var(--s-5); border-radius: var(--r); box-shadow: inset 0 0 0 1px var(--line-strong); }
.ld-next p { margin: var(--s-1) 0 0; font-weight: 600; }
.ld-next.is-man { box-shadow: inset 0 0 0 2px var(--ink); }
.ld-step-card.is-late { box-shadow: inset 0 0 0 2px var(--red); }
.ld-sc-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-3); margin-bottom: var(--s-3); }
.ld-sc-h .ld-label { flex-basis: 100%; }
.ld-sc-h b { font: 700 var(--fs-head)/var(--lh-head) var(--f-ui); }
.ld-facts { margin-bottom: var(--s-3); }
.ld-rec { display: flex; align-items: center; gap: var(--s-3); margin: 0 0 var(--s-3); padding: var(--s-2) var(--s-3); border-radius: 999px; background: var(--soft); font-size: var(--fs-meta); }
.ld-panel { margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--line); }
.ld-panel .chips { margin-top: var(--s-2); }
.ld-more-w { display: inline-flex; }
.ld-more-pop { width: 320px; padding: var(--s-2); }
.ld-stage-chips { padding: 0 var(--s-2) var(--s-2); }
.ld-hist { display: grid; margin: 0; padding: 0; list-style: none; }
.ld-hist li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-2) 0; border-bottom: 1px solid var(--line); font-size: var(--fs-meta); line-height: var(--lh-meta); }
.ld-hist-d { color: var(--ink-3); }
/* Запись ленты касаний: между датой и текстом — значок вида события. */
.ld-hist li.ld-ev { grid-template-columns: 96px 16px minmax(0, 1fr); }
.ld-ev > .ic { width: 16px; height: 16px; margin-top: 2px; color: var(--ink-3); }
.ld-ev b { overflow-wrap: anywhere; }
.ld-feed-f { margin-bottom: var(--s-1); }
.ld-hist b { display: block; font-weight: 500; }
.ld-hist small { color: var(--ink-3); }
.ld-note { display: flex; gap: var(--s-2); margin-top: var(--s-3); }
.ld-note input { min-height: var(--h-sm); font-size: var(--fs-meta); }
.ld-aside h3.first { margin-top: var(--s-4); }
@media (max-width: 1100px) { .ld-act .ld-act-k { display: none; } .ld-act { grid-template-columns: auto minmax(0, 1fr) auto auto; } }
@media (max-width: 900px) {
  .ld-tabs { display: flex; margin: 0 0 var(--s-3); }
  .ld-tabs .dot { margin-right: 2px; }
  .ld-board { grid-template-columns: minmax(0, 1fr); overflow: visible; max-height: none !important; }
  .ld-col { display: none; max-height: none; padding: 0; background: none; overflow: visible; }
  .ld-col.is-on { display: flex; }
  .ld-col-h { display: none; }
  .ld-card { box-shadow: inset 0 0 0 1px var(--line); }
  .drawer.dr-lead { width: min(560px, calc(100vw - 24px)); }
  .ld-cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ld-todo-h { flex-wrap: wrap; }
}
@media (max-width: 560px) {
  .drawer.dr-lead { width: auto; }
  .ld-hist li { grid-template-columns: 72px minmax(0, 1fr); }
  .ld-hist li.ld-ev { grid-template-columns: 72px 16px minmax(0, 1fr); }
  /* Строка очереди: метка срока («Просрочено на …») уходит под название, чтобы то не сжималось. */
  .ld-act { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ic t chev" "ic r chev"; row-gap: var(--s-1); }
  .ld-act .row-ic { grid-area: ic; align-self: start; }
  .ld-act > .row-t { grid-area: t; }
  .ld-act .row-r { grid-area: r; justify-self: start; min-width: 0; }
  .ld-act .chev { grid-area: chev; }
}

.ld-hint { margin: var(--s-2) 0 0; }
.ld-step-card.is-man:not(.is-late) { box-shadow: inset 0 0 0 2px var(--ink); }
.ld-sum .lc-sum-f dd { overflow-wrap: anywhere; }
.ld-aside .rows a { color: inherit; }
.ld-aside .row.is-static .row-t b a { color: var(--ink); text-decoration: none; }
.ld-aside .row.is-static .row-t b a:hover { text-decoration: underline; }
.ld-aside .row.is-static small a { color: inherit; text-decoration: none; }
.ld-more-pop.is-left { left: 0; right: auto; }