/* Кабинет мерчанта — доп. стили поверх Aurora (trader.css + admin.css).
   Скоуп совпадает с админкой: html[data-app-scope="trader"] body.tr-app--admin */

/* ── Дашборд: сетка ───────────────────────────────────────────── */
html[data-app-scope="trader"] body.tr-app--admin .mch-dash{ display:flex; flex-direction:column; gap:16px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-top{ display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:16px; align-items:stretch; }
@media(max-width:960px){ html[data-app-scope="trader"] body.tr-app--admin .mch-top{ grid-template-columns:1fr; } }

/* ── Hero-карточка баланса ────────────────────────────────────── */
html[data-app-scope="trader"] body.tr-app--admin .mch-bal{ position:relative; overflow:hidden; border:1px solid var(--tr-line); border-radius:18px; padding:22px 24px; color:#fff;
  background:linear-gradient(135deg,#4b3fce 0%,#6d5cf0 55%,#8b7bf5 100%); box-shadow:0 12px 30px rgba(76,63,206,.28); }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal.is-neg{ background:linear-gradient(135deg,#c0392b 0%,#e05a4b 60%,#f0776a 100%); box-shadow:0 12px 30px rgba(192,57,43,.28); }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal::after{ content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,.12); pointer-events:none; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; position:relative; z-index:1; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-label{ font-size:12.5px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; opacity:.85; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-pill{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 11px; border-radius:999px; font-size:12px; font-weight:600; background:rgba(255,255,255,.2); backdrop-filter:blur(2px); white-space:nowrap; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-pill svg{ width:14px; height:14px; flex:none; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-main{ font-size:34px; font-weight:750; line-height:1.05; letter-spacing:-.02em; position:relative; z-index:1; font-variant-numeric:tabular-nums; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-usdt{ font-size:15px; font-weight:600; opacity:.9; margin-top:4px; position:relative; z-index:1; }
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-note{ font-size:12.5px; line-height:1.45; opacity:.82; margin-top:12px; max-width:34ch; position:relative; z-index:1; }

/* ── Карточки оборота (вход / выплаты) ────────────────────────── */
html[data-app-scope="trader"] body.tr-app--admin .mch-turn{ display:flex; gap:14px; align-items:flex-start; border:1px solid var(--tr-line); border-radius:18px; background:var(--tr-surface); padding:20px; box-shadow:0 1px 2px rgba(16,24,45,.04); }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-ic{ flex:none; width:44px; height:44px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-ic svg{ width:22px; height:22px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-ic.in{ background:var(--nb-green-2); color:var(--nb-green); }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-ic.out{ background:var(--tr-purple-soft); color:var(--tr-purple); }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-body{ min-width:0; flex:1; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-label{ font-size:12.5px; font-weight:600; color:var(--tr-muted); text-transform:uppercase; letter-spacing:.02em; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-val{ font-size:24px; font-weight:700; color:var(--tr-text); line-height:1.15; margin-top:6px; font-variant-numeric:tabular-nums; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-uah{ font-size:13px; color:var(--tr-muted); margin-top:2px; font-variant-numeric:tabular-nums; }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-meta{ display:inline-flex; align-items:center; gap:6px; margin-top:10px; font-size:12px; color:var(--tr-muted); }
html[data-app-scope="trader"] body.tr-app--admin .mch-turn-meta b{ color:var(--tr-text); font-weight:600; }

/* ── Вторичные метрики (комиссия, доход, конверсия) ───────────── */
html[data-app-scope="trader"] body.tr-app--admin .mch-mini-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media(max-width:720px){ html[data-app-scope="trader"] body.tr-app--admin .mch-mini-grid{ grid-template-columns:repeat(2,1fr); } }
html[data-app-scope="trader"] body.tr-app--admin .mch-mini{ border:1px solid var(--tr-line); border-radius:14px; background:var(--tr-surface); padding:14px 16px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-mini-label{ font-size:12px; color:var(--tr-muted); }
html[data-app-scope="trader"] body.tr-app--admin .mch-mini-val{ font-size:18px; font-weight:700; color:var(--tr-text); margin-top:4px; font-variant-numeric:tabular-nums; }
html[data-app-scope="trader"] body.tr-app--admin .mch-mini-sub{ font-size:11.5px; color:var(--tr-muted); margin-top:1px; }

/* Чип баланса в топбаре может уходить в минус */
html[data-app-scope="trader"] body.tr-app--admin .tr-stat-chip.is-neg strong{ color:var(--nb-red); }

/* ── Раздел «Настройки» (Профиль + пароль, трейдерский .sec-* стиль) ── */
html[data-app-scope="trader"] body.tr-app--admin .mch-settings{ display:flex; flex-direction:column; gap:16px; max-width:560px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-prof-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px 20px; }
@media(max-width:560px){ html[data-app-scope="trader"] body.tr-app--admin .mch-prof-grid{ grid-template-columns:1fr; } }
html[data-app-scope="trader"] body.tr-app--admin .mch-prof-item{ display:flex; flex-direction:column; gap:3px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-prof-item > span{ font-size:12px; color:var(--tr-muted); }
html[data-app-scope="trader"] body.tr-app--admin .mch-prof-item > b{ font-size:14px; color:var(--tr-text); font-weight:600; }
html[data-app-scope="trader"] body.tr-app--admin .mch-copy{ display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:5px 10px; border:1px solid var(--tr-line); border-radius:8px; background:var(--tr-surface-2); color:var(--tr-text); font-size:12.5px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:border-color .15s, background .15s; }
html[data-app-scope="trader"] body.tr-app--admin .mch-copy:hover{ border-color:var(--tr-purple); background:var(--tr-purple-soft); }

/* ── Вкладки «Ордера» / «Выплаты» — плотная таблица (концепт V1) ── */
/* Шрифты как в концепте: системный sans + системный mono (НЕ Inter кабинета). */
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --l2:#edf0f7; --faint:#98a0b6;
}
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1-scroll{ overflow-x:auto; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .seg-toggle{ margin-left:auto; display:inline-flex; background:var(--tr-surface-2); border:1px solid var(--tr-line); border-radius:9px; padding:3px; gap:2px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .seg-toggle button{ border:0; background:transparent; font:inherit; font-size:12px; font-weight:600; color:var(--tr-muted); padding:5px 12px; border-radius:6px; cursor:pointer; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .seg-toggle button.on{ background:var(--tr-surface); color:var(--tr-text); box-shadow:0 1px 2px rgba(16,24,45,.12); }

html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data{ border-collapse:collapse; width:100%; font-size:12.5px; table-layout:auto; }
/* Без принудительной min-width: таблица вписывается в контейнер, длинные
   текстовые/mono-колонки переносятся, поэтому нет горизонтального overflow. */
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data th{ position:sticky; top:0; z-index:1; text-align:left; font-weight:600; color:var(--tr-muted) !important; font-size:11px; letter-spacing:.03em; text-transform:uppercase; padding:9px 12px; background:var(--tr-surface-2) !important; border-bottom:1px solid var(--tr-line); }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data th.num{ text-align:right; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data td{ padding:11px 12px; border-bottom:1px solid var(--l2); vertical-align:middle; color:var(--tr-text); white-space:normal; overflow-wrap:anywhere; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data td.num{ white-space:nowrap; overflow-wrap:normal; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data td.faint{ white-space:nowrap; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data tr:last-child td{ border-bottom:0; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data tbody tr:hover td{ background:#f7f9fd; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data.zebra tbody tr:nth-child(even) td{ background:#fafbfe; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data.compact{ font-size:12px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data.compact th{ padding:6px 8px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 table.data.compact td{ padding:5px 8px; }

html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .cell-id{ font-weight:600; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .num{ font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .muted{ color:var(--tr-muted); }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .faint{ color:var(--faint); }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .mono{ font-family:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-empty{ text-align:center; padding:22px; color:var(--faint); }

/* поиск в шапке таблицы */
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search{ margin-left:auto; display:flex; align-items:center; gap:8px; border:1px solid var(--tr-line); border-radius:9px; padding:6px 11px; background:var(--tr-surface); min-width:240px; max-width:340px; flex:1 1 260px; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search:focus-within{ border-color:var(--tr-purple); box-shadow:0 0 0 3px rgba(61,84,224,.12); }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search svg{ width:15px; height:15px; color:var(--faint); flex:none; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search input{ border:0; outline:0; background:transparent; font:inherit; font-size:13px; color:var(--tr-text); width:100%; min-width:0; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search input::placeholder{ color:var(--faint); }
html[data-app-scope="trader"] body.tr-app--admin .mch-ord-search input::-webkit-search-cancel-button{ cursor:pointer; }

/* статус-пилюли (точные цвета концепта) */
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill{ display:inline-flex; align-items:center; gap:6px; height:23px; padding:0 10px; border-radius:999px; font-size:12px; font-weight:600; white-space:nowrap; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.85; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill.ok{ color:#12855f; background:#e4f6ee; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill.wait{ color:#b06f16; background:#fdf1db; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill.review{ color:#5a46c9; background:#ece8fb; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill.bad{ color:#cf3b46; background:#fbe6e8; }
html[data-app-scope="trader"] body.tr-app--admin .mch-ordv1 .pill.mut{ color:#6c7488; background:#eceff5; }

/* Пометка «баланс заморожен по курсу заявок» */
html[data-app-scope="trader"] body.tr-app--admin .mch-bal-frozen{ opacity:.72; font-weight:500; font-size:12px; }

/* Пилюли-фильтры дашборда мерчанта: плоские светлые вместо серого 3D-градиента админки */
html[data-console="merchant"] body.tr-app--admin .tr-dash-filter{
  background:#fff !important;
  border:1px solid var(--tr-line) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.05) !important;
}
html[data-console="merchant"] body.tr-app--admin .tr-dash-filter:hover{
  box-shadow:0 4px 10px -4px rgba(15,23,42,.14) !important;
  transform:translateY(-1px);
}
html[data-console="merchant"] body.tr-app--admin .tr-dash-filter.green{ border-color:rgba(18,160,106,.32) !important; }
html[data-console="merchant"] body.tr-app--admin .tr-dash-filter.orange{ border-color:rgba(224,144,12,.32) !important; }

/* Кнопка «переполучить колбек» в строке ордера */
html[data-console="merchant"] body.tr-app--admin .mch-cb-cell{ text-align:center; white-space:nowrap; }
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn{
  display:inline-grid; place-items:center; width:28px; height:28px; padding:0;
  border:1px solid var(--tr-line); border-radius:8px; background:#fff; color:var(--tr-purple);
  cursor:pointer; transition:.12s;
}
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn:hover{ border-color:var(--tr-purple); background:var(--tr-purple-soft); }
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn:disabled{ cursor:default; opacity:.85; }
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn.is-loading svg{ animation:mch-cb-spin .8s linear infinite; }
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn.is-ok{ color:#12a06a; border-color:rgba(18,160,106,.4); background:rgba(18,160,106,.08); }
html[data-console="merchant"] body.tr-app--admin .mch-cb-btn.is-err{ color:#e5484d; border-color:rgba(229,72,77,.4); background:rgba(229,72,77,.08); }
@keyframes mch-cb-spin{ to{ transform:rotate(360deg); } }