/* 🎧 Пульт підтримки продажів (власник 26.10.2026): замовлення — окремими картками зі смугою стану, деталі на підкладці;
   платежі «ще немає в 1С» — підсвічені; залишки — групи, що згортаються. Поверхні — .card з apple-ui; тут лише картка замовлення. */
.sd-orders { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
/* .card.sd-order — специфічніше за .card { border: 1px } з apple-ui.css (підключений пізніше), інакше смуга стає 1px */
.card.sd-order { padding: 0; overflow: hidden; border-left: 4px solid var(--border-color); }
.sd-order.sd-overdue { border-left-color: var(--danger); }
.sd-order.sd-unpaid { border-left-color: var(--warning); }
.sd-order.sd-ready { border-left-color: var(--info); }
.sd-order.sd-moving { border-left-color: var(--accent); }
.sd-order.sd-closed { border-left-color: var(--success); }
.sd-order-head { display: grid; grid-template-columns: 150px minmax(180px, 1.6fr) 150px minmax(210px, 1fr) minmax(170px, 1fr) 24px;
    gap: 14px; align-items: center; padding: 12px 16px; cursor: pointer; }
.sd-order-head:hover { background: var(--bg-hover); }
.sd-order.open .sd-order-head { background: var(--bg-secondary); }
.sd-oh-num, .sd-oh-client { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sd-oh-num span, .sd-oh-client span { font-size: 12px; color: var(--text-muted); }
.sd-oh-client b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sd-oh-sum { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sd-oh-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.sd-oh-ttn { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 13px; }
.sd-oh-arrow { color: var(--text-muted); text-align: center; }
.sd-detail { padding: 12px 16px 14px; border-top: 1px solid var(--border-color); background: var(--bg-secondary); display: flex; flex-direction: column; gap: 10px; }
.sd-facts { font-size: 13px; color: var(--text-secondary); }
.sd-comment { font-size: 13px; color: var(--text-secondary); background: var(--bg-primary); border: 1px solid var(--border-light);
    border-radius: var(--radius-md); padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.sd-muted { font-size: 12px; color: var(--text-muted); }
@media (max-width: 900px) {
    .sd-order-head { grid-template-columns: 1fr auto; }
    .sd-oh-chips, .sd-oh-ttn { grid-column: 1 / -1; }
    .sd-oh-arrow { display: none; }
}
/* 🏦 платежі */
.sd-purpose { max-width: 420px; font-size: 13px; color: var(--text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
tr.sd-new td { background: var(--warning-light); }
/* 📦 групи залишків */
tr.sd-grp { cursor: pointer; background: var(--bg-secondary); }
tr.sd-grp:hover { background: var(--bg-hover); }
.sd-grp-arrow { display: inline-block; width: 14px; color: var(--text-muted); }
tr.sd-grp-row td:first-child { padding-left: 28px; }

/* ➕ Нове замовлення: довгі попередження/помилки — переносом, а не за край екрана (чипи за замовчуванням nowrap) */
.chip.sd-wrap { white-space: normal; text-align: left; max-width: 100%; line-height: 1.35; }