/* Вкладка «Товары» сделки — продолжение виджетной вёрстки из montage.css.
   Панель живёт внутри .mont, поэтому таблица, поля, подсказки и всплывающие меню
   берутся оттуда; здесь только то, чего у монтажа нет: шапка вкладки, итоги,
   параметры продажи и карточный вид для телефона. */

.mont .goods { padding-top: 4px; }
.mont .ghdr { display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #534AB7 }
.mont .ghdr .mic { color:#534AB7 }
.mont .gtit { font-size:13px;font-weight:500;color:#534AB7 }
.mont .ghdr .mbdg { background:rgba(83,74,183,.1);color:#534AB7 }
.mont .gdups { font-size:10px;color:#8a5b0c;background:rgba(186,117,23,.12);border-radius:var(--border-radius-md);padding:3px 8px }

.mont .gbar { display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap }
.mont .ghint { font-size:10px;color:var(--color-text-tertiary);margin-left:auto }

/* Таблица товаров: колонки те же, что в виджете */
.mont .gt td.r, .mont .gt th.r { text-align:right }
.mont .gt td.c, .mont .gt th.c { text-align:center }
.mont .gt tbody tr.gsubr td { background:rgba(83,74,183,.035) }
.mont .gt .gv { font-size:11px;font-variant-numeric:tabular-nums }
.mont .gt .gsum { font-weight:500 }
.mont .gt .gmut { color:var(--color-text-secondary) }
.mont .gt .gvio { color:#534AB7 }
.mont .gpos { color:#0F6E56;font-weight:500 }
.mont .gneg { color:#A32D2D;font-weight:500 }
.mont .gmgr { color:#8a5b0c }
.mont .dpos { color:#0F6E56 }
.mont .dneg { color:#A32D2D }
.mont .mef.dp { color:#0F6E56 }
.mont .mef.dn { color:#A32D2D }
.mont .gnc { display:flex;align-items:center;gap:4px;font-size:11px;line-height:1.35;white-space:normal }
.mont .gnc.sub { color:var(--color-text-secondary);font-size:10.5px }
.mont .garr { color:#534AB7;flex-shrink:0 }
.mont .ctag { font-size:9px;color:#534AB7;background:rgba(83,74,183,.1);border-radius:4px;padding:1px 4px;flex-shrink:0 }
.mont .pctb { font-size:9px;color:var(--color-text-tertiary);background:var(--color-background-secondary);border-radius:4px;padding:1px 4px;flex-shrink:0 }
.mont .gopt { white-space:nowrap }
.mont .optsrc { font-size:8px;border-radius:3px;padding:1px 3px;margin-right:4px;vertical-align:middle }
.mont .optsrc.cat { color:var(--color-text-tertiary);background:var(--color-background-secondary) }
.mont .optsrc.deal { color:#8a5b0c;background:rgba(186,117,23,.12) }
.mont .optsrc.inv { color:#534AB7;background:rgba(83,74,183,.12) }
.mont .gempty { padding:24px 12px;text-align:center;font-size:11px;color:var(--color-text-tertiary);border:.5px dashed var(--color-border-secondary);border-radius:var(--border-radius-md) }

/* Строка «в каталоге изменилось название» — под самой позицией, как в виджете */
.mont .grenr td { background:rgba(186,117,23,.07);padding:4px 8px }
.mont .grenr .mic { color:#8a5b0c;width:13px;height:13px;vertical-align:-2px }
.mont .grn-t { font-size:10px;color:#8a5b0c;margin-right:8px }
.mont .grn-b { font-size:10px;border:.5px solid rgba(186,117,23,.5);background:var(--color-background-primary);color:#8a5b0c;border-radius:5px;padding:2px 8px;cursor:pointer;margin-right:4px }
.mont .grn-b:hover { background:rgba(186,117,23,.12) }
.mont .grn-b.ghost { border-color:var(--color-border-secondary);color:var(--color-text-secondary) }

/* Поиск товара */
.mont .gsearch { display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md) }
.mont .gsnum { font-size:11px;color:var(--color-text-tertiary);min-width:18px;text-align:center }
.mont .gadd { margin-top:10px }
.mont .msrp { font-size:10px;color:#0F6E56;white-space:nowrap }

/* Итоги */
.mont .gtotals { display:flex;flex-wrap:wrap;gap:8px;margin-top:14px }
.mont .gtc { flex:1;min-width:120px;padding:10px 14px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary) }
.mont .gtl { font-size:10px;color:var(--color-text-secondary);margin-bottom:4px }
.mont .gtv { font-size:16px;font-weight:500;font-variant-numeric:tabular-nums }
.mont .gtc.gt-main { background:#EEF0FB;border-color:#C7CDF2 }
.mont .gtc.gt-main .gtv { color:#3A3F9E }
.mont .gtc.gt-profit .gtv { color:#0F6E56 }
.mont .gtc.gt-loss .gtv { color:#A32D2D }
.mont .gtc.gt-mgr .gtv { color:#8a5b0c }

/* Параметры продажи — видны в режиме сотрудника */
.mont .gparams { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:.5px dashed var(--color-border-secondary);border-radius:var(--border-radius-md) }
.mont .gp-t { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--color-text-secondary) }
.mont .gp { display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-secondary) }
.mont .gp select, .mont .gp input { border:.5px solid var(--color-border-tertiary);border-radius:5px;padding:3px 6px;font-size:11px;background:var(--color-background-primary);color:var(--color-text-primary);width:110px }
.mont .gp-note { font-size:10px;color:var(--color-text-tertiary);margin-left:auto }

/* Настройки: строка выбора столбца и радио «вид на телефоне» */
.mont .cols-row .set-tx { flex:1 }
.mont .gradio { display:inline-flex;align-items:center;flex-shrink:0 }
.mont .gradio input { width:16px;height:16px;accent-color:#534AB7 }

/* ── Карточный вид (телефон) ─────────────────────────────────────────────────
   Каждая позиция — блок: название сверху, поля в две колонки, суммы строкой.
   Ничего не липнет и не листается вбок, всё правится пальцем. */
.mont .gcards-list { display:flex;flex-direction:column;gap:10px }
.mont .gci { border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);overflow:hidden }
.mont .gci-hd { display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:rgba(83,74,183,.05);border-bottom:.5px solid var(--color-border-tertiary) }
.mont .gci-n { font-size:11px;font-weight:500;color:var(--color-text-tertiary);min-width:14px }
.mont .gci-nm { flex:1;min-width:0 }
.mont .gci-nm .gnc { font-size:12px;flex-wrap:wrap }
.mont .gci-meta { padding:5px 10px 0;font-size:10px;color:var(--color-text-tertiary) }
.mont .gci-ren { margin:8px 10px 0;padding:6px 8px;background:rgba(186,117,23,.08);border-radius:6px }
.mont .gci-ren-b { display:block;margin-top:6px }
.mont .gci-f { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px }
.mont .gcf { display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--color-text-secondary) }
.mont .gcf .mef { font-size:14px;padding:7px 8px;border-radius:6px }
.mont .gci-sum, .mont .gci-emp { display:flex;flex-wrap:wrap;gap:10px 16px;padding:8px 10px;border-top:.5px solid var(--color-border-tertiary);background:var(--color-background-secondary) }
.mont .gci-emp { background:rgba(186,117,23,.05) }
.mont .gci-v { display:flex;flex-direction:column;font-size:12px;font-variant-numeric:tabular-nums }
.mont .gci-v span { font-size:9.5px;color:var(--color-text-tertiary) }
.mont .gci-total { margin-left:auto;text-align:right;font-weight:600;color:#3A3F9E }
.mont .gci-subs { border-top:.5px solid var(--color-border-tertiary) }
.mont .gci-sub { padding:6px 10px;border-bottom:.5px solid var(--color-border-tertiary);background:rgba(83,74,183,.03) }
.mont .gci-sub:last-child { border-bottom:none }
.mont .gci-sub-nm .gnc { font-size:11px }
.mont .gci-sub-v { font-size:10px;color:var(--color-text-secondary);margin-top:2px }

@media (max-width: 860px) {
  .mont .gbar { gap:6px }
  .mont .ghint { flex:1 0 100%;margin-left:0 }
  .mont .gtotals { gap:6px }
  .mont .gtc { min-width:calc(50% - 3px);padding:8px 10px }
  .mont .gtv { font-size:14px }
  .mont .gparams { gap:8px }
  .mont .gp { flex:1 0 100%;justify-content:space-between }
  .mont .gp select, .mont .gp input { width:140px }
  .mont .gp-note { margin-left:0;flex:1 0 100% }
}

@media (max-width: 560px) {
  .mont .gci-f { grid-template-columns:1fr 1fr }
  .mont .gci-hd .gci-nm .gnc { font-size:12.5px }
}

/* Название товара — ссылка на карточку каталога, но выглядеть должно как текст:
   в виджете это обычная строка таблицы, подчёркивание сбивало бы чтение. */
.mont .gnc .prod-link, .mont .gci-nm .prod-link { color: inherit; text-decoration: none; }
.mont .gnc .prod-link:hover, .mont .gci-nm .prod-link:hover { color: #534AB7; background: rgba(83,74,183,.1); }