/* Варианты материала от разных поставщиков (П-62, 27.10.2026): вкладка «Варианты материалов»,
   окно «Вариант и закупки», пометки в строках справочника и сметы.
   Таблицы — ровные строки: в каждой ячейке заголовок и подпись, без переносов. */
.cat-variants{display:flex;flex-direction:column;gap:14px}
.cat-var-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cat-var-head h3{margin:0;font-size:15px}
.cat-var-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.cat-var-proposals{border:1px solid #F5D9A8;background:#FFFBF2;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.cat-var-group,.cat-var-prop-group{border:1px solid var(--border);background:var(--card);border-radius:10px;overflow:hidden}
.cat-var-group-head{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px}
.cat-var-group-head span{color:var(--muted);font-size:12px}
.cat-var-group-head .btn{margin-left:auto}
.cat-var-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12.5px}
.cat-var-table th{font-size:11.5px;font-weight:600;color:var(--muted);text-align:left;padding:6px 10px;white-space:nowrap;border-bottom:1px solid var(--border)}
.cat-var-table td{padding:5px 10px;white-space:nowrap;vertical-align:top;height:36px;border-bottom:1px solid #EEF2F6}
.cat-var-table tbody tr:last-child td{border-bottom:0}
.cat-var-table td>div{height:20px;line-height:20px}
.cat-var-table td>small{display:block;font-size:11px;line-height:15px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.cat-var-table .num{text-align:right}
.cat-var-table td.cat-var-name{width:100%;max-width:0}
.cat-var-table td.cat-var-name>div{overflow:hidden;text-overflow:ellipsis}
.cat-var-table tbody tr[onclick]{cursor:pointer}
.cat-var-table tbody tr[onclick]:hover td{background:var(--selected-bg)}
.cat-var-table tr.cat-var-current td{background:#F0FDF4}
.cat-var-acts{text-align:right}
.cat-var-acts .btn+.btn{margin-left:4px}
.cat-var-factor{width:78px;height:20px;box-sizing:border-box;text-align:right;padding:0 6px;font-size:12px;line-height:18px}
.cat-var-new{display:inline-block;padding:0 6px;border-radius:6px;background:#E0F2FE;color:#0369A1;font-size:10.5px;font-weight:600;vertical-align:1px}
.cat-var-warn{font-weight:600;font-size:11.5px;display:inline-block;line-height:17px;vertical-align:top}
.cat-var-muted{color:var(--muted);font-size:12px}
.cat-var-empty{padding:10px 12px;font-size:12.5px;color:var(--muted)}
.cat-var-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cat-var-modal{max-width:980px;width:calc(100vw - 48px)}
.cat-var-profile{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.cat-var-profile .field{display:flex;flex-direction:column;gap:4px}
.cat-var-profile select{width:320px}
.cat-var-profile input{width:220px}
.cat-var-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.cat-var-facts>div{border:1px solid var(--border);border-radius:8px;padding:6px 9px;min-width:0}
.cat-var-facts dt{font-size:11px;color:var(--muted)}
.cat-var-facts dd{margin:1px 0 0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-var-sub{margin:14px 0 6px;font-size:13px}
.cat-var-modal .cat-var-table{border:1px solid var(--border);border-radius:8px;border-collapse:separate;border-spacing:0}
.cat-var-chip{border:1px solid #BBF7D0;background:#F0FDF4;color:#15803D;border-radius:6px;padding:0 6px;font-size:10.5px;font-weight:600;cursor:pointer;vertical-align:1px}
.cat-var-chip:hover{background:#DCFCE7}
.cat-review--analogs_dearer{color:#B45309}
/* две колонки названий (расценка и товар из счёта) делят свободное место поровну */
.cat-var-prop-table td.cat-var-name{width:50%}
/* кнопки решений не выше двух строк текста: строки с кнопками и без — одной высоты */
.cat-var-acts .btn{padding:2px 10px;font-size:12px;line-height:18px;min-height:0}
.cat-var-acts .cat-var-muted{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;line-height:32px}
.cat-var-table small .cat-var-warn{line-height:15px}
.cat-var-acts .cat-var-muted{line-height:35px}