/* Модуль «Сделки»: список с прогнозом, карточка, версии КП.
   Кегль, отступы и радиусы — только токенами (docs/ОБЛИК-И-ШКАЛЫ.md). */

.sd .table--wide { overflow-x: auto; }
.sd__card { margin-bottom: var(--s-3); padding: var(--s-4); }
.sd__card > h2 { margin: 0 0 var(--s-1); }
.sd__card > .note { margin: 0 0 var(--s-3); }
.sd__pad { padding: var(--s-2) 0; }
.sd__kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--s-3); margin-bottom: var(--s-3); }
.sd__kpis > .card + .card { margin-top: 0; }
.sd__kpi { padding: var(--s-3) var(--s-4); }
.sd__kpi-l { font-size: var(--t-sm); color: var(--text-dim); }
.sd__kpi-v { font-family: var(--mono); font-size: var(--t-xl); font-weight: 600; font-variant-numeric: tabular-nums; }
.sd__kpi-v.is-warn { color: var(--warn-fg); }
.sd__kpi-n { font-size: var(--t-sm); color: var(--text-dim); }

/* Прогноз по месяцам */
.sd__fc { display: grid; gap: var(--s-1); }
.sd__fc-row { display: grid; grid-template-columns: 90px 1fr 190px; align-items: center; gap: var(--s-3); font-size: var(--t-sm); }
.sd__fc-m { font-family: var(--mono); color: var(--text-dim); }
.sd__fc-bar { position: relative; height: 18px; border-radius: var(--radius-sm); background: var(--hover); overflow: hidden; }
.sd__fc-bar i { position: absolute; left: 0; top: 0; bottom: 0; display: block; }
.sd__fc-all { background: var(--accent-soft); }
.sd__fc-w { background: var(--accent); opacity: .85; }
.sd__fc-v { font-family: var(--mono); text-align: right; color: var(--text-dim); }
.sd__fc-v b { color: var(--text); font-weight: 600; }

/* Таблицы */
.sd__table { font-size: var(--t-sm); }
.sd__table th, .sd__table td { padding: var(--s-2) var(--s-3); vertical-align: top; }
.sd__table td.num, .sd__table th.num { text-align: right; font-family: var(--mono); }
.sd__click { cursor: pointer; }
.sd__click:hover:where([data-hover="mouse"] *) { background: var(--hover); }
.sd__table .chip { margin: 0 var(--s-1) var(--s-1) 0; }

/* Карточка: поля на месте */
.sd__title { margin: 0 0 var(--s-3); }
.sd__h1 { font-size: var(--t-2xl) !important; font-weight: 600; height: auto !important; padding: var(--s-1) var(--s-2) !important; }
.sd__in {
  width: 100%; min-width: 0; height: 32px; border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent;
  padding: 0 var(--s-2); font: inherit; color: var(--text);
}
.sd__in:hover:where([data-hover="mouse"] *) { border-color: var(--border); }
.sd__in:focus { outline: 0; border-color: var(--accent); background: var(--surface); }
.sd__in.num { text-align: right; font-family: var(--mono); }
select.sd__in { cursor: pointer; }
.sd__area { height: auto; padding: var(--s-1) var(--s-2); resize: vertical; line-height: 1.45; }
.sd__items { color: var(--text-dim); font-size: var(--t-sm); }
.sd__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2) var(--s-4); }
.sd__grid--kp { margin-top: var(--s-3); }
.sd__f { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sd__f > span:first-child { font-size: var(--t-xs); color: var(--text-dim); padding-left: var(--s-2); }
.sd__f--wide { grid-column: span 2; }
.sd__pair { display: flex; gap: var(--s-1); align-items: center; }
.sd__days { width: 64px; flex: none; }
.sd__size { width: 120px; flex: none; }
.sd__pr { border: 1px solid var(--border); background: none; border-radius: var(--radius-sm); padding: 0 var(--s-2); height: 28px; font: inherit; font-size: var(--t-sm); color: var(--text-dim); cursor: pointer; }
.sd__pr:hover:where([data-hover="mouse"] *) { background: var(--hover); }
.sd__pr.is-active { background: var(--accent-soft); color: var(--accent-fg); border-color: var(--accent); }
.sd__edit td { padding: var(--s-1) var(--s-2); }
.sd__edit td:nth-child(2) { min-width: 240px; }
.sd__edit td.sd__lbl { min-width: 260px; }
.sd__n { color: var(--text-dim); font-family: var(--mono); padding-top: var(--s-2) !important; }
.sd__x { border: 0; background: none; color: var(--text-faint); cursor: pointer; font: inherit; font-size: var(--t-md); padding: 0 var(--s-1); border-radius: var(--radius-sm); }
.sd__x:hover:where([data-hover="mouse"] *) { color: var(--late-fg); background: var(--hover); }
.sd__del { color: var(--late-fg); }

/* Версии КП */
.sd__tab { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--border); background: none; border-radius: var(--radius-sm); padding: var(--s-1) var(--s-3); font: inherit; font-size: var(--t-sm); color: var(--text); cursor: pointer; }
.sd__tab small { font-family: var(--mono); font-size: var(--t-xs); color: var(--text-dim); }
.sd__tab:hover:where([data-hover="mouse"] *) { background: var(--hover); }
.sd__tab.is-active { border-color: var(--accent); background: var(--accent-soft); }
.sd__acts { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin-top: var(--s-3); }
.sd__sec { margin-top: var(--s-4); }
.sd__sec h3 { font-size: var(--t-base); margin: 0; }
.sd__sec > .note { margin: var(--s-2) 0 0; }
.sd__ask { display: grid; gap: var(--s-3); }
.sd__box { border-color: var(--border); }

@media (max-width: 900px) {
  .sd__grid { grid-template-columns: 1fr; }
  .sd__f--wide { grid-column: auto; }
  .sd__fc-row { grid-template-columns: 70px 1fr; }
  .sd__fc-v { grid-column: 1 / -1; text-align: left; }
}