/* [2026-06-29][settlements] Боевой стиль портала — Copper + Manrope (БЕЗ serif). Шрифт self-hosted (без Google). */
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url('/static/fonts/manr-cyr-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url('/static/fonts/manr-lat-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122;}
@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url('/static/fonts/manr-cyr-500.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url('/static/fonts/manr-lat-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122;}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url('/static/fonts/manr-cyr-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url('/static/fonts/manr-lat-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122;}
:root{
  --bg:#F7F3EE; --surface:#FFFFFF; --surface2:#F0EBE3; --border:#E4DDD4; --border-strong:#C9BFB3;
  --text:#2C2420; --text2:#6B5E54; --muted:#9C8E82; --accent:#B87333; --accent-hover:#A36429;
  --accent-light:rgba(184,115,51,.12); --on-accent:#fff;
  --success:#6B8F71; --success-bg:#EDF3EE; --warning:#C4912A; --warning-bg:#FBF3E4; --error:#B85C5C; --error-bg:#F9EDEC;
  /* [2026-07-07][CLX][settlements] тинт РАСКРЫТЫХ групп колонок (MA_GroupTint): два чередующихся
     оттенка, чтобы соседние раскрытые группы (Переплаты/Реферальное/Баллы завода) не сливались.
     A = тёплый (медь), B = прохладный (зелёный) — из токенов Copper, подмешаны к белому. */
  --ma-gt-a-header:color-mix(in srgb, var(--accent) 14%, var(--surface)); --ma-gt-a-cell:color-mix(in srgb, var(--accent) 7%, var(--surface));
  --ma-gt-b-header:color-mix(in srgb, var(--success) 17%, var(--surface)); --ma-gt-b-cell:color-mix(in srgb, var(--success) 8%, var(--surface));
  --sidebar-bg:#2C2420; --sidebar-hover:#3A322C; --sidebar-text:rgba(250,247,244,.65); --sidebar-text-hover:#FAF7F4;
  --font-ui:'Manrope',-apple-system,'Segoe UI',Roboto,sans-serif;
  --radius:10px; --radius-sm:6px;
  /* [2026-07-02][CLX][settlements] «Записка водителю» — палитра печатной записки в стиле Caldo.
     ЗНАЧЕНИЯ живут ЗДЕСЬ (portal.css); шаблон driver_note.html использует только var(--caldo-*). */
  --caldo-ink:#1f1f1f; --caldo-red:#D32F2F; --caldo-paper:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.45;display:flex;min-height:100vh}
h1,h2,h3{font-family:var(--font-ui)} /* НИКАКОГО serif */
a{color:var(--accent);text-decoration:none}
.side{width:230px;background:var(--sidebar-bg);color:var(--sidebar-text);flex-shrink:0;display:flex;flex-direction:column;padding:18px 0}
.brand{padding:6px 16px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.brand img{max-width:172px;height:auto;display:inline-block}
.brand-sep{display:block;width:96px;height:1px;margin:11px auto 0;background:rgba(255,255,255,.16)}
.brand small{display:block;margin-top:8px;color:var(--sidebar-text);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.nav-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.side-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 20px 2px}
.su-name{color:var(--sidebar-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.su-logout{color:var(--muted);font-size:12.5px;flex:0 0 auto;text-decoration:none}
.su-logout:hover{color:var(--sidebar-text-hover)}
.nav-badge{display:inline-block;min-width:17px;height:17px;line-height:17px;padding:0 5px;margin-left:6px;background:var(--accent);color:#fff;border-radius:9999px;font-size:10px;font-weight:700;text-align:center}
/* список файлов (файлообменник) */
.flist{display:flex;flex-direction:column;margin-top:4px}
.frow{display:flex;align-items:center;gap:14px;padding:11px 8px;border-bottom:1px solid var(--border);border-radius:var(--radius-sm)}
.frow:last-child{border-bottom:0}
.frow:hover{background:var(--accent-light)}
.frow.is-new{background:rgba(184,115,51,.06)}
.fic{flex:0 0 auto;width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em}
.fic.pdf{background:#B85C5C}
.fic.xls{background:#6B8F71}
.finfo{flex:1;min-width:0}
.fname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmeta{color:var(--text2);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fact{flex:0 0 auto;display:flex;gap:8px}
.nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);text-decoration:none;font-size:13.5px;cursor:pointer}
.nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}
.nav a.on{color:#fff;border-left:3px solid var(--accent);background:var(--sidebar-hover);padding-left:17px}
.nav .grp{padding:14px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
/* [2026-07-01][CLX][settlements] inline-SVG иконки (Lucide, currentColor — наследуют цвет текста) */
.ic{flex:0 0 auto;display:inline-block;vertical-align:middle}
.nav a .ic{width:18px;height:18px}
.nav .nav-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-ic{display:inline-flex;align-items:center;gap:7px}
.btn-ic .ic{width:16px;height:16px}
.page-hd-title .ic{color:var(--accent)} /* акцент-иконка в заголовке страницы */
/* [2026-07-01][CLX][settlements] цветовые helper-классы для inline-SVG (currentColor наследует цвет) */
.warn-ic{color:var(--warning)} .warn-ic svg{vertical-align:-2px}
.ok-ic{color:var(--success)} .ok-ic svg{vertical-align:-2px}

/* [2026-07-01][CLX][settlements] Сворачиваемый сайдбар: кнопка + свёрнутый icon-rail (60px). */
.side{transition:width .18s ease}
.side-collapse{margin-top:6px;display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;border:0;background:none;color:var(--sidebar-text);font-family:var(--font-ui);font-size:13px;cursor:pointer;text-align:left;border-top:1px solid rgba(255,255,255,.08)}
.side-collapse:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}
.side-collapse .ic{width:18px;height:18px}
.side-collapse .sc-ic-expand{display:none}
/* Свёрнутое состояние (icon-rail ~60px): только иконки по центру, текст скрыт */
.side.collapsed{width:60px}
.side.collapsed .brand{padding:6px 6px 12px}
.side.collapsed .brand img{max-width:40px}
.side.collapsed .brand small,
.side.collapsed .brand-sep{display:none}
.side.collapsed .nav a{justify-content:center;gap:0;padding:10px 0}
.side.collapsed .nav a.on{border-left-width:0;padding:10px 0}
.side.collapsed .nav-lbl,
.side.collapsed .nav .grp,
.side.collapsed .side-user,
.side.collapsed .side-collapse .nav-lbl{display:none}
.side.collapsed .nav-badge{position:absolute;margin-left:26px;margin-top:-14px} /* бейдж поверх иконки */
.side.collapsed .nav a{position:relative}
.side.collapsed .side-collapse{justify-content:center;gap:0;padding:10px 0}
.side.collapsed .side-collapse .sc-ic-collapse{display:none}
.side.collapsed .side-collapse .sc-ic-expand{display:inline-block}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.top{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 26px;display:flex;align-items:center;justify-content:space-between}
.top h1{font-weight:600;font-size:22px;margin:0}
.wrap{padding:24px 26px;overflow:auto}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}
.card h2{font-weight:600;font-size:18px;margin:0 0 4px}
.sub{color:var(--text2);font-size:12.5px;margin:0 0 14px}
table.data{width:100%;border-collapse:collapse;font-size:13px}
table.data thead th{background:var(--surface2);text-align:left;font-weight:600;color:var(--text2);padding:8px 10px;height:32px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px}
table.data tbody td{padding:0 10px;height:34px;border-bottom:1px solid var(--border);white-space:nowrap}
table.data tbody tr:hover{background:var(--accent-light);cursor:pointer}
.num{text-align:right;font-variant-numeric:tabular-nums}
.mut{color:var(--muted)} .locked{color:var(--muted);font-style:italic;font-size:12px}
/* [2026-07-06][CLX][settlements] line-height/vertical-align пинят высоту пилюли: без них чип
   в ячейке AG-Grid наследует высокий line-height ряда → box вытягивается, radius:9999px даёт «яйцо» */
.chip{display:inline-block;padding:2px 9px;border-radius:9999px;font-size:11.5px;font-weight:600;line-height:1.45;vertical-align:middle}
.c-ok{background:var(--success-bg);color:var(--success)} .c-warn{background:var(--warning-bg);color:var(--warning)}
.c-new{background:var(--accent-light);color:var(--accent-hover)} .c-err{background:var(--error-bg);color:var(--error)}
.fav-ak{color:var(--success);font-weight:600} .fav-sup{color:var(--accent-hover);font-weight:600}
.btn{border:0;background:var(--accent);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:13px;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer}
.btn.ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}
.btn:hover{background:var(--accent-hover)} .btn.ghost:hover{background:var(--surface2)}
/* [2026-07-01][CLX][settlements] кнопка с inline-SVG-иконкой + подписью (замена эмодзи) */
.btn.btn-ic{display:inline-flex;align-items:center;gap:7px}
.btn.btn-ic svg{flex:0 0 auto;display:block}
.note{font-size:12px;color:var(--text2);background:var(--warning-bg);border:1px solid #EBD9B0;border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:14px}
.kpi{background:var(--surface2);border-radius:var(--radius);padding:14px 16px}
.kpi .l{font-size:12px;color:var(--text2)} .kpi .v{font-size:22px;font-weight:700;margin-top:3px}
/* auth */
.auth{max-width:380px;margin:9vh auto;width:100%}
.auth .logo{text-align:center;margin-bottom:7px}
.auth .logo img{max-width:210px}
.auth .logo-tag{text-align:center;margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text2)}
.auth .card{padding:26px}
.auth label{font-size:12.5px;color:var(--text2)}
.auth input{width:100%;padding:11px 12px;margin:6px 0 14px;background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);font-size:15px;font-family:var(--font-ui)}
.auth button{width:100%;padding:11px;background:var(--accent);color:#fff;border:0;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer}
.auth button:hover{background:var(--accent-hover)}
.flash{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:13px}
.foot{color:var(--muted);font-size:12px;text-align:center;margin-top:20px}

/* ===== Эталон табличной страницы (концепт Marketplace Assist) =====
   [2026-06-30][settlements] Шапка раздела ЗАКРЕПЛЕНА сверху (название + описание +
   зона под сводные/переключатели), таблица — во всю ширину рабочей зоны, скроллится
   только её ТЕЛО (не документ). Источник-эталон: ma/page-shell.css (.biz-panel/.shell-*).
   На эту раскладку переводим остальные табличные экраны портала. */
body.shell-fixed{height:100vh;overflow:hidden} /* документ не скроллит — скроллит тело таблицы */
.page-hd{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 26px 11px;flex-shrink:0}
.page-hd-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.page-hd-title{font-size:20px;font-weight:600;margin:0;display:inline-flex;align-items:center;gap:9px}
.page-hd-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.page-hd-divider{height:1px;background:var(--border);margin:12px -26px 11px} /* full-bleed: −26px = горизонт. padding шапки */
/* [2026-07-07][CLX][settlements] описание раздела — во всю ширину рабочей зоны
   (растягивается и подстраивается под ширину страницы; решение владельца, было 120ch) */
.page-hd-desc{color:var(--text2);font-size:12.5px;margin:0;max-width:none}
/* зона сводных элементов раздела (метрики сейчас, переключатели — на будущее). Инлайн, НЕ плитки */
.page-stat{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;margin-top:11px}
.page-stat:empty{display:none}
/* [2026-07-07][CLX][settlements] «Сальдо в пользу» + «Сальдо (всего)» одной строкой:
   тумблер, аккуратная вертикальная черта, затем крупное сальдо и плитки-разбивка.
   Компактнее по вертикали (было два ряда). На узком экране — перенос сам (flex-wrap). */
.page-stat-line{margin-top:10px;gap:6px 12px}
.stat-vsep{width:1px;align-self:stretch;min-height:20px;background:var(--border-strong);flex:0 0 auto;margin:0 2px} /* вертикальный разделитель */
.page-stat-inline{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px 12px} /* контейнер «Сальдо (всего)» + плитки */
.stat{display:inline-flex;align-items:baseline;gap:6px}
.stat .l{font-size:12px;color:var(--text2)}
.stat .v{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.stat .v.pos{color:var(--success)} .stat .v.neg{color:var(--accent-hover)}
.stat-dot{color:var(--border-strong);user-select:none}
/* [2026-06-30][CLX][settlements] компактный сегментированный переключатель «Сальдо в пользу»
   (Арт-Комфорт / Поставщик) — токены Copper, активная кнопка = заливка accent */
.seg-wrap{display:inline-flex;align-items:center;gap:9px}
.seg-wrap .seg-lbl{font-size:12px;color:var(--text2)}
.seg{display:inline-flex;background:var(--surface2);border:1px solid var(--border);border-radius:9999px;padding:2px}
.seg-btn{border:0;background:transparent;color:var(--text2);font-family:var(--font-ui);font-weight:600;font-size:12px;line-height:1;padding:5px 12px;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}
.seg-btn:hover{color:var(--text)}
.seg-btn.on{background:var(--accent);color:var(--on-accent)}
.seg-btn.on:hover{background:var(--accent);color:var(--on-accent)}
/* зона таблицы — во всю ширину рабочей зоны (full-bleed, прижата к сайдбару и краю окна);
   грид тянется на всё оставшееся место и скроллит ВНУТРИ себя */
.page-grid-wrap{flex:1;min-height:0;padding:0;display:flex;flex-direction:column}
.page-grid-wrap .ag-theme-quartz{flex:1;min-height:0;width:100%;border-left:0;border-right:0}

/* [2026-06-30][CLX][settlements] Заказы: тулбар + массовые действия (токены Copper) */
/* тулбар над таблицей: поиск + чипы-фильтр + экспорт. Не скроллит — над телом грида */
.tbl-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 26px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}
.tbl-toolbar-spacer{flex:1 1 auto;min-width:0} /* отжимает экспорт к правому краю */
.tbl-search{width:260px;max-width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui);font-size:13px}
.tbl-search::placeholder{color:var(--muted)}
.tbl-search:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}
/* [2026-07-03][CLX][settlements] быстрый фильтр-селект в тулбаре (Поставщик) + тонкий вертикальный разделитель */
.tbl-selfilter{display:inline-flex;align-items:center;gap:7px}
.tbl-selfilter__lbl{font-size:12px;font-weight:600;color:var(--text2);white-space:nowrap}
.tbl-select{padding:7px 10px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui);font-size:13px;cursor:pointer;max-width:180px}
.tbl-select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}
.tbl-divider{width:1px;align-self:stretch;min-height:22px;background:var(--border-strong);margin:0 2px}
/* чипы-фильтр (pill); активный = заливка accent */
.chip-group{display:inline-flex;flex-wrap:wrap;gap:6px}
.chip-filter{border:1px solid var(--border-strong);background:var(--surface);color:var(--text2);font-family:var(--font-ui);font-weight:600;font-size:12px;line-height:1;padding:6px 13px;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}
.chip-filter:hover{color:var(--text);border-color:var(--accent)}
.chip-filter.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.chip-filter.on:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
/* бар массовых действий — sticky под тулбаром; скрыт по умолчанию через [hidden] */
.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:9px 26px;background:var(--accent-light);border-bottom:1px solid var(--border);flex-shrink:0}
.bulk-bar[hidden]{display:none}
.bulk-count{font-size:13px;color:var(--text2)}
.bulk-count b{color:var(--accent-hover);font-weight:700;font-variant-numeric:tabular-nums}
.bulk-actions{display:inline-flex;flex-wrap:wrap;gap:8px}
.bulk-actions .btn{padding:7px 13px;font-size:12.5px} /* компактнее обычной .btn для бара действий */

/* [2026-06-30][CLX][settlements] УТИЛИТАРНЫЕ КЛАССЫ — замена inline style="" в шаблонах.
   Один источник правды вместо разбросанных литералов в разметке (см. design-lint). */
.hidden{display:none}                                  /* скрыть элемент (был style="display:none") */
.stat-mt{margin-top:9px}                                /* зона сводных, второй ряд (тумблер) */
.h2-tight{margin:0 0 2px}                               /* заголовок карточки без лишнего отступа */
.h2-snug{margin:0 0 4px}                                /* заголовок карточки с малым зазором снизу */
.h2-gap{margin:0 0 8px}                                 /* заголовок карточки с обычным зазором снизу */
.sub-flat{margin:0}                                     /* .sub без верх/низ отступов */
.sub-mt{margin:10px 0 0}                                /* .sub с отступом сверху */
.hd-meta{font-size:15px;font-weight:400}                /* доп. подпись в .page-hd-title (менеджер) */
.fav-lg{font-size:18px}                                 /* крупная строка баланса в кабинете поставщика */
.empty-pad{text-align:center;padding:34px 0}            /* центр-заглушка в карточке (нет данных) */
.empty-fill{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:42px 26px} /* заглушка во весь грид-врап */
.auth-wide{max-width:520px}                             /* широкая auth-колонка (форма загрузки счёта) */
.btn-block{width:100%;margin-top:14px}                  /* кнопка во всю ширину формы */

/* [2026-07-01][CLX][settlements] УПРАВЛЕНИЕ ТАБЛИЦЕЙ «Заказы» (перенос механики
   Marketplace Assist на AG-Grid): тулбар-кнопки с inline-SVG, конструктор колонок,
   полноэкранный режим, edge-hover скролл. Токены Copper (portal.css :root). */

/* группа иконочных кнопок в тулбаре — прижата к экспорту справа */
.tbl-tools{display:inline-flex;align-items:center;gap:6px}
/* иконочная кнопка тулбара: SVG (currentColor) + подпись. Ghost-стиль как .btn.ghost */
.tbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:12.5px;line-height:1;padding:7px 11px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}
.tbtn:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent-hover)}
.tbtn svg{flex:0 0 auto;display:block}
.tbtn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.tbtn[aria-pressed="true"]:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.tbtn-lbl{display:inline}

/* иконка в заголовке/ячейке AG-Grid (чат) — центрируем SVG, приглушаем */
.pg-hd-ic{display:inline-flex;align-items:center;justify-content:center;width:100%;color:var(--muted)}
.pg-cell-ic{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.pg-cell-ic svg{display:block}

/* конструктор колонок — плавающая панель у кнопки «Колонки» (fixed, вне overflow тулбара) */
.pg-colpanel{position:fixed;z-index:1000;width:260px;max-height:70vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 10px 30px rgba(44,36,32,.18)}
.pg-colpanel__head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border)}
.pg-colpanel__title{font-weight:600;font-size:13.5px;color:var(--text)}
.pg-colpanel__close{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px;display:inline-flex;border-radius:var(--radius-sm)}
.pg-colpanel__close:hover{color:var(--text);background:var(--surface2)}
.pg-colpanel__list{overflow-y:auto;padding:6px 6px 10px}
/* строка колонки: рукоятка + чекбокс + имя. Перетаскивается (draggable) для reorder */
.pg-colrow{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm);cursor:grab;user-select:none}
.pg-colrow:hover{background:var(--accent-light)}
.pg-colrow.is-dragging{opacity:.5}
.pg-colrow.is-drop{box-shadow:inset 0 2px 0 var(--accent)}
.pg-colrow__grip{flex:0 0 auto;display:inline-flex;color:var(--muted)}
.pg-colrow__grip svg{display:block}
.pg-colrow__cb{flex:0 0 auto;accent-color:var(--accent);cursor:pointer}
.pg-colrow__label{flex:1;min-width:0;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}

/* полноэкранный режим таблицы: прячем сайдбар и шапку, грид на весь вьюпорт */
body.pg-fullscreen .side{display:none}
body.pg-fullscreen .page-hd{display:none}
body.pg-fullscreen .main{height:100vh}

/* Σ-строка итогов внизу (pinnedBottomRow) — акцент фоном + tabular-nums */
.ag-theme-quartz .ag-floating-bottom{font-weight:600}
.ag-theme-quartz .ag-floating-bottom .ag-cell{background:var(--surface2)}

/* [2026-07-07][CLX][settlements] ПОДСВЕТКА ВЫДЕЛЕННОГО ДИАПАЗОНА ЯЧЕЕК (движок portal-grid.js
   _rangeCopy): тянешь мышью прямоугольник → Ctrl+C копирует в Excel. Мягкая заливка-акцент
   + рамка-акцент, чтобы блок читался как выделение. Токены Copper, без литералов-цветов. */
.ag-theme-quartz .ag-cell.pg-cell-sel{background:var(--accent-light);box-shadow:inset 0 0 0 1px var(--accent)}

/* [2026-07-01][CLX][settlements] РАСКРЫТИЕ СТРОКИ «Заказы» (партия 23) —
   ведущая иконка-«шеврон» + инлайн карточка-ЗАГЛУШКА под тулбаром. */
/* иконка-«шеврон» раскрытия в ячейке: muted, при hover строки — accent */
.pg-expand-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:color .12s,transform .12s}
.pg-expand-btn svg{display:block}
.ag-theme-quartz .ag-row-hover .pg-expand-btn{color:var(--accent-hover)}
/* инлайн карточка-заглушка раскрытия строки — над телом грида, часть фикс-шелла (не скроллит) */
.order-detail{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 26px 14px}
.order-detail[hidden]{display:none}
.order-detail__hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-detail__title{font-size:14px;font-weight:600;color:var(--text)}
.order-detail__close{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px;display:inline-flex;border-radius:var(--radius-sm)}
.order-detail__close:hover{color:var(--text);background:var(--surface2)}
.order-detail__body{margin-top:8px;color:var(--text2);font-size:12.5px;background:var(--surface2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:14px 16px;text-align:center}

/* [2026-07-02][CLX][settlements] МОБАЙЛ: на узких экранах (телефон, PWA-вид «К оплате»)
   сайдбар → icon-rail (60px), иначе фикс-230px давит контент. Зеркалит .side.collapsed,
   но по media-query (не зависит от тумблера). Шапка/тулбар — уже боковой инсет для узких. */
@media (max-width:720px){
  .side{width:60px}
  .side .brand{padding:6px 6px 12px}
  .side .brand img{max-width:40px}
  .side .brand small,.side .brand-sep,
  .side .nav-lbl,.side .nav .grp,.side .side-user,
  .side .side-collapse .nav-lbl{display:none}
  .side .nav a{justify-content:center;gap:0;padding:10px 0;position:relative}
  .side .nav a.on{border-left-width:0;padding:10px 0}
  .side .nav-badge{position:absolute;margin-left:26px;margin-top:-14px}
  .side .side-collapse{justify-content:center;gap:0;padding:10px 0}
  .page-hd,.tbl-toolbar,.bulk-bar{padding-left:14px;padding-right:14px}
  .page-hd-divider{margin-left:-14px;margin-right:-14px}
}