/*
 * WR Кабинет продавца: новый вид — компоненты и экраны.
 *
 * Перенесено из утверждённых макетов этапа 1 (WinRace_Кабинет_продавца_макеты.html).
 * Все правила — внутри body.wrv и с явными значениями: на странице по-прежнему загружены
 * стили админки (Bootstrap 2), и глобальные правила для h1, ul, a, table не должны их перебивать.
 */

/* Атрибут hidden сильнее любых display у компонентов (кнопки, поля, панели) */
.wrv [hidden] { display: none !important; }

/* ---------- Типографика экрана ---------- */
.wrv .wrv-page { display: grid; gap: 18px; min-width: 0; }
.wrv .wrv-page-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; }
.wrv .wrv-h1 { margin: 0; padding: 0; color: var(--wrv-ink); font: 600 30px/1.15 var(--wrv-f-display); letter-spacing: -.01em; }
.wrv .wrv-h1__sub { margin-left: 12px; color: var(--wrv-ink-2); font: 400 15px/1.3 var(--wrv-f-text); letter-spacing: 0; }
.wrv .wrv-state { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--wrv-surface); color: var(--wrv-ink-2); font: 13.5px/1.3 var(--wrv-f-text); }
.wrv .wrv-muted { color: var(--wrv-ink-2); }

/* В старых стилях кабинета (styles.css winrace_vendor в общей сборке) заголовкам заданы размеры
   с !important: h1 35px, h2 30px, h3 25px. Перебить их можно только тоже !important —
   при равной «важности» побеждает наш более точный селектор. Действует только на классы модуля. */
.wrv .wrv-h1 { font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; font-family: var(--wrv-f-display) !important; }
.wrv .wrv-card__title { font-size: 17px !important; font-weight: 600 !important; line-height: 1.3 !important; font-family: var(--wrv-f-display) !important; }
.wrv .wrv-now-group__title { font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; font-family: var(--wrv-f-text) !important; }

/* ---------- Карточки ---------- */
.wrv .wrv-card { display: grid; gap: 14px; align-content: start; min-width: 0; padding: 20px 22px; background: var(--wrv-surface); border-radius: 16px; box-sizing: border-box; color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-card__head { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; }
.wrv .wrv-card__title { margin: 0; padding: 0; color: var(--wrv-ink); font: 600 17px/1.3 var(--wrv-f-display); }
.wrv .wrv-card__title small { margin-left: 6px; color: var(--wrv-ink-2); font: 400 14px/1.3 var(--wrv-f-text); }
.wrv .wrv-link { display: inline-flex; align-items: center; gap: 4px; margin: 0; padding: 0; border: 0; background: none; color: var(--wrv-action); font: 500 14px/1.3 var(--wrv-f-text); text-decoration: none; cursor: pointer; box-shadow: none; }
.wrv .wrv-link:hover { color: var(--wrv-action-hover); text-decoration: underline; }
.wrv .wrv-link .wrv-i { width: 16px; height: 16px; }

/* ---------- Переключатель периода ---------- */
.wrv .wrv-seg { display: inline-flex; padding: 3px; border-radius: 10px; background: var(--wrv-ground); }
.wrv .wrv-seg button { margin: 0; padding: 6px 12px; border: 0; border-radius: 8px; background: none; color: var(--wrv-ink-2); font: 13px/1.2 var(--wrv-f-text); cursor: pointer; box-shadow: none; text-shadow: none; }
.wrv .wrv-seg button[aria-pressed="true"] { background: var(--wrv-surface); color: var(--wrv-ink); box-shadow: 0 1px 2px rgba(41, 41, 48, .1); }

/* ---------- График продаж ---------- */
body.wrv { --wrv-series-1: #349141; --wrv-series-2: #2A78D6; }
.wrv .wrv-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-legend span { display: inline-flex; align-items: center; gap: 8px; }
.wrv .wrv-sw-o, .wrv .wrv-sw-d { display: inline-block; flex: none; width: 12px; height: 3px; border-radius: 2px; }
.wrv .wrv-sw-o { background: var(--wrv-series-1); }
.wrv .wrv-sw-d { background: var(--wrv-series-2); }
.wrv .wrv-chart { position: relative; height: 260px; }
.wrv .wrv-chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.wrv .wrv-chart .c-grid { stroke: var(--wrv-line-2); stroke-width: 1; }
.wrv .wrv-chart .c-base { stroke: var(--wrv-line); stroke-width: 1; }
.wrv .wrv-chart .c-t { fill: var(--wrv-ink-3); font: 11px var(--wrv-f-text); }
.wrv .wrv-chart .c-area { fill: var(--wrv-series-1); fill-opacity: .09; stroke: none; }
.wrv .wrv-chart .c-o, .wrv .wrv-chart .c-d { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.wrv .wrv-chart .c-o { stroke: var(--wrv-series-1); }
.wrv .wrv-chart .c-d { stroke: var(--wrv-series-2); }
.wrv .wrv-chart .c-dot { stroke: var(--wrv-surface); stroke-width: 2; }
.wrv .wrv-chart .c-dot.o { fill: var(--wrv-series-1); }
.wrv .wrv-chart .c-dot.d { fill: var(--wrv-series-2); }
.wrv .wrv-chart .c-lbl { fill: var(--wrv-ink-2); font: 500 12px var(--wrv-f-text); }
.wrv .wrv-chart .c-guide { stroke: var(--wrv-ink-3); stroke-width: 1; stroke-dasharray: 3 3; }
.wrv .wrv-chart .c-hit { fill: transparent; cursor: crosshair; }
.wrv .wrv-chart__empty { display: grid; place-items: center; align-content: center; gap: 4px; height: 100%; box-sizing: border-box; padding: 16px; border-radius: 12px; background: var(--wrv-ground); color: var(--wrv-ink-2); text-align: center; font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-chart__empty b { color: var(--wrv-ink); font: 600 15px/1.3 var(--wrv-f-display); }
.wrv .wrv-tip { position: absolute; top: 8px; z-index: 2; display: grid; gap: 3px; min-width: 170px; padding: 8px 12px; border-radius: 10px; background: var(--wrv-surface); box-shadow: 0 8px 24px rgba(41, 41, 48, .16); font: 12.5px/1.4 var(--wrv-f-text); pointer-events: none; }
.wrv .wrv-tip[hidden] { display: none; }
.wrv .wrv-tip b { color: var(--wrv-ink); font-weight: 500; }
.wrv .wrv-tip div { display: flex; align-items: center; gap: 8px; color: var(--wrv-ink-2); }
.wrv .wrv-tip div span:last-child { margin-left: auto; color: var(--wrv-ink); font-weight: 500; font-variant-numeric: tabular-nums; }
.wrv .wrv-figures { display: flex; flex-wrap: wrap; gap: 14px 36px; padding-top: 14px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-fig { display: grid; gap: 2px; }
.wrv .wrv-fig__k { display: flex; align-items: center; gap: 8px; color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-fig__v { color: var(--wrv-ink); font: 600 24px/1.2 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-fig__v small { margin-left: 6px; color: var(--wrv-ink-2); font: 400 14px/1.2 var(--wrv-f-text); }
.wrv .wrv-tview summary { width: max-content; color: var(--wrv-ink-2); font: 13px/1.4 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-tview summary:hover { color: var(--wrv-ink); }
.wrv .wrv-tview__scroll { max-height: 240px; margin-top: 10px; overflow: auto; }
.wrv .wrv-mini { border-collapse: collapse; margin: 0; background: none; font: 12.5px/1.4 var(--wrv-f-text); font-variant-numeric: tabular-nums; }
.wrv .wrv-mini th, .wrv .wrv-mini td { padding: 5px 12px; border: 0; border-bottom: 1px solid var(--wrv-line-2); text-align: right; white-space: nowrap; }
.wrv .wrv-mini th:first-child, .wrv .wrv-mini td:first-child { text-align: left; }
.wrv .wrv-mini th { position: sticky; top: 0; background: var(--wrv-surface); color: var(--wrv-ink-2); font-weight: 500; }

/* ---------- Баланс ---------- */
.wrv .wrv-big { color: var(--wrv-ink); font: 600 34px/1.1 var(--wrv-f-display); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.wrv .wrv-big.is-negative { color: #B8373A; }
.wrv .wrv-big-sub { margin-top: 2px; color: var(--wrv-ink-2); font: 13px/1.4 var(--wrv-f-text); }
.wrv .wrv-payout { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-payout__k { color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-payout__d { color: var(--wrv-ink); font: 500 14px/1.4 var(--wrv-f-text); }
.wrv .wrv-payout__v { color: var(--wrv-ink); font: 600 20px/1.2 var(--wrv-f-display); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- Задачи ---------- */
.wrv .wrv-tasks { display: grid; margin: 0; padding: 0; list-style: none; }
.wrv .wrv-tasks li { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-tasks li:first-child { border-top: 0; }
.wrv .wrv-task { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 0; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-task:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-task:hover .wrv-task__title { color: var(--wrv-action); }
.wrv .wrv-task__icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--wrv-ground); color: var(--wrv-ink-2); }
.wrv .wrv-task__icon .wrv-i { width: 17px; height: 17px; }
.wrv .wrv-task.is-urgent .wrv-task__icon { background: #FFF3DA; color: #9A5B00; }
.wrv .wrv-task__text { display: grid; gap: 1px; min-width: 0; }
.wrv .wrv-task__title { font: 500 14px/1.35 var(--wrv-f-text); }
.wrv .wrv-task__sub { color: var(--wrv-ink-2); font: 12.5px/1.35 var(--wrv-f-text); }
.wrv .wrv-task.is-urgent .wrv-task__sub { color: #9A5B00; }
.wrv .wrv-count { min-width: 28px; height: 24px; padding: 0 8px; border-radius: 8px; background: var(--wrv-ground); color: var(--wrv-ink); font: 600 13px/24px var(--wrv-f-text); text-align: center; font-variant-numeric: tabular-nums; box-sizing: border-box; }
.wrv .wrv-tasks-empty { display: grid; gap: 4px; padding: 18px 0 6px; color: var(--wrv-ink-2); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-tasks-empty b { color: var(--wrv-ink); font: 600 15px/1.3 var(--wrv-f-display); }
.wrv .wrv-tasks-scroll { flex: 1 1 auto; min-height: 0; margin-inline: -6px; padding-inline: 6px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #C9D2CC transparent;
    background: linear-gradient(var(--wrv-surface) 30%, rgba(255, 255, 255, 0)) top / 100% 28px no-repeat local,
                linear-gradient(rgba(255, 255, 255, 0), var(--wrv-surface) 70%) bottom / 100% 28px no-repeat local,
                radial-gradient(farthest-side at 50% 0, rgba(41, 41, 48, .14), rgba(41, 41, 48, 0)) top / 100% 10px no-repeat scroll,
                radial-gradient(farthest-side at 50% 100%, rgba(41, 41, 48, .14), rgba(41, 41, 48, 0)) bottom / 100% 10px no-repeat scroll; }

/* ---------- Сводные цифры ---------- */
.wrv .wrv-now-groups { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 0; }
.wrv .wrv-now-group { display: grid; align-content: start; gap: 6px; padding-right: 18px; }
.wrv .wrv-now-group + .wrv-now-group { padding-right: 0; padding-left: 18px; border-left: 1px solid var(--wrv-line-2); }
.wrv .wrv-now-group__title { margin: 0; padding-left: 12px; color: var(--wrv-ink-2); font: 500 13px/1.2 var(--wrv-f-text); }
.wrv .wrv-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 4px; }
.wrv .wrv-stat { display: grid; gap: 4px; padding: 10px 12px; border-radius: 12px; color: var(--wrv-ink); text-decoration: none; }
.wrv a.wrv-stat:hover { background: var(--wrv-ground); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-stat__k { display: flex; align-items: center; gap: 7px; color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-stat__k i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--wrv-dot, var(--wrv-ink-3)); }
.wrv .wrv-stat__v { font: 600 28px/1.1 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-stats--sm .wrv-stat__v { font-size: 22px; }
.wrv .wrv-stat.is-zero .wrv-stat__v { color: var(--wrv-ink-3); }

/* Тона статусов: точка + подложка, текст всегда основным цветом */
.wrv [data-tone="new"] { --wrv-dot: #6D55D8; --wrv-tint: #F1EEFC; }
.wrv [data-tone="pack"] { --wrv-dot: #D98A00; --wrv-tint: #FFF3DA; }
.wrv [data-tone="way"] { --wrv-dot: #4F6B85; --wrv-tint: #EAF0F5; }
.wrv [data-tone="pvz"] { --wrv-dot: #0E8A8A; --wrv-tint: #E1F3F2; }
.wrv [data-tone="done"] { --wrv-dot: #2E8540; --wrv-tint: #E5F3E8; }
.wrv [data-tone="cancel"] { --wrv-dot: #9AA0AA; --wrv-tint: #EFF1F3; }
.wrv [data-tone="return"] { --wrv-dot: #D64545; --wrv-tint: #FCEAEA; }
.wrv .wrv-pill { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--wrv-tint, #EFF1F3); color: var(--wrv-ink); font: 500 12.5px/1 var(--wrv-f-text); white-space: nowrap; box-sizing: border-box; }
.wrv .wrv-pill::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--wrv-dot, #9AA0AA); }

/* ---------- Шкала оценки ---------- */
.wrv .wrv-meter { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-meter__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.wrv .wrv-meter__row b { color: var(--wrv-ink); font: 600 18px/1.2 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-meter__row b small { color: var(--wrv-ink-2); font: 400 13px/1.2 var(--wrv-f-text); }
.wrv .wrv-track { position: relative; height: 6px; overflow: hidden; border-radius: 3px; background: var(--wrv-line-2); }
.wrv .wrv-track i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 3px; background: var(--wrv-action); }
.wrv .wrv-meter__note { color: var(--wrv-ink-2); font: 12.5px/1.45 var(--wrv-f-text); }

/* ---------- Последние заказы ---------- */
.wrv .wrv-recent { display: grid; }
.wrv .wrv-recent__row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--wrv-line-2); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-recent__row:first-child { border-top: 0; }
.wrv .wrv-recent__row:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-recent__row:hover .wrv-recent__id { color: var(--wrv-action); }
.wrv .wrv-recent__t { display: grid; min-width: 0; }
.wrv .wrv-recent__id { font: 600 14px/1.3 var(--wrv-f-display); }
.wrv .wrv-recent__p { overflow: hidden; color: var(--wrv-ink-2); font: 12.5px/1.4 var(--wrv-f-text); white-space: nowrap; text-overflow: ellipsis; }
.wrv .wrv-num { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.wrv .wrv-empty-line { padding: 14px 0 4px; color: var(--wrv-ink-2); font: 14px/1.5 var(--wrv-f-text); }

/* ---------- Сводка: раскладка ---------- */
/* Высоту верхнего ряда задаёт карточка «Продажи»: правая колонка своей высоты не навязывает,
   баланс — по содержимому, задачи занимают остаток и листаются внутри (правка по комментарию Анатолия). */
.wrv .wrv-home { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) minmax(310px, 380px); grid-template-areas: "sales side" "now now" "goods recent"; }
.wrv .wrv-home > .a-sales { grid-area: sales; }
.wrv .wrv-home > .a-side { grid-area: side; display: flex; flex-direction: column; gap: 16px; min-width: 0; contain: size; }
.wrv .wrv-home > .a-now { grid-area: now; }
.wrv .wrv-home > .a-goods { grid-area: goods; }
.wrv .wrv-home > .a-recent { grid-area: recent; }
.wrv .a-side > .a-balance { flex: none; }
.wrv .a-side > .a-tasks { display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; min-height: 0; }

@media (max-width: 1100px) {
    .wrv .wrv-home { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "sales sales" "side side" "now now" "goods recent"; }
    .wrv .wrv-home > .a-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; contain: none; }
    .wrv .a-side > .a-balance { display: flex; flex-direction: column; gap: 14px; }
    .wrv .a-side > .a-balance .wrv-payout { margin-top: auto; }
    .wrv .wrv-tasks-scroll { max-height: 300px; }
}
@media (max-width: 900px) {
    .wrv .wrv-now-groups { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .wrv .wrv-now-group + .wrv-now-group { padding-top: 12px; padding-left: 0; border-top: 1px solid var(--wrv-line-2); border-left: 0; }
}
@media (max-width: 767px) {
    .wrv .wrv-page { gap: 12px; }
    .wrv .wrv-h1 { font-size: 24px !important; }
    .wrv .wrv-h1__sub { display: block; margin: 4px 0 0; font-size: 13.5px; }
    .wrv .wrv-state { display: none; }
    .wrv .wrv-home { grid-template-columns: minmax(0, 1fr); grid-template-areas: "side" "sales" "now" "goods" "recent"; gap: 12px; }
    .wrv .wrv-home > .a-side { display: flex; flex-direction: column; gap: 12px; }
    .wrv .a-side > .a-tasks { order: -1; }
    .wrv .a-side > .a-balance .wrv-payout { margin-top: 0; }
    .wrv .wrv-tasks-scroll { max-height: none; margin-inline: 0; padding-inline: 0; overflow: visible; background: none; }
    .wrv .wrv-card { padding: 16px; }
    .wrv .wrv-big { font-size: 30px; }
    .wrv .wrv-stat__v { font-size: 24px; }
    .wrv .wrv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wrv .wrv-chart { height: 210px; }
    .wrv .wrv-figures { gap: 12px 24px; }
    .wrv .wrv-fig__v { font-size: 20px; }
}

/* =====================================================================
 * Списки: вкладки, фильтры, таблица → карточки на телефоне, панели действий
 * ===================================================================== */
.wrv .wrv-page-head .wrv-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wrv .wrv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; font: 500 14px/1 var(--wrv-f-text); text-decoration: none; white-space: nowrap; cursor: pointer; box-shadow: none; text-shadow: none; box-sizing: border-box; transition: background .15s, border-color .15s; }
.wrv .wrv-btn:hover { text-decoration: none; }
.wrv .wrv-btn .wrv-i { width: 18px; height: 18px; }
.wrv .wrv-btn--primary { background: var(--wrv-action); color: #fff; }
.wrv .wrv-btn--primary:hover, .wrv .wrv-btn--primary:focus { background: var(--wrv-action-hover); color: #fff; }
.wrv .wrv-btn--secondary { background: var(--wrv-surface); border-color: var(--wrv-line); color: var(--wrv-ink); }
.wrv .wrv-btn--secondary:hover { border-color: #C8D2CC; color: var(--wrv-ink); }
.wrv .wrv-btn--ghost { background: transparent; color: var(--wrv-ink-2); }
.wrv .wrv-btn--ghost:hover { background: var(--wrv-surface); color: var(--wrv-ink); }
.wrv .wrv-btn--danger { background: transparent; border-color: #F1CBCB; color: #B8373A; }
.wrv .wrv-btn--danger:hover { background: #FCEAEA; }
.wrv .wrv-btn--sm { height: 32px; padding: 0 12px; font-size: 13px; }
.wrv .wrv-btn[disabled] { opacity: .5; cursor: default; }

.wrv .wrv-list { position: relative; display: grid; min-width: 0; background: var(--wrv-surface); border-radius: 16px; }
.wrv .wrv-tabs { display: flex; gap: 2px; margin: 0; padding: 0 10px; overflow-x: auto; border-bottom: 1px solid var(--wrv-line); scrollbar-width: none; list-style: none; }
.wrv .wrv-tabs::-webkit-scrollbar { display: none; }
.wrv .wrv-tab { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; color: var(--wrv-ink-2); font: 500 14px/1 var(--wrv-f-display); text-decoration: none; white-space: nowrap; }
.wrv .wrv-tab:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-tab.is-active { color: var(--wrv-ink); }
.wrv .wrv-tab.is-active::after { content: ""; position: absolute; right: 12px; bottom: -1px; left: 12px; height: 2px; border-radius: 2px; background: var(--wrv-brand); }
.wrv .wrv-tab__n { padding: 3px 7px; border-radius: 999px; background: var(--wrv-ground); color: var(--wrv-ink-2); font: 500 12px/1 var(--wrv-f-text); font-variant-numeric: tabular-nums; }
.wrv .wrv-tab.is-active .wrv-tab__n { background: var(--wrv-brand-050); color: var(--wrv-action); }

.wrv .wrv-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 14px 16px; }
.wrv .wrv-field { display: flex; flex: 1 1 280px; align-items: center; gap: 8px; max-width: 420px; height: 38px; margin: 0; padding: 0 12px; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface); color: var(--wrv-ink-3); box-sizing: border-box; }
.wrv .wrv-field:focus-within { border-color: var(--wrv-brand); box-shadow: 0 0 0 3px var(--wrv-brand-100); }
.wrv .wrv-field .wrv-i { width: 18px; height: 18px; }
.wrv .wrv-field input, .wrv .wrv-field input:focus { flex: 1; min-width: 0; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: transparent; color: var(--wrv-ink); font: 14px/1.2 var(--wrv-f-text); }
.wrv .wrv-select { height: 38px; margin: 0; padding: 0 34px 0 12px; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236F6F83' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; color: var(--wrv-ink); font: 14px/1.2 var(--wrv-f-text); cursor: pointer; box-shadow: none; -webkit-appearance: none; appearance: none; width: auto; }
.wrv .wrv-select:focus { border-color: var(--wrv-brand); outline: 0; box-shadow: 0 0 0 3px var(--wrv-brand-100); }
.wrv .wrv-chip { display: inline-flex; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 12px; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface); color: var(--wrv-ink); font: 14px/1 var(--wrv-f-text); text-decoration: none; cursor: pointer; box-shadow: none; box-sizing: border-box; }
.wrv .wrv-chip:hover { border-color: #C8D2CC; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-chip.is-on { border-color: var(--wrv-brand); background: var(--wrv-brand-050); color: var(--wrv-action); }
.wrv .wrv-chip .wrv-i { width: 16px; height: 16px; }

.wrv .wrv-table-scroll { overflow-x: auto; }
.wrv table.wrv-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: none; font: 14px/1.45 var(--wrv-f-text); color: var(--wrv-ink); }
.wrv .wrv-table th { padding: 11px 14px; border: 0; border-top: 1px solid var(--wrv-line-2); border-bottom: 1px solid var(--wrv-line-2); background: #FAFBFA; color: var(--wrv-ink-2); font: 500 12.5px/1.2 var(--wrv-f-text); text-align: left; white-space: nowrap; }
.wrv .wrv-table th.wrv-num, .wrv .wrv-table td.wrv-num { text-align: right; }
.wrv .wrv-table th a { color: var(--wrv-ink-2); text-decoration: none; }
.wrv .wrv-table th a:hover { color: var(--wrv-ink); }
.wrv .wrv-table td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--wrv-line-2); background: none; vertical-align: middle; }
.wrv .wrv-table tbody tr:hover td { background: #FAFCFB; }
.wrv .wrv-table tr.is-selected td { background: var(--wrv-brand-050); }
.wrv .wrv-table tr.is-clickable { cursor: pointer; }
.wrv .wrv-cb { display: block; width: 18px; height: 18px; margin: 0; accent-color: var(--wrv-action); cursor: pointer; }
.wrv .wrv-prod { display: flex; align-items: center; gap: 12px; min-width: 0; }
.wrv .wrv-thumb { display: grid; flex: none; place-items: center; width: 44px; height: 44px; overflow: hidden; border-radius: 10px; background: var(--wrv-ground); color: #7F958A; }
.wrv .wrv-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.wrv .wrv-thumb .wrv-i { width: 22px; height: 22px; }
.wrv .wrv-prod__name { display: -webkit-box; overflow: hidden; max-width: 40ch; color: var(--wrv-ink); font-weight: 500; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
a.wrv-prod__name:hover { color: var(--wrv-action); text-decoration: none; }
.wrv .wrv-meta { color: var(--wrv-ink-2); font: 12.5px/1.4 var(--wrv-f-text); }
.wrv .wrv-oid { color: var(--wrv-ink); font: 600 14px/1.3 var(--wrv-f-display); text-decoration: none; white-space: nowrap; }
a.wrv-oid:hover { color: var(--wrv-action); text-decoration: none; }
.wrv .wrv-due { display: inline-flex; align-items: center; gap: 6px; color: var(--wrv-ink-2); font: 13px/1.35 var(--wrv-f-text); }
.wrv .wrv-due .wrv-i { width: 15px; height: 15px; }
.wrv .wrv-due.is-urgent { color: #9A5B00; font-weight: 500; }
.wrv .wrv-due.is-overdue { color: #B8373A; font-weight: 500; }
.wrv .wrv-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 12px 16px; color: var(--wrv-ink-2); font: 13px/1.4 var(--wrv-f-text); }
.wrv .wrv-foot b { color: var(--wrv-ink); font-weight: 500; font-variant-numeric: tabular-nums; }
.wrv .wrv-pages { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.wrv .wrv-pages a, .wrv .wrv-pages span { display: inline-grid; place-items: center; min-width: 32px; height: 32px; padding: 0 8px; border-radius: 8px; color: var(--wrv-ink); text-decoration: none; box-sizing: border-box; }
.wrv .wrv-pages a:hover { background: var(--wrv-ground); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-pages .is-current { background: var(--wrv-brand-050); color: var(--wrv-action); font-weight: 600; }
.wrv .wrv-empty { display: grid; gap: 6px; justify-items: center; padding: 40px 16px; color: var(--wrv-ink-2); text-align: center; font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-empty b { color: var(--wrv-ink); font: 600 16px/1.3 var(--wrv-f-display); }
.wrv .wrv-bar { position: sticky; bottom: calc(14px + var(--wrv-bp)); z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 14px 14px; padding: 10px 12px 10px 16px; border-radius: 12px; background: var(--wrv-ink); color: #fff; box-shadow: 0 12px 30px rgba(41, 41, 48, .25); font: 14px/1.3 var(--wrv-f-text); }
.wrv .wrv-bar[hidden] { display: none; }
.wrv .wrv-bar b { font-weight: 500; }
.wrv .wrv-bar__grow { flex: 1; }
.wrv .wrv-bar .wrv-btn--secondary { border-color: rgba(255, 255, 255, .28); background: transparent; color: #fff; }
.wrv .wrv-bar .wrv-btn--secondary:hover { border-color: rgba(255, 255, 255, .6); color: #fff; }
.wrv .wrv-bar .wrv-btn--primary { background: var(--wrv-brand); }
.wrv .wrv-c-lab { display: none; }
.wrv .wrv-score { display: grid; gap: 5px; width: 104px; }
.wrv .wrv-score__top { display: flex; align-items: baseline; gap: 6px; }
.wrv .wrv-score b { font: 600 16px/1 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-score small { color: var(--wrv-ink-2); font: 12px/1 var(--wrv-f-text); }
.wrv .wrv-score .wrv-track { height: 4px; }
.wrv .wrv-score[data-band="good"] .wrv-track i { background: #2E8540; }
.wrv .wrv-score[data-band="mid"] .wrv-track i { background: #D98A00; }
.wrv .wrv-score[data-band="low"] .wrv-track i { background: #D64545; }
.wrv .wrv-score[data-band="low"] small { color: #B8373A; }
.wrv .wrv-score[data-band="none"] b { color: var(--wrv-ink-3); }

@media (max-width: 767px) {
    .wrv .wrv-page-head .wrv-actions .wrv-btn--secondary { display: none; }
    .wrv .wrv-toolbar { padding: 12px; }
    .wrv .wrv-field { flex-basis: 100%; max-width: none; }
    .wrv .wrv-select, .wrv .wrv-chip { flex: 1 1 auto; }
    .wrv table.wrv-table--cards, .wrv .wrv-table--cards tbody { display: block; }
    .wrv .wrv-table--cards { min-width: 0 !important; }
    .wrv .wrv-table--cards thead { display: none; }
    .wrv .wrv-table--cards tbody tr { display: grid; gap: 8px 10px; align-items: center; padding: 14px 12px; border-bottom: 1px solid var(--wrv-line-2); }
    .wrv .wrv-table--cards td { display: block; padding: 0; border: 0; background: none !important; }
    .wrv .wrv-table--cards tbody tr:hover { background: #FAFCFB; }
    .wrv .wrv-table--cards tr.is-selected { background: var(--wrv-brand-050); }
    .wrv .wrv-c-lab { display: block; margin-bottom: 2px; color: var(--wrv-ink-2); font: 11.5px/1.2 var(--wrv-f-text); }
    .wrv .wrv-prod__name { max-width: none; }
    .wrv .wrv-bar { bottom: calc(84px + var(--wrv-bp)); margin: 0 10px 10px; }
}

/* ---------- Поля в строках, меню строки, панели внизу ---------- */
.wrv .wrv-input { height: 36px; margin: 0; padding: 0 10px; border: 1px solid var(--wrv-line); border-radius: 8px; background: var(--wrv-surface); color: var(--wrv-ink); font: 14px/1.2 var(--wrv-f-text); box-shadow: none; box-sizing: border-box; transition: border-color .15s, background .15s; }
.wrv .wrv-input:hover { border-color: #C8D2CC; }
.wrv .wrv-input:focus { border-color: var(--wrv-brand); outline: 0; box-shadow: 0 0 0 3px var(--wrv-brand-100); }
.wrv .wrv-input--num { width: 96px; text-align: right; font-variant-numeric: tabular-nums; }
.wrv .wrv-input.is-warn { color: #B8373A; }
.wrv .wrv-input.is-changed { border-color: var(--wrv-brand); background: var(--wrv-brand-050); }
.wrv .c-amount .wrv-input--num { width: 72px; }
.wrv .wrv-old-price { display: block; margin-top: 3px; color: var(--wrv-ink-3); font: 12px/1.2 var(--wrv-f-text); font-variant-numeric: tabular-nums; }
.wrv .wrv-reason { display: flex; align-items: flex-start; gap: 6px; margin-top: 4px; color: #B8373A; font: 12.5px/1.4 var(--wrv-f-text); }
.wrv .wrv-reason .wrv-i { width: 15px; height: 15px; margin-top: 1px; }
.wrv .wrv-prod__t { display: grid; gap: 2px; min-width: 0; }
.wrv .wrv-flip { transform: scaleX(-1); }
.wrv .wrv-icon--sm { width: 32px; height: 32px; border-radius: 8px; }
.wrv .wrv-icon--sm:hover, .wrv .wrv-dd.is-open .wrv-icon--sm { background: var(--wrv-ground); color: var(--wrv-ink); }
.wrv .wrv-pop--menu { width: 230px; padding: 6px; }
.wrv button.wrv-pop__link { width: 100%; margin: 0; border: 0; background: none; text-align: left; cursor: pointer; box-shadow: none; text-shadow: none; }
.wrv .wrv-pop__link.is-danger, .wrv .wrv-pop__link.is-danger .wrv-i { color: #B8373A; }
.wrv .wrv-pop__link.is-danger:hover { background: #FCEAEA; color: #B8373A; }
.wrv .wrv-pop__dot { display: grid; place-items: center; width: 18px; height: 18px; flex: none; }
.wrv .wrv-pop__dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--wrv-dot, #9AA0AA); }
/* Над нижней панелью CS-Cart («Витрина / Панель продавца»), если она показана */
.wrv .wrv-bars { position: sticky; bottom: calc(14px + var(--wrv-bp)); z-index: 5; display: grid; gap: 8px; margin: 0 14px; }
.wrv .wrv-bars:has(> .wrv-bar:not([hidden])) { margin-bottom: 14px; }
.wrv .wrv-bars .wrv-bar { position: static; margin: 0; }
.wrv .wrv-bar--save { background: #1F3B27; }
.wrv .wrv-bar__note { color: rgba(255, 255, 255, .7); font-size: 13px; }
.wrv .wrv-table tr.is-dirty td { background: #FBFDF9; }

/* ---------- Товары ---------- */
.wrv .wrv-ptable .c-cb { width: 22px; padding-right: 4px; }
.wrv .wrv-ptable .c-prod { min-width: 210px; }
.wrv .wrv-ptable .c-score { width: 110px; }
.wrv .wrv-ptable .c-price { width: 110px; }
.wrv .wrv-ptable .c-amount { width: 84px; }
.wrv .wrv-ptable .c-status { width: 1%; white-space: nowrap; }
.wrv .wrv-ptable .c-act { width: 40px; padding-left: 4px; text-align: right; }
.wrv .wrv-ptable .wrv-score { width: 100px; }
@media (max-width: 1100px) {
    .wrv .wrv-ptable th, .wrv .wrv-ptable td { padding-left: 10px; padding-right: 10px; }
    .wrv .wrv-bar__note { display: none; }
}
/* Вкладки категорий: разделы — «таблетки» в прокручиваемой полосе, подразделы выбранного раздела — строкой ниже */
.wrv .wrv-cats { display: grid; gap: 10px; min-width: 0; padding: 14px 16px 0; }
.wrv .wrv-cats__row { display: flex; align-items: center; gap: 8px; min-width: 0; }
.wrv .wrv-cats__scroll { position: relative; display: flex; flex: 1 1 auto; gap: 6px; min-width: 0; margin: 0; padding: 1px; overflow-x: auto; scrollbar-width: none; }
.wrv .wrv-cats__scroll::-webkit-scrollbar, .wrv .wrv-cats__sub::-webkit-scrollbar { display: none; }
.wrv .wrv-cat { display: inline-flex; flex: none; align-items: center; gap: 7px; height: 34px; padding: 0 13px; border: 1px solid var(--wrv-line); border-radius: 999px; background: var(--wrv-surface); color: var(--wrv-ink); font: 500 13.5px/1 var(--wrv-f-display); text-decoration: none; white-space: nowrap; box-sizing: border-box; }
.wrv .wrv-cat:hover { border-color: #C8D2CC; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-cat.is-active { border-color: var(--wrv-ink); background: var(--wrv-ink); color: #fff; }
.wrv .wrv-cat__n { color: var(--wrv-ink-3); font: 500 12px/1 var(--wrv-f-text); font-variant-numeric: tabular-nums; }
.wrv .wrv-cat.is-active .wrv-cat__n { color: rgba(255, 255, 255, .72); }
.wrv .wrv-cats__sub { position: relative; display: flex; gap: 4px; min-width: 0; margin: 0; padding: 0 1px; overflow-x: auto; scrollbar-width: none; }
.wrv .wrv-subcat { display: inline-flex; flex: none; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 8px; color: var(--wrv-ink-2); font: 13.5px/1 var(--wrv-f-text); text-decoration: none; white-space: nowrap; }
.wrv .wrv-subcat:hover { background: var(--wrv-ground); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-subcat.is-active { background: var(--wrv-brand-050); color: var(--wrv-action); font-weight: 500; }
.wrv .wrv-subcat.is-active .wrv-cat__n { color: var(--wrv-action); }
.wrv .wrv-cats__more { position: relative; flex: none; }
.wrv .wrv-cats__pop { right: 0; width: 320px; max-width: calc(100vw - 32px); padding: 10px; gap: 8px; }
.wrv .wrv-cats__find { flex: none; max-width: none; }
.wrv .wrv-cats__list { display: grid; max-height: min(420px, 60vh); overflow-y: auto; overscroll-behavior: contain; }
.wrv .wrv-cats__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 8px; color: var(--wrv-ink); font: 500 14px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-cats__item.is-sub { padding-left: 24px; color: var(--wrv-ink-2); font-weight: 400; }
.wrv .wrv-cats__item:hover { background: var(--wrv-ground); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-cats__item.is-active { background: var(--wrv-brand-050); color: var(--wrv-action); }
.wrv .wrv-cats__item[hidden] { display: none; }
.wrv .wrv-cats__none { margin: 0; padding: 10px; color: var(--wrv-ink-2); font: 13.5px/1.4 var(--wrv-f-text); }

/* Модель и её вариации (размеры): сводка в строке модели, вариации — строками под ней */
.wrv .wrv-ptable tr[hidden] { display: none !important; }
.wrv .wrv-vsum { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 4px; }
.wrv .wrv-vtoggle { display: inline-flex; align-items: center; gap: 4px; height: 26px; margin: 0; padding: 0 8px 0 10px; border: 1px solid var(--wrv-line); border-radius: 999px; background: var(--wrv-surface); color: var(--wrv-ink); font: 500 12.5px/1 var(--wrv-f-text); white-space: nowrap; cursor: pointer; box-shadow: none; text-shadow: none; }
.wrv .wrv-vtoggle:hover { border-color: #C8D2CC; }
.wrv .wrv-vtoggle .wrv-i { width: 14px; height: 14px; color: var(--wrv-ink-2); transition: transform .15s; }
.wrv .wrv-vtoggle[aria-expanded="true"] { border-color: var(--wrv-brand); background: var(--wrv-brand-050); color: var(--wrv-action); }
.wrv .wrv-vtoggle[aria-expanded="true"] .wrv-i { color: var(--wrv-action); transform: rotate(180deg); }
.wrv .wrv-vnote { color: var(--wrv-ink-2); font: 12.5px/1.3 var(--wrv-f-text); white-space: nowrap; }
.wrv .wrv-vnote[data-tone="warn"] { color: #9A5B00; }
.wrv .wrv-vnote[data-tone="bad"] { color: #B8373A; }
.wrv .wrv-sum { font: 14px/1.2 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-sum.is-warn { color: #B8373A; }
.wrv .wrv-meta__var { color: var(--wrv-ink); font-weight: 500; }
.wrv .wrv-pop__note { margin-left: auto; color: var(--wrv-ink-3); font-size: 12px; }
.wrv .wrv-ptable tr.wrv-mrow.is-open td { border-bottom-color: transparent; }
.wrv .wrv-ptable tr.wrv-vrow td { padding-top: 6px; padding-bottom: 6px; background: #FAFCFB; }
.wrv .wrv-ptable tr.wrv-vrow.is-hit td { background: #FFF8E6; }
.wrv .wrv-ptable tr.wrv-vrow.is-dirty td { background: #F3FAF4; }
.wrv .wrv-ptable tr.wrv-vrow .c-prod { padding-left: 70px; }
.wrv .wrv-var { display: grid; gap: 1px; min-width: 0; }
.wrv .wrv-var__t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
.wrv .wrv-var__k { color: var(--wrv-ink-2); font: 12.5px/1.3 var(--wrv-f-text); }
.wrv .wrv-var__v { color: var(--wrv-ink); font: 600 14px/1.3 var(--wrv-f-display); }
.wrv .wrv-var__sep { color: var(--wrv-ink-3); }

.wrv .wrv-promo { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(120px, 240px); align-items: center; gap: 14px; padding: 14px 18px; border-radius: 14px; background: var(--wrv-brand-050); color: var(--wrv-ink); font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-promo > .wrv-i { color: var(--wrv-action); }
.wrv .wrv-promo__t { display: grid; gap: 1px; }
.wrv .wrv-promo__t b { font: 600 15px/1.3 var(--wrv-f-display); }
.wrv .wrv-promo__track { background: var(--wrv-brand-100); }

@media (max-width: 767px) {
    .wrv .wrv-ptable tbody tr { grid-template-columns: 22px minmax(0, 1fr) minmax(0, 1fr) 32px; grid-template-areas: "cb prod prod act" ". price amount amount" ". score status status"; }
    .wrv .wrv-ptable .c-cb { grid-area: cb; align-self: start; width: auto; padding: 12px 0 0; }
    .wrv .wrv-ptable .c-prod { grid-area: prod; }
    .wrv .wrv-ptable .c-act { grid-area: act; align-self: start; width: auto; padding: 0; }
    .wrv .wrv-ptable td.c-price { grid-area: price; width: auto; text-align: left; }
    .wrv .wrv-ptable td.c-amount { grid-area: amount; width: auto; text-align: left; }
    .wrv .wrv-ptable .c-score { grid-area: score; width: auto; }
    .wrv .wrv-ptable .c-status { grid-area: status; justify-self: start; width: auto; align-self: end; }
    .wrv .wrv-ptable .wrv-input--num { width: 100%; max-width: 140px; text-align: left; }
    .wrv .wrv-cats { padding: 12px 12px 0; }
    .wrv .wrv-cats__more-t { display: none; }
    .wrv .wrv-cats__more .wrv-btn--sm { width: 34px; height: 34px; padding: 0; }
    .wrv .wrv-ptable tbody tr.wrv-vrow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 32px; grid-template-areas: "prod prod act" "price amount status"; padding: 10px 12px 10px 34px; background: #FAFCFB; }
    .wrv .wrv-ptable tbody tr.wrv-vrow.is-hit { background: #FFF8E6; }
    .wrv .wrv-ptable tr.wrv-vrow .c-cb, .wrv .wrv-ptable tr.wrv-vrow .c-score { display: none; }
    .wrv .wrv-ptable tr.wrv-vrow .c-prod { padding-left: 0; }
    .wrv .wrv-ptable tr.wrv-vrow .c-status { align-self: end; }
    .wrv .wrv-ptable tr.wrv-vrow td.c-price, .wrv .wrv-ptable tr.wrv-vrow td.c-amount { align-self: start; }
    .wrv .wrv-ptable tr.wrv-mrow .wrv-sum { display: block; padding-top: 2px; }
    .wrv .wrv-promo { grid-template-columns: auto minmax(0, 1fr); }
    .wrv .wrv-promo__track { grid-column: 1 / -1; }
    .wrv .wrv-bars { bottom: calc(84px + var(--wrv-bp)); margin: 0 10px; }
    .wrv .wrv-bars:has(> .wrv-bar:not([hidden])) { margin-bottom: 10px; }
    .wrv .wrv-bar__note { display: none; }
}

/* ---------- Общее для списков: мелочи ---------- */
.wrv .wrv-field--sm { flex: 0 1 260px; }
.wrv .wrv-meta-link { color: var(--wrv-ink-2); text-decoration: underline; text-decoration-color: var(--wrv-line); text-underline-offset: 2px; }
.wrv .wrv-meta-link:hover { color: var(--wrv-action); text-decoration-color: currentColor; }
.wrv .wrv-money { font: 600 14px/1.3 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-empty__icon { width: 36px; height: 36px; margin-bottom: 4px; color: var(--wrv-ink-3); }
.wrv .wrv-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.wrv .wrv-table tr.is-attention td { background: #FFFBF2; }
.wrv .wrv-table tr.is-attention:hover td { background: #FFF7E6; }
.wrv .wrv-badge { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 6px; background: var(--wrv-brand-050); color: var(--wrv-action); font: 500 11.5px/1 var(--wrv-f-text); white-space: nowrap; }
.wrv .wrv-textarea { display: block; width: 100%; min-height: 76px; margin: 0; padding: 10px 12px; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface); color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); box-shadow: none; box-sizing: border-box; resize: vertical; }
.wrv .wrv-textarea:focus { border-color: var(--wrv-brand); outline: 0; box-shadow: 0 0 0 3px var(--wrv-brand-100); }
a.wrv-state { color: var(--wrv-ink); text-decoration: none; }
a.wrv-state:hover { background: #E6ECE8; color: var(--wrv-ink); text-decoration: none; }

/* ---------- Возвраты ---------- */
.wrv .wrv-rtable .c-id { width: 1%; white-space: nowrap; }
.wrv .wrv-rtable .c-prod { min-width: 220px; }
.wrv .wrv-rtable .c-sum { width: 1%; }
.wrv .wrv-rtable .c-city { width: 14%; color: var(--wrv-ink-2); }
.wrv .wrv-rtable .c-status { width: 1%; white-space: nowrap; }
.wrv .wrv-rtable .c-status .wrv-meta, .wrv .wrv-rtable .c-status .wrv-due { margin-top: 5px; white-space: normal; }
.wrv .wrv-rtable .c-act { width: 1%; white-space: nowrap; }
.wrv .wrv-rtable .wrv-prod__name { max-width: 36ch; }

/* ---------- Отзывы ---------- */
.wrv .wrv-reviews { display: grid; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-review { display: grid; grid-template-columns: minmax(180px, 250px) minmax(0, 1fr); gap: 20px; padding: 18px 16px; border-bottom: 1px solid var(--wrv-line-2); }
.wrv .wrv-review__product { display: flex; align-items: flex-start; gap: 12px; min-width: 0; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-review__product:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-review__product:hover .wrv-prod__name { color: var(--wrv-action); }
.wrv .wrv-review__product .wrv-prod__name { font-size: 13.5px; }
.wrv .wrv-review__body { display: grid; align-content: start; gap: 8px; min-width: 0; }
.wrv .wrv-review__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.wrv .wrv-review__author { font: 600 14px/1.3 var(--wrv-f-text); }
.wrv .wrv-review__text { max-width: 75ch; margin: 0; color: var(--wrv-ink); font: 14px/1.55 var(--wrv-f-text); overflow-wrap: anywhere; }
.wrv .wrv-review__text b { font-weight: 600; }
.wrv .wrv-stars { color: #E8A317; font-size: 15px; letter-spacing: 1px; line-height: 1; white-space: nowrap; }
.wrv .wrv-stars[data-rating="1"], .wrv .wrv-stars[data-rating="2"] { color: #D64545; }
.wrv .wrv-stars-sm { color: #E8A317; }
.wrv .wrv-review__photos { display: flex; flex-wrap: wrap; gap: 8px; }
.wrv .wrv-review__photo { display: block; width: 60px; height: 60px; overflow: hidden; border-radius: 10px; background: var(--wrv-ground); }
.wrv .wrv-review__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wrv .wrv-reply { display: grid; justify-items: start; gap: 8px; margin-top: 2px; }
.wrv .wrv-reply__view { display: grid; gap: 4px; width: 100%; max-width: 75ch; padding: 10px 14px; border-radius: 12px; background: var(--wrv-ground); box-sizing: border-box; }
.wrv .wrv-reply__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-reply__form { display: grid; gap: 8px; width: 100%; max-width: 75ch; }
.wrv .wrv-reply__form[hidden] { display: none; }
.wrv .wrv-reply__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

@media (max-width: 767px) {
    .wrv .wrv-rtable tbody tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id act" "prod prod" "sum city" "status status"; }
    .wrv .wrv-rtable .c-id { grid-area: id; width: auto; }
    .wrv .wrv-rtable .c-act { grid-area: act; width: auto; }
    .wrv .wrv-rtable .c-prod { grid-area: prod; min-width: 0; }
    .wrv .wrv-rtable td.c-sum { grid-area: sum; width: auto; text-align: left; }
    .wrv .wrv-rtable .c-city { grid-area: city; width: auto; }
    .wrv .wrv-rtable .c-status { grid-area: status; width: auto; white-space: normal; }
    .wrv .wrv-field--sm { flex: 1 1 auto; }
    .wrv .wrv-review { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px 12px; }
    .wrv .wrv-review__product .wrv-thumb { width: 36px; height: 36px; border-radius: 8px; }
    .wrv .wrv-review__product .wrv-prod__name { -webkit-line-clamp: 1; }
    .wrv .wrv-page-head a.wrv-state { display: inline-flex; }
}

/* ---------- Заказы ---------- */
.wrv .wrv-tab.is-urgent .wrv-tab__n { background: #FFF3DA; color: #9A5B00; }
.wrv .wrv-otable .c-id { width: 1%; white-space: nowrap; }
.wrv .wrv-otable .c-prod { min-width: 220px; }
.wrv .wrv-otable .c-sum { width: 1%; }
.wrv .wrv-otable .c-deliv { width: 18%; }
.wrv .wrv-otable .c-status { width: 1%; white-space: nowrap; }
.wrv .wrv-otable .c-status .wrv-due, .wrv .wrv-otable .c-status .wrv-meta { margin-top: 5px; }
.wrv .wrv-otable .c-act { width: 40px; padding-left: 4px; text-align: right; }
.wrv .wrv-otable .wrv-prod__name { max-width: 34ch; }

@media (max-width: 767px) {
    .wrv .wrv-otable tbody tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id act" "prod prod" "sum deliv" "status status"; }
    .wrv .wrv-otable .c-id { grid-area: id; width: auto; }
    .wrv .wrv-otable .c-act { grid-area: act; width: auto; padding: 0; }
    .wrv .wrv-otable .c-prod { grid-area: prod; min-width: 0; }
    .wrv .wrv-otable td.c-sum { grid-area: sum; width: auto; text-align: left; }
    .wrv .wrv-otable .c-deliv { grid-area: deliv; width: auto; }
    .wrv .wrv-otable .c-status { grid-area: status; width: auto; white-space: normal; }
}

/* ---------- Карточка заказа ---------- */
.wrv .wrv-back { display: inline-flex; align-items: center; gap: 6px; width: max-content; color: var(--wrv-ink-2); font: 14px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-back:hover { color: var(--wrv-action); text-decoration: none; }
.wrv .wrv-order { gap: 14px; }
.wrv .wrv-order__title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.wrv .wrv-order__sub { margin: -6px 0 0; color: var(--wrv-ink-2); font: 14px/1.4 var(--wrv-f-text); }
.wrv .wrv-order__sub b { color: var(--wrv-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.wrv .wrv-order__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 360px); gap: 16px; align-items: start; }
.wrv .wrv-order__main, .wrv .wrv-order__side { display: grid; gap: 16px; min-width: 0; }
.wrv .wrv-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: 12px; font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-note .wrv-i { margin-top: 1px; }
.wrv .wrv-note--warn { background: #FFF3DA; color: #6B4000; }

.wrv .wrv-ship__deadline { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--wrv-ground); }
.wrv .wrv-ship__deadline b { font: 600 16px/1.35 var(--wrv-f-display); }
.wrv .wrv-ship__deadline.is-urgent { background: #FFF3DA; color: #6B4000; }
.wrv .wrv-ship__deadline.is-overdue { background: #FCEAEA; color: #8F2528; }
.wrv .wrv-ship__deadline .wrv-meta { color: inherit; opacity: .8; }
.wrv .wrv-steps { display: grid; gap: 6px; margin: 0; padding: 0 0 0 20px; color: var(--wrv-ink); font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-steps li { margin: 0; padding-left: 4px; }
.wrv .wrv-ship__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; padding-top: 12px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-ship__pending { display: inline-flex; align-items: center; gap: 8px; }
.wrv .wrv-spin { width: 14px; height: 14px; border: 2px solid var(--wrv-brand-100); border-top-color: var(--wrv-brand); border-radius: 50%; animation: wrv-spin 1s linear infinite; }
@keyframes wrv-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wrv .wrv-spin { animation: none; } }

.wrv .wrv-items { display: grid; }
.wrv .wrv-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-item:first-child { border-top: 0; padding-top: 0; }
.wrv .wrv-thumb--lg { width: 56px; height: 56px; border-radius: 12px; }
.wrv .wrv-item__t { display: grid; gap: 2px; min-width: 0; }
.wrv .wrv-item__qty { color: var(--wrv-ink-2); font: 13.5px/1.3 var(--wrv-f-text); white-space: nowrap; font-variant-numeric: tabular-nums; }
.wrv .wrv-item__sum { font: 600 15px/1.3 var(--wrv-f-text); white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; min-width: 80px; }
.wrv .wrv-totals { display: grid; gap: 6px; margin: 0; padding-top: 12px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-totals > div { display: flex; justify-content: space-between; gap: 16px; }
.wrv .wrv-totals dt { margin: 0; color: var(--wrv-ink-2); font: 14px/1.4 var(--wrv-f-text); }
.wrv .wrv-totals dd { margin: 0; font: 14px/1.4 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-totals .is-total dt, .wrv .wrv-totals .is-total dd { color: var(--wrv-ink); font: 600 18px/1.3 var(--wrv-f-display); }

.wrv .wrv-chat { display: grid; gap: 10px; }
.wrv .wrv-msg { display: grid; gap: 4px; max-width: 85%; padding: 10px 14px; border-radius: 12px; background: var(--wrv-ground); }
.wrv .wrv-msg.is-mine { justify-self: end; background: var(--wrv-brand-050); }
.wrv .wrv-msg__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-msg__text { margin: 0; font: 14px/1.5 var(--wrv-f-text); overflow-wrap: anywhere; }

.wrv .wrv-facts { display: grid; gap: 10px; margin: 0; }
.wrv .wrv-facts > div { display: grid; gap: 2px; }
.wrv .wrv-facts dt { margin: 0; color: var(--wrv-ink-2); font: 12.5px/1.3 var(--wrv-f-text); }
.wrv .wrv-facts dd { margin: 0; color: var(--wrv-ink); font: 14px/1.45 var(--wrv-f-text); overflow-wrap: anywhere; }
.wrv .wrv-num-text { font-variant-numeric: tabular-nums; letter-spacing: .02em; }

.wrv .wrv-path { display: grid; margin: 0; padding: 0; list-style: none; }
.wrv .wrv-path__step { position: relative; margin: 0; padding: 0 0 16px 22px; list-style: none; }
.wrv .wrv-path__step::before { content: ""; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--wrv-line); box-sizing: border-box; }
.wrv .wrv-path__step::after { content: ""; position: absolute; top: 19px; bottom: 1px; left: 4px; width: 2px; border-radius: 1px; background: var(--wrv-line-2); }
.wrv .wrv-path__step:last-child { padding-bottom: 0; }
.wrv .wrv-path__step:last-child::after { display: none; }
.wrv .wrv-path__step.is-done::before { background: var(--wrv-brand); }
.wrv .wrv-path__step.is-done::after { background: var(--wrv-brand-100); }
.wrv .wrv-path__step.is-current::before { box-shadow: 0 0 0 4px var(--wrv-brand-100); }
.wrv .wrv-path__row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.wrv .wrv-path__name { color: var(--wrv-ink-3); font: 14px/1.4 var(--wrv-f-text); }
.wrv .wrv-path__step.is-done > .wrv-path__row .wrv-path__name { color: var(--wrv-ink); font-weight: 500; }
.wrv .wrv-path__row .wrv-meta { flex: none; font-variant-numeric: tabular-nums; }
.wrv .wrv-path__more { margin-top: 6px; }
.wrv .wrv-path__more summary { width: max-content; color: var(--wrv-ink-2); font: 12.5px/1.4 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-path--sub { margin-top: 8px; }
.wrv .wrv-path--sub .wrv-path__step { padding-bottom: 10px; }
.wrv .wrv-path--sub .wrv-path__name { font-size: 13px; }

@media (max-width: 1000px) {
    .wrv .wrv-order__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .wrv .wrv-item { grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "img t sum" "img qty sum"; gap: 2px 12px; }
    .wrv .wrv-item .wrv-thumb { grid-area: img; width: 48px; height: 48px; }
    .wrv .wrv-item__t { grid-area: t; }
    .wrv .wrv-item__qty { grid-area: qty; }
    .wrv .wrv-item__sum { grid-area: sum; min-width: 0; }
    .wrv .wrv-msg { max-width: 100%; }
}

/* ---------- Финансы ---------- */
.wrv .wrv-fin-sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.wrv .wrv-fin-card { align-content: start; gap: 6px; }
.wrv .wrv-fin-card__k { color: var(--wrv-ink-2); font: 13.5px/1.35 var(--wrv-f-text); }
.wrv .wrv-fin-card__v { color: var(--wrv-ink); font: 600 26px/1.15 var(--wrv-f-display); font-variant-numeric: tabular-nums; letter-spacing: -.01em; white-space: nowrap; }
.wrv .wrv-fin-card__v.is-negative { color: #B8373A; }
.wrv .wrv-fin-card__v.is-muted { color: var(--wrv-ink-3); }
.wrv .wrv-fin-card__sub { color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-fin-parts summary { width: max-content; color: var(--wrv-action); font: 500 13px/1.4 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-fin-parts dl { display: grid; gap: 4px; margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-fin-parts dl > div { display: flex; justify-content: space-between; gap: 12px; }
.wrv .wrv-fin-parts dt { margin: 0; color: var(--wrv-ink-2); font: 13px/1.4 var(--wrv-f-text); }
.wrv .wrv-fin-parts dd { margin: 0; font: 13px/1.4 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-fin-note { margin: -4px 0 0; color: var(--wrv-ink-2); font: 13px/1.5 var(--wrv-f-text); }
.wrv .wrv-fin-intro { margin: 0; padding: 14px 16px 0; color: var(--wrv-ink-2); font: 13.5px/1.5 var(--wrv-f-text); }
.wrv .wrv-chip__n { color: var(--wrv-ink-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.wrv .wrv-chip.is-on .wrv-chip__n { color: var(--wrv-action); }
.wrv .wrv-fin-pdf { margin-left: auto; }
.wrv .wrv-fin-type { display: inline-flex; align-items: center; gap: 6px; margin-right: 8px; color: var(--wrv-ink); font: 500 13.5px/1.3 var(--wrv-f-text); white-space: nowrap; }
.wrv .wrv-fin-type::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--wrv-dot, #9AA0AA); }
.wrv .c-op .wrv-meta-link { margin-right: 8px; font-size: 13px; white-space: nowrap; }
.wrv .wrv-fin-details { max-width: 46ch; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wrv .wrv-fin-amount { font: 600 14px/1.3 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; color: #2E8540; }
.wrv .wrv-fin-amount.is-negative { color: #B8373A; }
.wrv .wrv-fin-amount.is-payout { color: var(--wrv-ink); }
.wrv .wrv-paytable .wrv-fin-amount { color: var(--wrv-ink); }
.wrv .wrv-ftable .c-date { width: 1%; white-space: nowrap; color: var(--wrv-ink-2); }
.wrv .wrv-ftable .c-amt { width: 1%; color: var(--wrv-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-ftable .c-total { width: 1%; }
.wrv .wrv-ftable tfoot td { padding: 12px 14px; border: 0; background: #FAFBFA; color: var(--wrv-ink); font: 13.5px/1.4 var(--wrv-f-text); vertical-align: middle; }
.wrv .wrv-ftable tfoot .c-amt { color: var(--wrv-ink); }
.wrv .wrv-paytable .c-date { width: 30%; }
.wrv .wrv-paytable .c-range { color: var(--wrv-ink-2); }
.wrv .wrv-docs { display: grid; }
.wrv .wrv-docs__group { display: grid; gap: 8px; padding: 16px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-docs__group:first-child { border-top: 0; }
.wrv .wrv-docs__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font: 600 15px/1.3 var(--wrv-f-display); }
.wrv .wrv-docs__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.wrv .wrv-docs__list li { margin: 0; padding: 0; list-style: none; }
.wrv .wrv-doc { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title dl" "icon meta dl"; align-items: center; gap: 1px 10px; padding: 10px 12px; border: 1px solid var(--wrv-line); border-radius: 12px; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-doc:hover { border-color: var(--wrv-brand); background: var(--wrv-brand-050); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-doc > .wrv-i:first-child { grid-area: icon; color: var(--wrv-ink-2); }
.wrv .wrv-doc__t { grid-area: title; font: 500 14px/1.35 var(--wrv-f-text); }
.wrv .wrv-doc .wrv-meta { grid-area: meta; }
.wrv .wrv-doc__dl { grid-area: dl; color: var(--wrv-action); }

@media (max-width: 1100px) {
    .wrv .wrv-fin-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .wrv .wrv-fin-sum { gap: 10px; }
    .wrv .wrv-fin-card { padding: 14px; }
    .wrv .wrv-fin-card__v { font-size: 20px; white-space: normal; }
    .wrv .wrv-fin-pdf { margin-left: 0; }
    .wrv .wrv-ftable tbody tr, .wrv .wrv-ftable tfoot tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 10px; padding: 14px 12px; border-bottom: 1px solid var(--wrv-line-2); }
    .wrv .wrv-ftable tfoot { display: block; }
    .wrv .wrv-ftable td { display: block; width: auto; padding: 0; border: 0; text-align: left; }
    .wrv .wrv-ftable td:empty { display: none; }
    .wrv .wrv-ftable .c-op { grid-column: 1; grid-row: 1; }
    .wrv .wrv-ftable .c-total { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; }
    .wrv .wrv-ftable .c-date { grid-column: 1 / -1; grid-row: 2; }
    .wrv .wrv-ftable tfoot .c-date { grid-row: 1; grid-column: 1; }
    .wrv .wrv-ftable .wrv-fin-details { max-width: none; white-space: normal; }
    .wrv .wrv-paytable tbody tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "date sum" "range range"; }
    .wrv .wrv-paytable .c-date { grid-area: date; width: auto; }
    .wrv .wrv-paytable td.c-total { grid-area: sum; }
    .wrv .wrv-paytable .c-range { grid-area: range; }
    .wrv .wrv-docs__group { padding: 14px 12px; }
}

/* ---------- Настройки ---------- */
.wrv .wrv-head-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wrv a.wrv-state--link { color: var(--wrv-ink-2); text-decoration: none; }
.wrv a.wrv-state--link:hover { color: var(--wrv-ink); text-decoration: none; box-shadow: inset 0 0 0 1px var(--wrv-line); }
.wrv .wrv-state--link.is-warn { background: #FFF3DA; color: #7A4A00; }
.wrv .wrv-state--link.is-warn:hover { color: #5E3900; }

.wrv .wrv-set { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 18px; }
.wrv .wrv-set__main { display: grid; gap: 16px; min-width: 0; max-width: 860px; }
.wrv .wrv-snav { position: sticky; top: 16px; display: grid; gap: 16px; padding: 14px 10px; border-radius: 16px; background: var(--wrv-surface); }
.wrv .wrv-snav__group { display: grid; gap: 2px; }
.wrv .wrv-snav__title { padding: 0 10px 4px; color: var(--wrv-ink-3); font: 500 12px/1.3 var(--wrv-f-text); letter-spacing: .02em; }
.wrv .wrv-snav__link { display: block; padding: 8px 10px; border-radius: 10px; color: var(--wrv-ink); font: 14px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-snav__link:hover { background: var(--wrv-ground); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-snav__link.is-active { background: var(--wrv-brand-050); color: var(--wrv-action); font-weight: 500; }

.wrv .wrv-card__text { margin: 0; color: var(--wrv-ink-2); font: 14px/1.5 var(--wrv-f-text); max-width: 68ch; }
.wrv .wrv-eyebrow { color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-tariff__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; }
.wrv .wrv-tariff__name { margin: 2px 0 0; padding: 0; color: var(--wrv-ink); font: 600 24px/1.2 var(--wrv-f-display) !important; }
/* Описание тарифа пишет администратор (HTML): приводим списки и абзацы к виду карточки */
.wrv .wrv-rich { color: var(--wrv-ink); font: 14px/1.55 var(--wrv-f-text); max-width: 68ch; }
.wrv .wrv-rich p { margin: 0 0 8px; }
.wrv .wrv-rich ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wrv .wrv-rich li { position: relative; margin: 0; padding-left: 18px; list-style: none; }
.wrv .wrv-rich li::before { content: ""; position: absolute; top: .62em; left: 2px; width: 6px; height: 6px; border-radius: 50%; background: var(--wrv-brand); }
.wrv .wrv-rich strong, .wrv .wrv-rich b { font-weight: 600; }

.wrv .wrv-dl { display: grid; gap: 0; margin: 0; padding: 0; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-dl > div { display: grid; grid-template-columns: minmax(140px, 220px) minmax(0, 1fr); gap: 4px 16px; padding: 10px 0; border-bottom: 1px solid var(--wrv-line-2); }
.wrv .wrv-dl > div:last-child { border-bottom: 0; }
.wrv .wrv-dl dt { margin: 0; color: var(--wrv-ink-2); font: 13.5px/1.45 var(--wrv-f-text); }
.wrv .wrv-dl dd { margin: 0; color: var(--wrv-ink); font: 14px/1.45 var(--wrv-f-text); overflow-wrap: anywhere; }
.wrv .wrv-dl__note { display: block; margin-top: 2px; font-size: 13px; }
.wrv .wrv-dl--req { border-top: 0; }
.wrv .wrv-mono { font-variant-numeric: tabular-nums; letter-spacing: .02em; }

.wrv .wrv-callout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 14px 16px; border-radius: 14px; background: var(--wrv-ground); color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-callout > .wrv-i { width: 20px; height: 20px; margin-top: 1px; color: var(--wrv-ink-2); }
.wrv .wrv-callout.is-warn { background: #FFF6E3; }
.wrv .wrv-callout.is-warn > .wrv-i { color: #9A5B00; }
.wrv .wrv-set__main > .wrv-callout { background: var(--wrv-surface); }
.wrv .wrv-set__main > .wrv-callout.is-warn { background: #FFF6E3; }
.wrv .wrv-callout__t { display: grid; justify-items: start; gap: 4px; min-width: 0; }
.wrv .wrv-callout__t > b { font: 600 15px/1.35 var(--wrv-f-display); }
.wrv .wrv-callout__t > span { color: var(--wrv-ink-2); max-width: 68ch; }
.wrv .wrv-callout__list { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 2px 0 0; padding: 0; list-style: none; }
.wrv .wrv-callout__list li { margin: 0; list-style: none; }
.wrv .wrv-callout__list a { color: var(--wrv-action); text-decoration: underline; text-underline-offset: 2px; }
.wrv .wrv-more { margin-top: 4px; }
.wrv .wrv-more summary { width: max-content; color: var(--wrv-action); font: 500 13.5px/1.4 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-more[open] summary { margin-bottom: 8px; }

.wrv .wrv-docline { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--wrv-line); border-radius: 12px; }
.wrv .wrv-docline__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--wrv-ground); color: var(--wrv-ink-2); }
.wrv .wrv-docline__t { display: grid; gap: 1px; min-width: 0; }
.wrv .wrv-docline__t b { font: 500 14.5px/1.35 var(--wrv-f-text); }
.wrv .wrv-offer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0; }

/* Документы и сотрудники */
.wrv .wrv-doclist { display: grid; gap: 8px; }
.wrv .wrv-meta.is-warn { color: #9A5B00; }
.wrv .wrv-people { display: grid; margin: 0; padding: 0; list-style: none; }
.wrv .wrv-person { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0; padding: 12px 0; border-top: 1px solid var(--wrv-line-2); list-style: none; }
.wrv .wrv-person:first-child { border-top: 0; padding-top: 4px; }
.wrv .wrv-person__avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--wrv-brand-050); color: var(--wrv-action); font: 600 14px/1 var(--wrv-f-display); }
.wrv .wrv-person__t { display: grid; gap: 2px; min-width: 0; }
.wrv .wrv-person__t b { font: 500 14.5px/1.35 var(--wrv-f-text); overflow-wrap: anywhere; }
.wrv .wrv-person__act { margin: 0; }
.wrv .wrv-tag { display: inline-block; margin-left: 4px; padding: 2px 7px; border-radius: 6px; background: var(--wrv-ground); color: var(--wrv-ink-2); font: 500 11.5px/1.3 var(--wrv-f-text); vertical-align: 1px; }
.wrv .wrv-inline-form { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.wrv .wrv-input--grow { flex: 1 1 260px; max-width: 420px; height: 40px; }

/* Логотип и описание */
.wrv .wrv-logo { grid-template-columns: 160px minmax(0, 1fr); align-items: start; gap: 18px; }
.wrv .wrv-logo__img { display: grid; place-items: center; width: 160px; height: 120px; overflow: hidden; border: 1px solid var(--wrv-line); border-radius: 12px; background: #fff; }
.wrv .wrv-logo__img img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.wrv .wrv-logo__img.is-empty { background: var(--wrv-ground); color: var(--wrv-ink-3); }
.wrv .wrv-logo__img.is-empty .wrv-i { width: 32px; height: 32px; }
.wrv .wrv-logo__img.is-new { border-color: var(--wrv-brand); box-shadow: 0 0 0 3px var(--wrv-brand-100); }
.wrv .wrv-logo__t { display: grid; justify-items: start; gap: 8px; min-width: 0; }
.wrv .wrv-logo__t .wrv-input { width: 100%; max-width: 420px; }
.wrv .wrv-file { position: relative; overflow: hidden; }
.wrv .wrv-file input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.wrv .wrv-file:focus-within { box-shadow: 0 0 0 3px var(--wrv-brand-100); }
.wrv .wrv-field-label { margin: 4px 0 0; color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.wrv .wrv-plain { color: var(--wrv-ink); font: 14px/1.6 var(--wrv-f-text); white-space: pre-line; max-width: 68ch; overflow-wrap: anywhere; }

/* Уведомления: Telegram и таблица «что присылать» */
.wrv .wrv-tg { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; }
.wrv .wrv-tg__qr { width: 136px; height: 136px; padding: 6px; border: 1px solid var(--wrv-line); border-radius: 12px; background: #fff; box-sizing: border-box; }
.wrv .wrv-tg__qr svg { display: block; width: 100%; height: 100%; }
.wrv .wrv-tg__t { display: grid; justify-items: start; gap: 10px; }
.wrv table.wrv-ntable { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: none; font: 14px/1.45 var(--wrv-f-text); color: var(--wrv-ink); }
.wrv .wrv-ntable thead th { padding: 8px 10px; border: 0; border-bottom: 1px solid var(--wrv-line); background: none; color: var(--wrv-ink-2); font: 500 12.5px/1.2 var(--wrv-f-text); text-align: center; white-space: nowrap; }
.wrv .wrv-ntable thead th:first-child { text-align: left; }
.wrv .wrv-ntable tbody th { padding: 9px 10px 9px 0; border: 0; border-bottom: 1px solid var(--wrv-line-2); background: none; color: var(--wrv-ink); font: 400 14px/1.4 var(--wrv-f-text); text-align: left; }
.wrv .wrv-ntable td { width: 112px; padding: 9px 10px; border: 0; border-bottom: 1px solid var(--wrv-line-2); background: none; text-align: center; vertical-align: middle; }
.wrv .wrv-ntable tr.wrv-ntable__group th { padding: 18px 0 6px; border-bottom: 0; color: var(--wrv-ink); font: 600 14.5px/1.3 var(--wrv-f-display); }
.wrv .wrv-ntable tbody:first-of-type tr.wrv-ntable__group th { padding-top: 10px; }
.wrv .wrv-switch { position: relative; display: inline-flex; margin: 0; cursor: pointer; vertical-align: middle; }
.wrv .wrv-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.wrv .wrv-switch__track { position: relative; display: block; width: 36px; height: 20px; border-radius: 999px; background: #D6DDD8; transition: background .15s; }
.wrv .wrv-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(41, 41, 48, .25); transition: transform .15s; }
.wrv .wrv-switch input:checked + .wrv-switch__track { background: var(--wrv-action); }
.wrv .wrv-switch input:checked + .wrv-switch__track::after { transform: translateX(16px); }
.wrv .wrv-switch input:focus-visible + .wrv-switch__track { box-shadow: 0 0 0 3px var(--wrv-brand-100); }
@media (prefers-reduced-motion: reduce) { .wrv .wrv-switch__track, .wrv .wrv-switch__track::after { transition: none; } }

/* Склады */
.wrv .wrv-set__intro { padding: 0 2px; }
.wrv .wrv-card.is-off .wrv-card__title, .wrv .wrv-card.is-off .wrv-dl dd { color: var(--wrv-ink-2); }

/* Синхронизация */
.wrv .wrv-subtitle { margin: 6px 0 0; padding: 0; color: var(--wrv-ink); font: 600 15px/1.3 var(--wrv-f-display) !important; }
.wrv .wrv-steps { display: grid; gap: 8px; margin: 0; padding: 0 0 0 20px; color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); max-width: 68ch; }
.wrv .wrv-steps li { margin: 0; padding-left: 4px; }

/* Профиль: одна колонка, поля парами */
.wrv .wrv-solo { display: grid; gap: 16px; max-width: 860px; min-width: 0; }
.wrv .wrv-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.wrv .wrv-fieldset { display: grid; gap: 6px; margin: 0; color: var(--wrv-ink-2); font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-fieldset .wrv-input { width: 100%; height: 40px; }

/* Просьба администратору: кнопка раскрывает форму под собой */
.wrv .wrv-ask { width: 100%; margin-top: 6px; }
.wrv .wrv-ask > summary { width: max-content; list-style: none; }
.wrv .wrv-ask > summary::-webkit-details-marker { display: none; }
.wrv .wrv-ask[open] > summary { margin-bottom: 10px; }
.wrv .wrv-ask__form { display: grid; gap: 8px; max-width: 640px; margin: 0; }
.wrv .wrv-ask__hint { margin: 0; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }

/* Промо-тариф над списком товаров: срок, продление, ссылка на условия */
.wrv .wrv-promo__t b em { color: #9A5B00; font-style: normal; font-weight: 500; }
.wrv .wrv-promo__t .wrv-link { width: max-content; margin-top: 2px; font-size: 13px; }
.wrv .wrv-promo.is-soon { background: #FFF6E3; }
.wrv .wrv-promo.is-soon > .wrv-i { color: #9A5B00; }

@media (max-width: 900px) {
    .wrv .wrv-set { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .wrv .wrv-snav { position: static; display: flex; gap: 2px; padding: 6px; overflow-x: auto; scrollbar-width: none; }
    .wrv .wrv-snav::-webkit-scrollbar { display: none; }
    .wrv .wrv-snav__group { display: flex; gap: 2px; }
    .wrv .wrv-snav__title { display: none; }
    .wrv .wrv-snav__link { white-space: nowrap; }
}
@media (max-width: 767px) {
    .wrv .wrv-head-chips { display: none; }
    .wrv .wrv-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .wrv .wrv-tariff__name { font-size: 21px !important; }
    .wrv .wrv-docline { grid-template-columns: auto minmax(0, 1fr); }
    .wrv .wrv-docline .wrv-btn { grid-column: 1 / -1; justify-self: start; }
    .wrv .wrv-person { grid-template-columns: auto minmax(0, 1fr); }
    .wrv .wrv-person__act { grid-column: 2; }
    .wrv .wrv-input--grow { max-width: none; }
    .wrv .wrv-fields { grid-template-columns: minmax(0, 1fr); }
    .wrv .wrv-logo { grid-template-columns: minmax(0, 1fr); }
    .wrv .wrv-logo__img { width: 100%; height: 140px; }
    .wrv .wrv-tg { grid-template-columns: minmax(0, 1fr); }
    .wrv .wrv-tg__qr { display: none; }
    .wrv table.wrv-ntable, .wrv .wrv-ntable tbody { display: block; }
    .wrv .wrv-ntable thead { display: none; }
    .wrv .wrv-ntable tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 8px; padding: 10px 0; border-bottom: 1px solid var(--wrv-line-2); }
    .wrv .wrv-ntable tr.wrv-ntable__group { display: block; padding: 0; border: 0; }
    .wrv .wrv-ntable tbody th { grid-column: 1 / -1; padding: 0; border: 0; }
    .wrv .wrv-ntable td { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: auto; padding: 0; border: 0; text-align: left; }
    .wrv .wrv-ntable td::before { content: attr(data-label); color: var(--wrv-ink-2); font: 12px/1.2 var(--wrv-f-text); }
}

/* ---------- Центр сообщений ---------- */
.wrv .wrv-msgs-new { padding: 12px 16px 0; }
.wrv .wrv-threads { display: grid; margin: 0; padding: 4px 0; list-style: none; }
.wrv .wrv-threads li { margin: 0; list-style: none; }
.wrv .wrv-thread { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--wrv-line-2); color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-threads li:last-child .wrv-thread { border-bottom: 0; }
.wrv .wrv-thread:hover { background: #FAFCFB; color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-thread.is-active { background: var(--wrv-brand-050); }
.wrv .wrv-thread__avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wrv-ground); color: var(--wrv-ink-2); font: 600 14px/1 var(--wrv-f-display); flex: none; }
.wrv .wrv-thread__avatar.is-admin { background: var(--wrv-brand-050); color: var(--wrv-action); }
.wrv .wrv-thread__t { display: grid; gap: 2px; min-width: 0; }
.wrv .wrv-thread__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.wrv .wrv-thread__title { overflow: hidden; font: 500 14.5px/1.35 var(--wrv-f-text); white-space: nowrap; text-overflow: ellipsis; }
.wrv .wrv-thread.is-unread .wrv-thread__title { font-weight: 700; }
.wrv .wrv-thread__when { flex: none; color: var(--wrv-ink-3); font: 12px/1.3 var(--wrv-f-text); }
.wrv .wrv-thread__sub { overflow: hidden; color: var(--wrv-ink-2); font: 12.5px/1.4 var(--wrv-f-text); white-space: nowrap; text-overflow: ellipsis; }
.wrv .wrv-thread__snippet { display: -webkit-box; overflow: hidden; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wrv .wrv-thread.is-unread .wrv-thread__snippet { color: var(--wrv-ink); }
.wrv .wrv-thread__dot { width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--wrv-action); }

.wrv .wrv-msgs { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); align-items: start; gap: 16px; }
.wrv .wrv-msgs__list { position: sticky; top: 16px; max-height: calc(100vh - 170px); overflow: auto; }
.wrv .wrv-threads.is-compact .wrv-thread { padding: 10px 14px; }
.wrv .wrv-threads.is-compact .wrv-thread__snippet { -webkit-line-clamp: 1; }
.wrv .wrv-chatbox { gap: 0; padding: 0; overflow: hidden; }
.wrv .wrv-chatbox__head { display: grid; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--wrv-line-2); }
.wrv .wrv-chatbox__back { display: none; width: max-content; font-size: 13px; }
.wrv .wrv-chatbox__who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.wrv .wrv-chatbox__who > div { display: grid; gap: 2px; min-width: 0; }
.wrv .wrv-chatbox__messages { display: grid; align-content: start; gap: 10px; max-height: calc(100vh - 330px); min-height: 240px; padding: 16px 18px; overflow-y: auto; overscroll-behavior: contain; background: #FAFBFA; }
.wrv .wrv-chatbox__day { display: flex; justify-content: center; margin: 4px 0; }
.wrv .wrv-chatbox__day span { padding: 2px 10px; border-radius: 999px; background: var(--wrv-ground); color: var(--wrv-ink-2); font: 12px/1.6 var(--wrv-f-text); }
.wrv .wrv-bubble { display: grid; gap: 4px; justify-self: start; max-width: min(640px, 85%); padding: 10px 14px; border: 1px solid var(--wrv-line-2); border-radius: 14px 14px 14px 4px; background: var(--wrv-surface); color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-bubble.is-mine { justify-self: end; border-color: transparent; border-radius: 14px 14px 4px 14px; background: var(--wrv-brand-050); }
.wrv .wrv-bubble__head { display: flex; align-items: baseline; gap: 10px; color: var(--wrv-ink-2); font: 12px/1.3 var(--wrv-f-text); }
.wrv .wrv-bubble__head b { color: var(--wrv-ink); font-weight: 500; }
.wrv .wrv-bubble__text { overflow-wrap: anywhere; }
.wrv .wrv-bubble__text a { color: var(--wrv-action); text-decoration: underline; }
.wrv .wrv-chatbox__reply { display: grid; gap: 8px; margin: 0; padding: 12px 18px 16px; border-top: 1px solid var(--wrv-line-2); }

@media (max-width: 1000px) {
    .wrv .wrv-msgs { grid-template-columns: minmax(0, 1fr); }
    .wrv .wrv-msgs__list { display: none; }
    .wrv .wrv-chatbox__back { display: inline-flex; }
}
@media (max-width: 767px) {
    .wrv .wrv-msgs-head { display: none; }
    .wrv .wrv-thread { padding: 12px; }
    .wrv .wrv-chatbox__messages { max-height: none; min-height: 0; padding: 12px; }
    .wrv .wrv-bubble { max-width: 92%; }
    .wrv .wrv-chatbox__reply { padding: 10px 12px 12px; }
}

/* ---------- Вход, «Забыли пароль?» (каркас auth.tpl) ---------- */
.wrv .wrv-auth { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto; background: var(--wrv-ground); color: var(--wrv-ink); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-auth :focus-visible { outline: 2px solid var(--wrv-brand); outline-offset: 2px; }
.wrv .wrv-auth__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 28px; background: var(--wrv-surface); }
.wrv .wrv-auth__tools { display: flex; align-items: center; gap: 18px; }
.wrv .wrv-auth__langs { display: inline-flex; gap: 10px; font: 14px/1.3 var(--wrv-f-text); }
.wrv .wrv-auth__langs b { color: var(--wrv-ink); font-weight: 500; }
.wrv .wrv-auth__langs a { color: var(--wrv-action); text-decoration: none; }
.wrv .wrv-auth__langs a:hover { text-decoration: underline; }
.wrv .wrv-auth__store { display: inline-flex; align-items: center; gap: 8px; color: var(--wrv-ink-2); font: 500 14px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-auth__store:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-auth__store .wrv-i { width: 18px; height: 18px; }
.wrv .wrv-auth__main { display: grid; justify-items: center; align-content: center; gap: 20px; padding: 48px 16px 56px; }
.wrv .wrv-auth__foot { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; padding: 20px 16px 28px; color: var(--wrv-ink-3); font: 13px/1.5 var(--wrv-f-text); }
.wrv .wrv-auth__foot a { color: var(--wrv-ink-2); text-decoration: none; }
.wrv .wrv-auth__foot a:hover { color: var(--wrv-ink); text-decoration: underline; }

.wrv .wrv-auth-card { display: grid; gap: 20px; width: 100%; max-width: 408px; padding: 32px; background: var(--wrv-surface); border-radius: 20px; box-sizing: border-box; }
.wrv .wrv-auth-card__title { margin: 0; color: var(--wrv-ink); font: 600 26px/1.2 var(--wrv-f-display); letter-spacing: -.015em; text-wrap: balance; }
.wrv .wrv-auth-card__text { margin: 0; color: var(--wrv-ink-2); font: 14px/1.5 var(--wrv-f-text); }
.wrv .wrv-auth-card__note { margin: -4px 0 0; color: var(--wrv-ink-3); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-auth-card__out { justify-self: start; }
.wrv .wrv-auth-back { display: inline-flex; align-items: center; gap: 2px; justify-self: start; margin: -10px 0 -8px -4px; color: var(--wrv-ink-2); font: 500 13px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-auth-back:hover { color: var(--wrv-ink); text-decoration: none; }
.wrv .wrv-auth-aside { margin: 0; color: var(--wrv-ink-2); font: 14px/1.5 var(--wrv-f-text); text-align: center; }
.wrv .wrv-auth-aside .wrv-link { margin-left: 2px; }

.wrv .wrv-auth-form { display: grid; gap: 16px; margin: 0; }
.wrv .wrv-auth-form__label { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.wrv .wrv-auth-form__label label { margin: 0; padding: 0; color: inherit; font: inherit; }
.wrv .wrv-auth-form__label .wrv-link { font-size: 13px; }
.wrv .wrv-auth-form .wrv-input { height: 46px; padding: 0 14px; border-radius: 10px; font-size: 15px; }
.wrv .wrv-auth-form .wrv-btn { width: 100%; height: 46px; margin-top: 4px; border-radius: 10px; font-size: 15px; }
.wrv .wrv-auth-form .wrv-btn.is-busy { opacity: .75; cursor: progress; }

.wrv .wrv-pass { position: relative; display: block; }
.wrv .wrv-pass .wrv-input { width: 100%; padding-right: 50px; }
.wrv .wrv-pass input::-ms-reveal, .wrv .wrv-pass input::-ms-clear { display: none; }
.wrv .wrv-pass .wrv-pass__eye { position: absolute; top: 3px; right: 3px; display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--wrv-ink-3); cursor: pointer; box-shadow: none; }
.wrv .wrv-pass .wrv-pass__eye:hover { background: var(--wrv-ground); color: var(--wrv-ink); }
.wrv .wrv-pass .wrv-pass__eye[aria-pressed="true"] { color: var(--wrv-ink); }
.wrv .wrv-caps { display: flex; align-items: center; gap: 6px; color: #9A5B00; font: 13px/1.3 var(--wrv-f-text); }
.wrv .wrv-caps[hidden] { display: none; }

.wrv .wrv-auth-msg { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; padding: 12px 14px; border-radius: 12px; font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-auth-msg > .wrv-i { width: 18px; height: 18px; margin-top: 1px; }
.wrv .wrv-auth-msg__t { min-width: 0; overflow-wrap: anywhere; }
.wrv .wrv-auth-msg__t small { display: block; margin-top: 3px; font-size: 13px; opacity: .85; }
.wrv .wrv-auth-msg--error { background: #FCEAEA; color: #8F2427; }
.wrv .wrv-auth-msg--warn { background: #FFF3DA; color: #6B4000; }
.wrv .wrv-auth-msg--ok, .wrv .wrv-auth-msg--sent { background: var(--wrv-brand-050); color: #1E5B2A; }
.wrv .wrv-auth-msg--info { background: var(--wrv-ground); color: var(--wrv-ink); }
.wrv .wrv-auth-msg--info > .wrv-i { color: var(--wrv-ink-2); }

@media (max-width: 767px) {
    .wrv .wrv-auth__top { padding: 12px 16px; }
    .wrv .wrv-auth__store span { display: none; }
    .wrv .wrv-auth__main { align-content: start; padding: 20px 16px 32px; }
    .wrv .wrv-auth-card { gap: 18px; padding: 24px 20px; border-radius: 16px; }
    .wrv .wrv-auth-card__title { font-size: 22px; }
}


/* ---------- Карточка товара (products.update / products.add) ----------
   Форма — штатный шаблон ядра; здесь его разметка приводится к виду кабинета.
   Сетка: слева шапка и форма, справа «Качество карточки». Штатные кнопки (Предпросмотр, «⋮»,
   Сохранить) стоят в строке шапки; плавающая «Сохранить» (product.js) — когда они ушли из вида. */
.wrv .wrv-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); grid-template-areas: "back back" "head tools" "note note" "main aside"; align-items: start; gap: 14px 20px; }
.wrv .wrv-product > * { grid-column: 1 / -1; min-width: 0; }
.wrv .wrv-product > .wrv-product__back { grid-area: back; }
.wrv .wrv-product > .wrv-product__head { grid-area: head; display: grid; gap: 8px; min-width: 0; }
.wrv .wrv-product__name { font-size: 26px !important; text-wrap: balance; overflow-wrap: anywhere; }
.wrv .wrv-product__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; color: var(--wrv-ink-2); font: 14px/1.4 var(--wrv-f-text); }
.wrv .wrv-product > .wrv-product__note { grid-area: note; }
.wrv .wrv-note--info { background: var(--wrv-surface); color: var(--wrv-ink); }
.wrv .wrv-note--info .wrv-i { color: var(--wrv-ink-2); }
.wrv .wrv-product > .wrv-product__aside { grid-area: aside; position: sticky; top: 16px; display: grid; gap: 16px; min-width: 0; }

/* Штатный вывод ядра — прямые дети .wrv-product, раскладываем по той же сетке */
.wrv .wrv-product > .container-bar { display: none !important; }
.wrv .wrv-product > .admin-content-wrapper { grid-area: main; display: block; margin: 0; padding: 0; background: none; box-shadow: none; }
/* Строка вкладок не переносится и растягивала бы всю форму шире экрана телефона — пусть прокручивается сама */
.wrv .wrv-product .admin-content-wrapper .content,
.wrv .wrv-product .content-wrap,
.wrv .wrv-product .cm-j-tabs,
.wrv .wrv-product .cm-tabs-content,
.wrv .wrv-product .cm-tabs-content > form { min-width: 0; max-width: 100%; }
/* У штатных обёрток кабинета отступы с !important — перебиваем точечно */
.wrv .wrv-product .admin-content-wrapper .content,
.wrv .wrv-product .admin-content-wrapper .content-wrap { margin: 0; padding: 0 !important; border: 0; background: none; box-shadow: none; }

/* Штатная строка кнопок */
.wrv .wrv-product > #actions_panel { grid-area: tools; position: static !important; z-index: auto !important; display: flex; justify-content: flex-end; align-self: center; width: auto; min-height: 0; margin: 0 !important; padding: 0 !important; border: 0; background: none; box-shadow: none !important; }
.wrv .wrv-product #actions_panel .actions__wrapper,
.wrv .wrv-product #actions_panel > hr { display: none !important; }
.wrv .wrv-product #actions_panel .btn-toolbar { display: flex; float: none; margin: 0; padding: 0; }
.wrv .wrv-product #actions_panel .toolbar_resize { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; }
.wrv .wrv-product #actions_panel .btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; margin: 0; padding: 0 16px; border: 1px solid transparent !important; border-radius: 10px; background: var(--wrv-action) !important; background-image: none; color: #fff !important; font: 500 14px/1 var(--wrv-f-text); text-shadow: none; box-shadow: none; white-space: nowrap; }
.wrv .wrv-product #actions_panel .btn:hover, .wrv .wrv-product #actions_panel .btn:active { background: var(--wrv-action-hover) !important; color: #fff !important; text-decoration: none; }
.wrv .wrv-product #actions_panel .btn:not(.cm-submit) { border-color: var(--wrv-line) !important; background: var(--wrv-surface) !important; color: var(--wrv-ink) !important; }
.wrv .wrv-product #actions_panel .btn:not(.cm-submit):hover, .wrv .wrv-product #actions_panel .btn:not(.cm-submit):active { border-color: #C8D2CC !important; background: var(--wrv-surface) !important; color: var(--wrv-ink) !important; }
.wrv .wrv-product #actions_panel .btn.hidden { display: none; }
.wrv .wrv-product #actions_panel .btn-group { position: relative; display: inline-flex; flex: none; width: auto !important; margin: 0 !important; }
.wrv .wrv-product #actions_panel .btn-group > .dropdown-toggle { display: grid; place-items: center; flex: none; width: 40px !important; min-width: 40px; height: 40px; padding: 0; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface); color: var(--wrv-ink-2); text-decoration: none; }
.wrv .wrv-product #actions_panel .btn-group > .dropdown-toggle:hover { border-color: #C8D2CC; color: var(--wrv-ink); }
.wrv .wrv-product #actions_panel .dropdown-menu { min-width: 220px; margin-top: 6px; padding: 6px; border: 1px solid var(--wrv-line); border-radius: 12px; background: var(--wrv-surface); box-shadow: 0 12px 30px rgba(41, 41, 48, .14); }
.wrv .wrv-product #actions_panel .dropdown-menu > li > a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--wrv-ink); font: 14px/1.3 var(--wrv-f-text); text-decoration: none; }
.wrv .wrv-product #actions_panel .dropdown-menu > li > a:hover { background: var(--wrv-ground); color: var(--wrv-ink); }
.wrv .wrv-product #actions_panel .dropdown-menu > li > a[href*="products.delete"] { color: #B8373A; }
.wrv .wrv-product #actions_panel .dropdown-menu > hr,
.wrv .wrv-product #actions_panel .dropdown-menu > .divider { height: 1px; margin: 6px 4px; border: 0; background: var(--wrv-line-2); }

/* Вкладки */
.wrv .wrv-product .cm-j-tabs { margin: 0 0 16px; padding: 0 10px; border-bottom: 1px solid var(--wrv-line); }
.wrv .wrv-product .cm-j-tabs .nav-tabs { display: flex; gap: 2px; margin: 0; padding: 0; overflow-x: auto; border: 0; scrollbar-width: none; }
.wrv .wrv-product .cm-j-tabs .nav-tabs::before, .wrv .wrv-product .cm-j-tabs .nav-tabs::after { display: none; }
.wrv .wrv-product .cm-j-tabs .nav-tabs > li { float: none; flex: none; margin: 0; }
.wrv .wrv-product .cm-j-tabs .nav-tabs > li > a { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 44px; margin: 0; padding: 0 12px; border: 0; border-radius: 0; background: none !important; color: var(--wrv-ink-2) !important; font: 500 14px/1 var(--wrv-f-display); white-space: nowrap; }
.wrv .wrv-product .cm-j-tabs .nav-tabs > li > a:hover { background: none !important; color: var(--wrv-ink) !important; }
.wrv .wrv-product .cm-j-tabs .nav-tabs > li.active > a { color: var(--wrv-ink) !important; }
.wrv .wrv-product .cm-j-tabs .nav-tabs > li.active > a::after { content: ""; position: absolute; right: 12px; bottom: 0; left: 12px; height: 2px; border-radius: 2px; background: var(--wrv-brand); }

/* Вкладка — одна белая карточка, разделы внутри отделены заголовками.
   Отдельными карточками разделы не сделать: между ними бывают штатные вставки со встроенными стилями. */
.wrv .wrv-product .cm-tabs-content { margin: 0; padding: 0; border: 0; background: none; }
.wrv .wrv-product .cm-tabs-content > form { margin: 0; }
.wrv .wrv-product .cm-tabs-content > form > [id^="content_"],
.wrv .wrv-product .cm-tabs-content > [id^="content_"] { padding: 6px 24px 22px; border-radius: 16px; background: var(--wrv-surface); }
.wrv .wrv-product [id^="content_"] > h2.subheader,
.wrv .wrv-product [id^="content_"] > h4.subheader { margin: 22px 0 0; padding: 22px 0 6px; border: 0; border-top: 1px solid var(--wrv-line); background: none; color: var(--wrv-ink); font: 600 18px/1.3 var(--wrv-f-display); font-size: 18px !important; font-weight: 600 !important; pointer-events: none; }
.wrv .wrv-product [id^="content_"] > .subheader:first-child { margin-top: 0; padding-top: 18px; border-top: 0; }
.wrv .wrv-product [id^="content_"] > .subheader [class*="icon-caret"] { display: none; }
.wrv .wrv-product [id^="content_"] > .subheader + .collapse { height: auto !important; margin: 0; padding: 0; overflow: visible; }
.wrv .wrv-product [id^="content_"] > hr { display: none; }
/* «Параметры брутто обязательны…» — серый блок со встроенными стилями (отступ 210px — тоже встроенный, !important):
   на компьютере он совпадает с колонкой полей, на телефоне блок не нужен — поля и так помечены звёздочкой */
.wrv .wrv-product #delivary_custom + div { padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }

/* Поля: подпись слева, поле справа; на телефоне — подпись над полем */
.wrv .wrv-product .form-horizontal .control-group { display: grid; grid-template-columns: minmax(140px, 190px) minmax(0, 1fr); align-items: start; gap: 6px 20px; margin: 0; padding: 14px 0; border: 0; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-product .form-horizontal .collapse > .control-group:first-child,
.wrv .wrv-product .form-horizontal .collapse > input:first-child + .control-group { border-top: 0; }
.wrv .wrv-product .form-horizontal .control-group::before,
.wrv .wrv-product .form-horizontal .control-group::after { display: none; }
.wrv .wrv-product .form-horizontal .control-label { float: none; width: auto !important; margin: 0; padding: 10px 0 0; background: none !important; color: var(--wrv-ink-2); font: 14px/1.35 var(--wrv-f-text); text-align: left; }
.wrv .wrv-product .form-horizontal .control-label.cm-required::after { content: "*"; margin-left: 3px; color: #D64545; }
.wrv .wrv-product .form-horizontal .controls { margin: 0 !important; min-width: 0; }
.wrv .wrv-product .controls input[type="text"],
.wrv .wrv-product .controls input[type="number"],
.wrv .wrv-product .controls input[type="email"],
.wrv .wrv-product .controls input[type="tel"],
.wrv .wrv-product .controls select,
.wrv .wrv-product .controls textarea { box-sizing: border-box; height: 40px; margin: 0; padding: 0 12px; border: 1px solid var(--wrv-line); border-radius: 10px; background: var(--wrv-surface); color: var(--wrv-ink); font: 14px/1.2 var(--wrv-f-text); box-shadow: none; transition: border-color .15s; }
.wrv .wrv-product .controls textarea { height: auto; min-height: 96px; padding: 10px 12px; line-height: 1.45; }
.wrv .wrv-product .controls input:hover, .wrv .wrv-product .controls select:hover, .wrv .wrv-product .controls textarea:hover { border-color: #C8D2CC !important; }
.wrv .wrv-product .controls input:focus, .wrv .wrv-product .controls select:focus, .wrv .wrv-product .controls textarea:focus { border-color: var(--wrv-brand) !important; outline: 0; box-shadow: 0 0 0 3px var(--wrv-brand-100) !important; }
.wrv .wrv-product .controls .input-large,
.wrv .wrv-product .controls .fullInput { width: 100% !important; max-width: none !important; }
.wrv .wrv-product .controls #elm_price_price { width: 200px !important; max-width: 100% !important; }
.wrv .wrv-product .controls .input-long,
.wrv .wrv-product .controls .input-medium,
.wrv .wrv-product .controls .input-small,
.wrv .wrv-product .controls .input-mini { width: 200px; max-width: 100%; }
.wrv .wrv-product .controls p.description,
.wrv .wrv-product .controls .muted { margin: 6px 0 0; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }
/* «Эту цену видят покупатели на витрине» — серый блок со встроенным стилем */
.wrv .wrv-product .controls > div[style*="box-shadow"] { margin-top: 6px !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }

/* Подсказка у «Старой цены» (product.js) */
.wrv .wrv-product .wrv-pwarn { margin: 6px 0 0; color: #9A5B00; font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-product .wrv-pwarn[hidden] { display: none; }

/* Фото: метка главного, требования, подсветка при перетаскивании файлов (product.js) */
.wrv .wrv-product .file-uploader__file-square { position: relative; }
.wrv .wrv-mainbadge { position: absolute; top: 8px; left: 8px; z-index: 2; padding: 2px 8px; border-radius: 999px; background: var(--wrv-brand); color: #fff; font: 500 12px/1.5 var(--wrv-f-text); pointer-events: none; }
.wrv .wrv-product .wrv-phint { max-width: 62ch; margin: 8px 0 0; color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-product .cm-file-uploader.dz-drag-hover { outline: 2px dashed var(--wrv-brand); outline-offset: 6px; border-radius: 12px; }

/* «Вам придёт ≈» под ценой (product.js) */
.wrv .wrv-product .wrv-payout { display: grid; gap: 8px; max-width: 420px; margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: var(--wrv-brand-050); color: var(--wrv-ink); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-product .wrv-payout__head { margin: 0; color: var(--wrv-ink-2); font: 14px/1.35 var(--wrv-f-text); }
.wrv .wrv-product .wrv-payout__head b { color: var(--wrv-ink); font: 600 20px/1.2 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-product .wrv-payout__head b.is-loss { color: #B8373A; }
.wrv .wrv-product .wrv-payout__rows { display: grid; gap: 2px; margin: 0; }
.wrv .wrv-product .wrv-payout__rows > div { display: flex; justify-content: space-between; gap: 12px; }
.wrv .wrv-product .wrv-payout__rows dt { margin: 0; color: var(--wrv-ink-2); font-weight: 400; }
.wrv .wrv-product .wrv-payout__rows dd { margin: 0; color: var(--wrv-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-product .wrv-payout__note { margin: 0; color: var(--wrv-ink-2); font-size: 12.5px; }

/* «Для продажи» (product.js) */
.wrv .wrv-ready__list .wrv-ready__note { margin-top: 2px; color: var(--wrv-ink-3); font-size: 12.5px; }
/* Вкладка «Характеристики»: сколько заполнено (product.js) */
.wrv .wrv-product .wrv-fcount { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: var(--wrv-brand-050); color: var(--wrv-ink); font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-product .wrv-fcount.is-warn { background: #FFF4E0; color: #7A4B00; }
.wrv .wrv-ready { gap: 10px; padding: 16px 20px; }
.wrv .wrv-ready[hidden] { display: none; }
.wrv .wrv-ready__head { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--wrv-ink); font: 500 15px/1.35 var(--wrv-f-text); }
.wrv .wrv-ready__mark { display: grid; flex: none; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #E5F3E8; color: var(--wrv-st-ok); }
.wrv .wrv-ready__mark .wrv-i { width: 14px; height: 14px; stroke-width: 2.2; }
.wrv .wrv-ready.is-missing .wrv-ready__mark { background: #FBEAEA; color: #B8373A; }
.wrv .wrv-ready__list { display: grid; gap: 6px; margin: 0; padding: 0 0 0 32px; list-style: none; }
.wrv .wrv-ready__list:empty { display: none; }
.wrv .wrv-ready__list li { color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-ready__list a { color: var(--wrv-action); text-decoration: none; }
.wrv .wrv-ready__list a:hover { color: var(--wrv-action-hover); text-decoration: underline; }
.wrv .wrv-ready__list .is-warn { color: #9A5B00; }

/* «Качество карточки» */
.wrv .wrv-pq { gap: 0; padding: 0; overflow: hidden; }
.wrv .wrv-pq__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 10px 12px; padding: 18px 20px 16px; cursor: default; list-style: none; }
.wrv .wrv-pq__head::-webkit-details-marker { display: none; }
.wrv .wrv-pq__title { color: var(--wrv-ink); font: 600 16px/1.3 var(--wrv-f-display); }
.wrv .wrv-pq__score { color: var(--wrv-ink-2); font: 400 14px/1 var(--wrv-f-text); white-space: nowrap; }
.wrv .wrv-pq__score b { color: var(--wrv-ink); font: 600 24px/1 var(--wrv-f-display); font-variant-numeric: tabular-nums; }
.wrv .wrv-pq__score[data-band="low"] b { color: #B8373A; }
.wrv .wrv-pq__head .wrv-track { grid-column: 1 / -1; }
.wrv .wrv-pq__score[data-band="low"] + .wrv-track i { background: #D98A00; }
.wrv .wrv-pq__caret { display: none; }
.wrv .wrv-pq__list { display: grid; margin: 0; padding: 0 20px; list-style: none; }
.wrv .wrv-pq__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px; padding: 12px 0; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-pq__mark { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--wrv-ground); color: var(--wrv-ink-3); }
.wrv .wrv-pq__mark .wrv-i { width: 14px; height: 14px; stroke-width: 2.2; }
.wrv .wrv-pq__item.is-done .wrv-pq__mark { background: #E5F3E8; color: var(--wrv-st-ok); }
.wrv .wrv-pq__t { display: grid; gap: 3px; min-width: 0; color: var(--wrv-ink); font: 14px/1.35 var(--wrv-f-text); }
.wrv .wrv-pq__t b { font-weight: 500; }
.wrv .wrv-pq__line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.wrv .wrv-pq__val { color: var(--wrv-ink-2); font-size: 13px; }
.wrv .wrv-pq__val:empty { display: none; }
.wrv .wrv-pq__next[hidden] { display: none; }
.wrv .wrv-pq__next { color: var(--wrv-ink-2); font-size: 13px; }
.wrv a.wrv-pq__next { color: var(--wrv-action); text-decoration: none; }
.wrv a.wrv-pq__next:hover { color: var(--wrv-action-hover); text-decoration: underline; }
.wrv .wrv-pq__pts { color: var(--wrv-ink); font: 500 13px/1.35 var(--wrv-f-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wrv .wrv-pq__pts small { color: var(--wrv-ink-3); font-size: 12px; }
.wrv .wrv-pq__note { margin: 0; padding: 12px 20px 16px; border-top: 1px solid var(--wrv-line-2); color: var(--wrv-ink-2); font: 13px/1.45 var(--wrv-f-text); }
.wrv .wrv-pq__note .wrv-link { font-size: 13px; }

/* Плавающая «Сохранить», когда штатные кнопки ушли из вида (product.js) */
.wrv .wrv-psave { position: fixed; right: 24px; bottom: calc(20px + var(--wrv-bp)); z-index: 40; display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 14px; background: var(--wrv-ink); color: #fff; box-shadow: 0 12px 30px rgba(41, 41, 48, .25); font: 14px/1.3 var(--wrv-f-text); }
.wrv .wrv-psave[hidden] { display: none; }
.wrv .wrv-psave__name { max-width: 280px; overflow: hidden; color: rgba(255, 255, 255, .85); text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1099px) {
    .wrv .wrv-product { grid-template-columns: minmax(0, 1fr); grid-template-areas: "back" "head" "tools" "note" "aside" "main"; }
    .wrv .wrv-product > #actions_panel { justify-content: flex-start; }
    .wrv .wrv-product #actions_panel .toolbar_resize { justify-content: flex-start; }
    .wrv .wrv-product > .wrv-product__aside { position: static; }
    .wrv .wrv-pq__head { cursor: pointer; grid-template-columns: minmax(0, 1fr) auto auto; }
    .wrv .wrv-pq__caret { display: block; grid-row: 1; grid-column: 3; align-self: center; color: var(--wrv-ink-2); transition: transform .15s; }
    .wrv .wrv-pq[open] .wrv-pq__caret { transform: rotate(180deg); }
}
@media (max-width: 767px) {
    .wrv .wrv-product__name { font-size: 22px !important; }
    .wrv .wrv-product .form-horizontal .control-group { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .wrv .wrv-product .form-horizontal .control-label { padding-top: 0; }
    .wrv .wrv-product .cm-tabs-content > form > [id^="content_"],
    .wrv .wrv-product .cm-tabs-content > [id^="content_"] { padding: 4px 16px 16px; }
    .wrv .wrv-product #delivary_custom + div { display: none; }
    /* Габариты коробки и правила к ним — друг под другом */
    .wrv .wrv-product #delivary_custom > .criterion-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .wrv .wrv-product .cm-j-tabs { padding: 0; }
    .wrv .wrv-psave { right: 12px; bottom: calc(78px + var(--wrv-bp) + env(safe-area-inset-bottom, 0px)); left: 12px; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) { .wrv .wrv-pq__caret { transition: none; } }

/* =====================================================================
 * Отгрузки: список (shipments.manage), страница отгрузки (shipments.details), редактор упаковок
 * ===================================================================== */
.wrv .wrv-stable .c-id { width: 1%; white-space: nowrap; }
.wrv .wrv-stable .c-prod { min-width: 220px; }
.wrv .wrv-stable .c-deliv { width: 18%; }
.wrv .wrv-stable .c-status { width: 1%; white-space: nowrap; }
.wrv .wrv-stable .c-status .wrv-due, .wrv .wrv-stable .c-status .wrv-meta { margin-top: 5px; }
.wrv .wrv-stable .c-act { width: 1%; padding-left: 4px; }
.wrv .wrv-stable .wrv-prod__name { max-width: 34ch; }
@media (max-width: 767px) {
    .wrv .wrv-stable tbody tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id act" "prod prod" "status status" "deliv deliv"; }
    .wrv .wrv-stable .c-id { grid-area: id; width: auto; }
    .wrv .wrv-stable .c-act { grid-area: act; width: auto; padding: 0; }
    .wrv .wrv-stable .c-prod { grid-area: prod; min-width: 0; }
    .wrv .wrv-stable .c-deliv { grid-area: deliv; width: auto; }
    .wrv .wrv-stable .c-status { grid-area: status; width: auto; white-space: normal; }
}

.wrv .wrv-btn--square { width: 40px; padding: 0; }
.wrv .wrv-shipment .wrv-page-head { align-items: center; }
.wrv .wrv-shipment .wrv-page-head .wrv-actions { align-items: center; justify-content: flex-end; margin-left: auto; }
/* Меню «⋯» раскрывается влево от кнопки — кнопки держим у правого края, даже когда они переносятся под заголовок */
.wrv .wrv-ship__label { display: inline-flex; align-items: center; }
.wrv .wrv-shipform { display: grid; gap: 16px; min-width: 0; margin: 0; }
.wrv label.wrv-card__title { display: block; }
.wrv .wrv-totals--plain { padding-top: 0; border-top: 0; }
.wrv .wrv-item--noprice { grid-template-columns: 56px minmax(0, 1fr) auto; }

/* Упаковки */
.wrv .wrv-pkgs { display: grid; gap: 12px; }
.wrv .wrv-pkg { display: grid; gap: 10px; min-width: 0; padding: 14px 16px; border: 1px solid var(--wrv-line); border-radius: 12px; }
.wrv .wrv-pkg__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.wrv .wrv-pkg__title { color: var(--wrv-ink); font: 600 15px/1.3 var(--wrv-f-display); }
.wrv .wrv-pkg__f { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--wrv-ink-2); font: 13px/1.2 var(--wrv-f-text); }
.wrv .wrv-pkg__dims { display: inline-flex; align-items: center; gap: 4px; color: var(--wrv-ink-3); }
.wrv .wrv-pkg .wrv-input--num { width: 62px; height: 32px; padding: 0 8px; }
.wrv .wrv-pkg .wrv-input.is-warn { border-color: #E8A0A2; background: #FFF6F6; }
.wrv .wrv-pkg__remove { margin-left: auto; }
.wrv .wrv-pkg__item { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto auto; align-items: center; gap: 8px 12px; padding-top: 10px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-pkg__item.is-view { grid-template-columns: 44px minmax(0, 1fr) auto; }
.wrv .wrv-pkg__qty { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.wrv .wrv-pkg__row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wrv .wrv-pkg__row .wrv-select { max-width: 100%; min-width: 0; }
.wrv .wrv-select--sm { height: 32px; font-size: 13px; }
.wrv .wrv-pkg__custom summary { width: max-content; max-width: 100%; color: var(--wrv-action); font: 500 13.5px/1.3 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-pkg__custom[open] summary { margin-bottom: 8px; }
.wrv .wrv-pkg__cname { flex: 1 1 200px; min-width: 0; }
.wrv .wrv-pkg-left { display: grid; gap: 6px; padding: 12px 14px; border-radius: 12px; background: #FCEAEA; color: #8F2528; font: 14px/1.45 var(--wrv-f-text); }
.wrv .wrv-pkg-left ul { margin: 0; padding-left: 18px; }
.wrv .wrv-calc { display: grid; gap: 10px; padding-top: 12px; border-top: 1px solid var(--wrv-line-2); }
.wrv .wrv-calc__row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.wrv .wrv-calc__out { max-width: 380px; }
.wrv .wrv-calc__err { color: #B8373A; font: 13.5px/1.4 var(--wrv-f-text); }

/* Перенос срока отправки */
.wrv .wrv-delay summary { width: max-content; max-width: 100%; color: var(--wrv-action); font: 500 14px/1.3 var(--wrv-f-text); cursor: pointer; }
.wrv .wrv-delay[open] summary { margin-bottom: 12px; }
.wrv .wrv-delay__form { display: grid; gap: 12px; max-width: 460px; margin: 0; }
.wrv .wrv-delay__f { display: grid; gap: 6px; }
.wrv .wrv-delay__date { width: 190px; }

@media (max-width: 767px) {
    .wrv .wrv-pkg { padding: 12px; }
    /* Крестик места — в правый верхний угол, поля веса и габаритов переносятся под заголовок */
    .wrv .wrv-pkg__head { position: relative; padding-right: 36px; }
    .wrv .wrv-pkg__remove { position: absolute; top: -4px; right: -4px; margin: 0; }
    /* Название — на всю ширину строки; количество и «Переложить…» — строкой ниже */
    .wrv .wrv-pkg__item { grid-template-columns: 44px auto minmax(0, 1fr) auto; grid-template-areas: "img name name del" "img qty move move"; }
    .wrv .wrv-pkg__item.is-view { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: none; }
    /* Классы .wrv-item__t / __qty общие с карточкой заказа, у которой на телефоне свои области сетки */
    .wrv .wrv-pkg__item.is-view > * { grid-area: auto; }
    .wrv .wrv-pkg__img { grid-area: img; align-self: start; }
    .wrv .wrv-pkg__item:not(.is-view) .wrv-item__t { grid-area: name; }
    .wrv .wrv-pkg__qty { grid-area: qty; }
    .wrv .wrv-pkg__move { grid-area: move; width: 100%; }
    .wrv .wrv-pkg__del { grid-area: del; align-self: start; }
    .wrv .wrv-shipment .wrv-page-head .wrv-actions { width: 100%; }
    /* Общее правило прячет второстепенные кнопки шапки на телефоне; здесь это стикер и меню «⋮» — нужны */
    .wrv .wrv-shipment .wrv-page-head .wrv-actions .wrv-btn--secondary { display: inline-flex; }
}