/* manager-v2.css — кабинет менеджера (KSH-455): только то, чего нет в client-v2.css и lk-widgets.css. Токены — lk-tokens.css. */
.mg-reasons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mg-reasons .pill-n { border: 1px solid transparent; cursor: pointer; font: inherit; font-size: 12px; }
.mg-reasons .pill-n.on { border-color: var(--text); background: var(--bg); color: var(--text); }
.mg-pick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mg-pick .pill-n { cursor: pointer; }
.mg-tabs { margin-top: 18px; }
.mg-cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; margin-top: 18px; align-items: start; }
.mg-col { background: var(--surface); border-radius: 18px; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.mg-colh { margin: 2px 4px 4px; font-size: 14px; font-weight: 500; }
.mg-list { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; }
.mg-deal { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 't r' 's r'; gap: 3px 12px; text-align: left; width: 100%; padding: 12px 14px; border-radius: 14px;
  border: 1px solid var(--line); background: var(--bg); font: inherit; color: var(--text); cursor: pointer; }
.mg-deal:hover { border-color: var(--text-2); }
.mg-deal > .t { grid-area: t; font-size: 14px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mg-deal > .lab { grid-area: s; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mg-deal > .r { grid-area: r; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 13px; }
.mg-deal > .r b { font-weight: 500; white-space: nowrap; }
.mg-col .mg-deal > .r { display: none; }
.mg-col .mg-deal { grid-template-areas: 't' 's'; grid-template-columns: minmax(0, 1fr); }
.mg-late { color: var(--late, #94632A); }
.mg-steps { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 0; padding: 0; }
.mg-steps li { font-size: 12px; height: 26px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px; background: var(--surface); color: var(--muted); }
.mg-steps li.is-done { color: var(--text-2); opacity: .6; }
.mg-steps li.is-cur { background: var(--accent); color: #fff; }
.mg-deal-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 20px; margin-top: 20px; align-items: start; }
.mg-meta { margin: 0; background: var(--surface); border-radius: 18px; padding: 16px 18px; gap: 8px; }
.mg-next .t { font-size: 16px; font-weight: 500; }
.mg-stuck { margin: 10px 0 0; padding-left: 18px; color: var(--late, #94632A); font-size: 13px; display: grid; gap: 4px; }
.mg-deal-two { margin-top: 20px; }
.mg-chat .lw-msgs { max-height: 300px; overflow: auto; }
.mg-why { display: grid; gap: 8px; margin-top: 12px; }
.mg-whyr { display: grid; grid-template-columns: 180px minmax(0, 1fr) 150px; gap: 12px; align-items: center; font-size: 14px; }
.mg-bar { height: 6px; border-radius: 999px; background: var(--surface); overflow: hidden; }
.mg-bar i { display: block; height: 100%; background: var(--accent); border-radius: inherit; }
.mg-rows { margin-top: 10px; }
.mg-row { width: 100%; text-align: left; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.mg-form { display: grid; gap: 8px; margin-top: 10px; }
.mg-form input { height: 38px; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; font: inherit; font-size: 13px; color: var(--text); background: var(--bg); }
@media (max-width: 760px) {
  .mg-deal-top { grid-template-columns: minmax(0, 1fr); }
  .mg-whyr { grid-template-columns: minmax(0, 1fr) 90px; }
  .mg-whyr .mg-bar { display: none; }
}
.mg-one { margin-top: 24px; }
/* списки в окнах (деньги клиентов, сверка, дебиторка): строки как в блоках главной, без карточки вокруг */
.mg-rows { display: flex; flex-direction: column; }
.mg-rows > .r { display: flex; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid var(--hair); }
.mg-rows > .r:first-child { border-top: 0; }
.mg-rows > .r .tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mg-rows > .r .t { font-size: 14px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mg-rows > .r .by { display: flex; flex-direction: column; align-items: flex-end; font-size: 13px; white-space: nowrap; }
.mg-rows > .r .by b { font-weight: 500; }
.mg-rows > .r.is-over .by b { color: var(--late, #94632A); }