/* Совпадение при поиске в выпадающих списках: раньше получало display:block и рвало слово на строки. */ .ui-select-highlight, .ui-select-bootstrap .ui-select-choices-row span.ui-select-highlight { display: inline !important; } /* Окно «Список GTIN»: три колонки не помещаются в стандартную ширину окна (03.10.2026). */ .sweet-alert.gtin-list-alert { width: 940px; margin-left: -470px; } @media (max-width: 980px) { .sweet-alert.gtin-list-alert { width: auto; margin-left: 0; left: 10px; right: 10px; } } /* Кнопки в строке отчёта: ровный столбик одной ширины. */ /* Действия строки отчёта - одной строкой справа, все кнопки одного вида и высоты; главная - «Открыть». Столбик и сетка 2x2 из разноцветных кнопок смотрелись неряшливо. */ .report-row-actions { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 6px; white-space: nowrap; } .report-row-actions > a, .report-row-actions > .btn-group { display: inline-block; float: none; } .report-row-actions .btn { float: none; height: 30px; padding: 0 12px; border-radius: 4px; border: 1px solid #cfdde8 !important; background: #f4f8fb !important; color: #5a7086 !important; font-size: 13px; font-weight: 400; line-height: 28px; box-shadow: none; } .report-row-actions .btn:hover, .report-row-actions .open > .btn { background: #e7f0f7 !important; color: #38506a !important; border-color: #aec6d8 !important; } .report-row-actions .btn-success { background: #55627a !important; border-color: #55627a !important; color: #fff !important; font-weight: 600; } .report-row-actions .btn-success:hover { background: #434e63 !important; border-color: #434e63 !important; color: #fff !important; } /* Три числа итога под фильтрами. */ .cab-stats { display: flex; flex-wrap: wrap; gap: 8px 36px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #e4ebf1; } .cab-stats span { display: block; font-size: 12px; color: #909fa7; } .cab-stats b { font-size: 20px; font-weight: 600; color: #1f2d3d; line-height: 1.3; } @media (max-width: 1199px) { .report-row-actions { flex-wrap: wrap; justify-content: flex-start; white-space: normal; } .cab-totals .cab-num:not(:empty):before { content: 'Кодов: '; } .cab-totals .cab-totals__count:not(:empty):before { content: 'Заявок: '; } .cab-totals .cab-totals__sum:not(:empty):before { content: 'Сумма, ₽: '; } } /* Окно списка GTIN на телефоне: заголовок мельче, строки карточками без горизонтальной прокрутки, кнопки видны сразу. */ @media (max-width: 820px) { .sweet-alert.gtin-list-alert { top: 10px; margin-top: 0 !important; padding: 12px; } .sweet-alert.gtin-list-alert h2 { font-size: 18px; line-height: 1.25; margin: 6px 0 10px; } .sweet-alert.gtin-list-alert .gtin-list-scroll { max-height: calc(100vh - 190px) !important; } .gtin-list-table thead { display: none; } .gtin-list-table tr { display: block; padding: 6px 0; border-bottom: 1px solid #e4eaec; } .gtin-list-table td { display: block; padding: 1px 4px !important; text-align: left !important; white-space: normal !important; } .gtin-list-table td:nth-child(2) { font-weight: 600; } .sweet-alert.gtin-list-alert button { margin: 10px 4px 0; padding: 8px 18px; font-size: 14px; } } /* Строки списка GTIN различимы: полосы через одну, разделители и закреплённая шапка. */ .gtin-list-table thead th { position: sticky; top: 0; background: #fff; border-bottom: 2px solid #cfdbe2; padding: 6px 8px !important; } .gtin-list-table tbody td { border-bottom: 1px solid #e4eaec; padding: 7px 8px !important; vertical-align: top; } .gtin-list-table tbody tr:nth-child(even) { background: #f5f7fa; } .gtin-list-table tbody tr:hover { background: #eaf6fb; } @media (max-width: 820px) { .gtin-list-table tbody td { border-bottom: 0; padding: 1px 8px !important; } .gtin-list-table tr { padding: 8px 0; } } /* Колонки дат в окне списка GTIN: на компьютере подписи «с / до» не нужны (они в шапке), на телефоне шапки нет. */ .gtin-list-table .gtin-m-label { display: none; } .gtin-list-table .gtin-doc-line + .gtin-doc-line { margin-top: 3px; } @media (max-width: 820px) { .gtin-list-table .gtin-m-label { display: inline; color: #909fa7; } .gtin-list-table td:nth-child(4), .gtin-list-table td:nth-child(5) { display: inline-block; padding-right: 12px !important; } } /* Списки кабинета агента в стиле новой заявки: левый край, приглушённая вторая строка, кнопка действия справа. */ .cab-list > thead > tr > th { text-align: left; font-size: 12px; font-weight: 400; color: #909fa7; padding: 8px 14px !important; border-bottom: 1px solid #e4ebf1 !important; } .cab-list > tbody > tr > td { padding: 10px 14px !important; vertical-align: middle !important; border-top: 1px solid #eef1f4 !important; } .cab-list .cab-date { white-space: nowrap; color: #5a6b7b; width: 150px; } .cab-list .cab-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; width: 90px; } .cab-list .cab-sub { font-size: 12px; color: #909fa7; max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cab-list .cab-actions { text-align: right; white-space: nowrap; } .cab-list .cab-icon { margin-right: 8px; color: #5a7086; text-decoration: none; } .cab-btn { white-space: nowrap; display: inline-block; padding: 5px 12px; border-radius: 4px; border: 1px solid #cfdde8; background: #f4f8fb; color: #5a7086; font-size: 13px; text-decoration: none !important; } .cab-btn:hover { background: #e7f0f7; color: #38506a; border-color: #aec6d8; } .cab-search { padding: 10px 14px; border-bottom: 1px solid #eef1f4; } .cab-search .form-control { max-width: 360px; } /* Шапка: баланс - заметной плашкой со ссылкой на пополнение, поддержка и имя - справа обычным текстом. */ .topnavbar .cab-balance > a { display: flex !important; align-items: center; gap: 8px; } .topnavbar .cab-balance__sum { background: rgba(255,255,255,.2); border-radius: 4px; padding: 3px 10px; font-weight: 600; line-height: 1.5; } .topnavbar .cab-balance__add { font-size: 12px; opacity: .85; } .topnavbar .cab-user > a { cursor: default; opacity: .9; } /* Меню: «Новая заявка» - кнопкой, это главное действие кабинета. */ .sidebar > .nav > li > a[href="#/app/mark"] { margin: 8px 12px 6px; padding: 8px 12px; border-radius: 4px; background: #5b93dc; color: #fff !important; font-weight: 600; } .sidebar > .nav > li > a[href="#/app/mark"] > em { color: #fff !important; } .sidebar > .nav > li > a[href="#/app/mark"]:hover { background: #4a80c8; } .aside-collapsed .sidebar > .nav > li > a[href="#/app/mark"] { margin: 6px; padding: 8px 0; } /* Карточка кабинета в стиле карточки товара из заявки: та же серая карточка, синие заголовки разделов, сетка в четыре колонки и подпись над полем (владелец 09.10.2026 - одна стилистика с новой заявкой). */ .agent-card { border:1px solid #dfe7ee; border-radius:6px; background:#f7fafc; padding:12px 14px; margin-bottom:14px; } .agent-card__sec { display:flex; align-items:center; justify-content:space-between; margin:10px 0 6px; padding:5px 11px; border-left:3px solid #5b93dc; border-radius:0 4px 4px 0; background:#f0f4f8; color:#3a4a5c; font-size:13px; font-weight:600; } .agent-card__sec:first-child { margin-top:4px; } .agent-card__grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:5px 15px; } @media (max-width: 1199px) { .agent-card__grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .agent-card__grid { grid-template-columns:minmax(0, 1fr); } } .agent-card label.text-muted { margin-bottom:2px; font-weight:400; } .agent-card .input-group-addon { color:#909fa7; background:#fff; font-size:12px; } .agent-card__check { margin:0; font-weight:400; color:#5a7086; cursor:pointer; } .agent-card__check input { margin-right:4px; vertical-align:-1px; } .agent-card__check--row { display:block; margin-top:8px; } .agent-card__actions { display:flex; align-items:center; gap:8px; margin-top:14px; } .agent-card__spacer { flex:1; } .agent-card__danger { color:#a8635f; background:#fbf2f1; border:1px solid #e6cbc9; } .agent-card__danger:hover { background:#f7e6e4; color:#8f3f3b; border-color:#dbb3b0; } .agent-card__note { margin-top:10px; } .agent-card__body { padding: 4px 0 2px; color: #5a6b7b; } .agent-card__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agent-card .cab-btn--main, .cab-btn--main { background: #5b93dc; border-color: #5b93dc; color: #fff !important; font-weight: 600; } .cab-btn--main:hover { background: #4a80c8; border-color: #4a80c8; color: #fff; } .cab-btn[disabled] { opacity: .5; pointer-events: none; } button.cab-btn { line-height: 1.42; } /* Вкладки внутри страницы кабинета. */ .cab-tabs { display: flex; gap: 4px; margin: 0 0 12px; border-bottom: 1px solid #dfe7ee; } .cab-tabs a { padding: 7px 14px; color: #5a7086; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; } .cab-tabs a.is-on { color: #3a6fb8; border-bottom-color: #5b93dc; font-weight: 600; } /* Финансы: строка действий и история. */ .cab-actions-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 4px; } .cab-money-plus { color: #1a7a34; font-weight: 600; } .cab-list td.cab-num, .cab-list th.cab-num { text-align: right; } .cab-links td { vertical-align: middle !important; } .cab-links .cab-copy { cursor: pointer; color: #4a80c8; } /* Боковое меню: спокойные «таблетки» вместо красной полосы - активный пункт голубой, как акценты новой заявки. */ .sidebar > .nav > li { border-left: 0 !important; } .sidebar > .nav > li > a { margin: 2px 10px; padding: 8px 12px; border-radius: 4px; color: #4b5b6b; } .sidebar > .nav > li > a > em { color: #8597a8; } .sidebar > .nav > li > a:hover, .sidebar > .nav > li > a:focus { background: #f0f4f8; color: #2f4257; } .sidebar > .nav > li.active, .sidebar > .nav > li.active > a { background: transparent; } .sidebar > .nav > li.active > a { background: #e8f0fb !important; color: #2f62a8 !important; font-weight: 600; } .sidebar > .nav > li.active > a > em { color: #4a80c8 !important; } /* Заголовки разделов меню без слов: «Главное меню», «Модератор», «Настройки» ничего не объясняли. Вместо них тонкая черта между группами, первая группа начинается без черты (владелец 10.10.2026). */ .sidebar .nav-heading { height: 1px; margin: 8px 16px; padding: 0 !important; background: #e4ebf1; font-size: 0; line-height: 0; overflow: hidden; } .sidebar > .nav > .nav-heading:first-child, .sidebar > .nav > .has-user-block + .nav-heading { display: none; } .aside-collapsed .sidebar .nav-heading { margin: 8px 10px; } .sidebar > .nav > li > a[href="#/app/mark"] { margin: 12px 10px 8px; } .aside-collapsed .sidebar > .nav > li > a { margin: 2px 6px; padding: 8px 0; } .cab-btn--out { border-color: #b9c2cf; background: #fff; color: #434e63; font-weight: 600; } .cab-btn--out:hover, .cab-btn--out.is-on { background: #eef1f4; border-color: #8f9aab; color: #2f3b4a; } .cab-btn--big { padding: 8px 22px; font-size: 14px; } /* Ссылки для регистрации: строка-карточка с адресом, действиями и ценами по порогам. */ .cab-reflink { border: 1px solid #e4ebf1; border-radius: 6px; background: #fff; padding: 10px 14px; margin-bottom: 8px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'top actions' 'prices prices'; gap: 0 12px; align-items: center; } .cab-reflink__top { grid-area: top; } .cab-reflink__prices { grid-area: prices; } .cab-reflink__actions { grid-area: actions; white-space: nowrap; } @media (max-width: 767px) { .cab-reflink { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'top' 'prices' 'actions'; } .cab-reflink__actions { margin-top: 8px; white-space: normal; } } .cab-reflink__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; } .cab-reflink__top .cab-copy { font-size: 15px; font-weight: 600; word-break: break-all; } .cab-reflink__actions .cab-btn { margin-left: 4px; } .cab-reflink__actions form { display: inline; } .cab-reflink__prices { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 28px; margin-top: 8px; } .cab-reflink__label { display: block; font-size: 12px; color: #909fa7; } .cab-reflink__price b { font-size: 16px; color: #1f2d3d; } .cab-reflink__price input { width: 80px !important; } .cab-reflink__single { margin: 0; font-weight: 400; color: #5a7086; } .cab-btn--danger { color: #a8635f; background: #fbf2f1; border-color: #e6cbc9; } .cab-btn--danger:hover { background: #f7e6e4; color: #8f3f3b; border-color: #dbb3b0; } .topnavbar .cab-logo { width: 26px; height: 26px; vertical-align: -4px; margin-right: 8px; } .topnavbar .brand-logo-collapsed .cab-logo { width: 30px; height: 30px; margin: 0; vertical-align: -5px; } .cab-token { max-width: 100%; word-break: break-all; } .cab-token input { width: 420px !important; max-width: 100%; } .cab-search > input.form-control { flex: 1; min-width: 220px; } /* Шапка ровная: плашка баланса раздувала её с 55 до 61 px, шапка наезжала на меню, а пункты стояли на разной высоте. Все пункты шапки теперь одной высоты и выровнены по центру (владелец 10.10.2026). */ .topnavbar { min-height: 55px; height: 55px; } /* Кнопки меню (одна для телефона, одна для экрана) показываются по своим правилам - им только высоту строки. */ .topnavbar .navbar-nav > li > a { height: 55px; line-height: 55px; padding-top: 0 !important; padding-bottom: 0 !important; } .topnavbar .navbar-nav > li > a:not(.visible-xs):not(.hidden-xs) { display: flex !important; align-items: center; line-height: 1.4; gap: 7px; } /* Справа пункты одного размера и с одинаковыми промежутками; значок выхода не прижат к краю. */ .topnavbar .navbar-right > li > a { font-size: 14px; padding-left: 14px !important; padding-right: 14px !important; } .topnavbar .navbar-right > li:last-child > a { padding-right: 18px !important; } .topnavbar .navbar-right > li > a > em { font-size: 16px; } .topnavbar .navbar-nav > li > a > em { line-height: 1; } .topnavbar .cab-balance__sum { line-height: 1.4; } /* Полное название показываю только при развёрнутом меню: принудительный показ выводил его и в свёрнутом, поверх баланса (владелец 10.10.2026). */ .topnavbar .brand-logo { align-items: center; height: 55px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1 !important; } body:not(.aside-collapsed) .topnavbar .brand-logo { display: flex; } @media (min-width: 768px) { .aside-collapsed .topnavbar .brand-logo { display: none !important; } } .topnavbar .brand-logo .cab-logo { vertical-align: 0; } .topnavbar .brand-logo-collapsed { height: 55px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 55px !important; } .topnavbar .brand-logo-collapsed .cab-logo { vertical-align: middle; } /* Меню не прижато к шапке и пункты не слипаются: отступ сверху и строка повыше. */ .sidebar > .nav { padding-top: 10px; } .sidebar > .nav > li > a { margin: 3px 10px; padding: 10px 12px; } .sidebar > .nav > li > a[href="#/app/mark"] { margin: 4px 10px 10px; padding: 10px 12px; } .sidebar .nav-heading { margin: 10px 16px; } .cab-list .cab-actions .cab-btn { margin-left: 6px; } .cab-list .cab-actions .draft-delete { margin-left: 6px; } .cab-comment { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; max-width: 460px; padding: 4px 8px; border-left: 2px solid #cfd8e3; font-size: 12px; line-height: 1.4; color: #6b7a89; text-decoration: none !important; white-space: normal; } .cab-comment:hover { color: #3a4a5c; } .cab-comment.is-new { border-left-color: #c0392b; background: #fdf3f2; color: #7a2a22; } /* Узкий и средний экран (до 1200): таблица списка превращается в карточки - иначе колонка «Что в заявке» сжималась в столбик по одному слову, а кнопки уезжали за край с горизонтальной прокруткой (владелец 10.10.2026). */ @media (max-width: 1199px) { .cab-list, .cab-list > tbody, .cab-list > tbody > tr, .cab-list > tbody > tr > td { display: block; width: auto !important; } .cab-list > thead { display: none; } .cab-list > tbody > tr { padding: 10px 14px; border-top: 1px solid #e4ebf1; } .cab-list > tbody > tr:first-child { border-top: 0; } .cab-list > tbody > tr > td { padding: 2px 0 !important; border: 0 !important; text-align: left !important; white-space: normal; } .cab-list .cab-date { font-size: 12px; color: #909fa7; } .cab-list .cab-num { text-align: left !important; font-size: 12px; color: #5a6b7b; } .cab-list .cab-num:not(:empty):before { content: 'Кодов: '; } .cab-list .cab-sub { max-width: none; white-space: normal; } .cab-list .cab-actions { margin-top: 6px; white-space: normal; } .cab-list .cab-actions .cab-btn { margin: 0 6px 0 0; } .cab-comment { max-width: none; } } /* При наведении на баланс цифры не меняются - подсвечивается только слово «пополнить» (владелец 10.10.2026). */ .topnavbar .cab-balance > a, .topnavbar .cab-balance > a:hover, .topnavbar .cab-balance > a:focus { background: transparent !important; color: #fff !important; } .topnavbar .cab-balance > a:hover .cab-balance__sum, .topnavbar .cab-balance > a:focus .cab-balance__sum { background: rgba(255,255,255,.2); color: #fff; } .topnavbar .cab-balance > a:hover .cab-balance__add { opacity: 1; text-decoration: underline; } /* Кнопка в ячейке сетки стоит на одной линии с полями: прижата к низу и той же высоты. */ .agent-card__cell-btn { display: flex; align-items: flex-end; } .agent-card__cell-btn .cab-btn { height: 35px; padding-top: 0; padding-bottom: 0; line-height: 33px; } .agent-card__grid label.text-muted { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .agent-card__body { margin-top: 6px; } /* Финансы: три равные плитки - заголовок, пояснение, действие внизу на одной линии. */ .cab-money { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 10px 0 4px; } .cab-money__tile { display: flex; flex-direction: column; margin: 0; padding: 12px 14px; border: 1px solid #e4ebf1; border-radius: 6px; background: #fff; } .cab-money__title { font-weight: 600; color: #2f3b4a; margin-bottom: 4px; } .cab-money__text { flex: 1; font-size: 13px; line-height: 1.45; color: #6b7a89; margin-bottom: 12px; } .cab-money__action { display: flex; align-items: stretch; gap: 8px; } .cab-money__action .input-group { flex: 1; min-width: 0; } .cab-money__action .cab-btn { height: 35px; padding-top: 0; padding-bottom: 0; line-height: 33px; } /* Телефон: название в шапке видно всегда (свёрнутое меню там не действует); баланс стоит во второй, белой строке - белый текст на ней пропадал, даю тёмный на светлой плашке; строка-карточка списка красится целиком, а не ячейками. */ @media (max-width: 767px) { .topnavbar .brand-logo { display: flex !important; } .topnavbar .brand-logo-collapsed { display: none !important; } .topnavbar .cab-balance > a, .topnavbar .cab-balance > a:hover, .topnavbar .cab-balance > a:focus { color: #3a3f51 !important; } .topnavbar .cab-balance__sum, .topnavbar .cab-balance > a:hover .cab-balance__sum { background: #f0f4f8; color: #1f2d3d; } .topnavbar .cab-balance__add { display: inline !important; color: #4a80c8; opacity: 1; } .topnavbar .navbar-header { position: relative; } .topnavbar .navbar-header .support-mobile { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); padding: 6px 10px; border: 1px solid rgba(255,255,255,.35); border-radius: 6px; color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none; } } @media (max-width: 1199px) { #drafts-list .cab-list > tbody > tr > td { background: transparent !important; box-shadow: none !important; } #drafts-list .cab-list > tbody > tr.draft-row--unsent { box-shadow: inset 3px 0 0 #eda766; } #drafts-list .cab-list > tbody > tr.draft-row--message { box-shadow: inset 3px 0 0 #eda766; } } /* Телефон: вторая строка шапки (баланс и имя) - на белой подложке, иначе при прокрутке сквозь неё видно содержимое; служебные строки таблиц («показывать по», поиск, листание) - друг под другом и не шире экрана. */ @media (max-width: 767px) { .topnavbar .nav-wrapper { background: #fff !important; border-bottom: 1px solid #e4ebf1; overflow: hidden; position: relative; z-index: 2; padding-right: 12px; } .dataTables_wrapper > .row { margin-left: 0; margin-right: 0; } .dataTables_wrapper > .row > [class*="col-"] { width: 100%; float: none; padding-left: 14px; padding-right: 14px; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none !important; text-align: left !important; margin: 6px 0; } .dataTables_wrapper .dataTables_filter label { display: block; } .dataTables_wrapper .dataTables_filter input { display: block; width: 100% !important; margin: 4px 0 0 !important; } .dataTables_wrapper .dataTables_paginate .pagination { margin: 0; white-space: normal; } } @media (max-width: 767px) { .topnavbar .nav-wrapper .navbar-right { margin-right: 0 !important; } .topnavbar .nav-wrapper .navbar-right > li > a { padding-right: 26px !important; } } /* Меню на всю высоту: рабочие пункты сверху, «Настройки» и «Выйти» прижаты к низу - иначе под коротким списком оставалась пустая половина экрана (владелец 10.10.2026). Последняя черта-заголовок стоит четвёртой с конца: за ней «Настройки», «Выйти» и строка поддержки для телефона. */ .sidebar > .nav { display: flex; flex-direction: column; min-height: calc(100vh - 55px); padding-bottom: 12px; } .sidebar > .nav > li { flex: none; } .sidebar > .nav > li.nav-heading:nth-last-child(4) { margin-top: auto; } /* Цвета под красную шапку (владелец 10.10.2026: шапку не меняем, остальное приводим к ней, но без агрессии и без сходства с ошибками). Красный - только тонкими акцентами: полоска у заголовка раздела, черта активной вкладки, метка активного пункта меню. Основные кнопки - спокойный зелёный (владелец выбрал его 10.10.2026 из шести вариантов на странице новой заявки); «Отправить модератору» остаётся ярче остальных - это главное действие формы. Ссылки остаются синими, зелёный и оранжевый значат то же, что раньше. */ .btn-primary, .btn-primary:focus, .cab-btn--main, .cab-btn--main:focus { background-color: #55627a !important; border-color: #55627a !important; color: #fff !important; } .btn-primary:hover, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .cab-btn--main:hover { background-color: #434e63 !important; border-color: #434e63 !important; color: #fff !important; } .btn-primary[disabled], .btn-primary.disabled, .cab-btn--main[disabled] { background-color: #9aa5b1 !important; border-color: #9aa5b1 !important; opacity: 1; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span { background-color: #55627a; border-color: #55627a; } .agent-card__sec { border-left-color: #f0625f; } #dkForm .goods-sec { --gs: #f0625f; } #dkForm .mark-files__row { --mf: #55627a; --mf-dark: #434e63; --mf-bg: #eef1f4; } .cab-tabs a.is-on { color: #2f3b4a; border-bottom-color: #f0625f; } /* Активный пункт - на нейтральном сером с красной меткой слева: розовая заливка читалась как предупреждение. */ .sidebar > .nav > li.active > a { background: #eef1f4 !important; color: #2f3b4a !important; box-shadow: inset 3px 0 0 #f0625f; } .sidebar > .nav > li.active > a > em { color: #f0625f !important; } .sidebar > .nav > li > a[href="#/app/mark"], .sidebar > .nav > li.active > a[href="#/app/mark"] { background: #55627a !important; color: #fff !important; box-shadow: none; } .sidebar > .nav > li > a[href="#/app/mark"]:hover { background: #434e63 !important; } .sidebar > .nav > li > a[href="#/app/mark"] > em { color: #fff !important; } .cab-steps__bar i.is-now { background: #55627a; } .agent-card input.form-control:focus, .agent-card select.form-control:focus, .cab-search .form-control:focus { border-color: #9aa5b1; } /* Отчёт: вторая строка «что в заявке» короче, чтобы четыре кнопки справа помещались в карточку. */ #reportDk .cab-sub { max-width: 340px; } #reportDk > tbody > tr > td.cab-actions { padding-left: 6px !important; } /* Средняя ширина: колонка «что в заявке» не сжимается в столбик по слову, статус может переноситься. */ .cab-list > tbody > tr > td:nth-child(2) { min-width: 220px; } /* Инструкция: текст слева, снимок справа; на узком экране снимок под текстом. Снимок открывается целиком по нажатию. */ .guide .agent-card { margin-bottom: 14px; } .guide__short { margin: 8px 0 6px; padding-left: 20px; line-height: 1.9; } .guide__note { margin: 8px 0 4px; color: #6b7a89; } .guide__step { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 20px; align-items: start; padding: 12px 0; border-top: 1px solid #eef1f4; } .guide__step:first-of-type { border-top: 0; } .guide__text p { margin: 0 0 8px; line-height: 1.55; } .guide__text ul { margin: 0 0 8px; padding-left: 18px; } .guide__text li { margin-bottom: 5px; line-height: 1.5; } .guide__shot { display: block; border: 1px solid #dfe7ee; border-radius: 6px; overflow: hidden; background: #fff; } .guide__shot img { display: block; width: 100%; height: auto; } .guide__sizes td { vertical-align: top !important; white-space: normal; } .guide__sizes td:first-child { font-weight: 600; white-space: nowrap; } @media (max-width: 1199px) { .guide__step { grid-template-columns: minmax(0, 1fr); } .guide__sizes td:first-child { white-space: normal; } } /* Отчёт: действия первой колонкой, прижаты влево. */ .cab-list .cab-actions--left { text-align: left; width: 1%; } .cab-list .cab-actions--left .report-row-actions { justify-content: flex-start; } #reportDk > tbody > tr > td.cab-actions--left { padding-left: 14px !important; padding-right: 6px !important; } /* В карточке (узкий экран) действия отчёта стоят внизу, под заявкой, а не над ней. */ @media (max-width: 1199px) { #reportDk > tbody > tr { display: flex; flex-direction: column; } #reportDk > tbody > tr > td.cab-actions--left { order: 9; width: auto !important; padding-left: 0 !important; margin-top: 6px; } } #reportDk .cab-date { width: 1%; white-space: nowrap; padding-right: 24px !important; } /* Отчёт: кнопки строки поменьше (владелец 10.10.2026), таблица строго по ширине карточки. */ .report-row-actions { gap: 4px; } .report-row-actions .btn { height: 26px; padding: 0 9px; font-size: 12px; line-height: 24px; } #reportDk { width: 100% !important; } #reportDk .cab-sub { max-width: 300px; } #reportDk > thead > tr > th { width: auto !important; } #reportDk > thead > tr > th.cab-num, #reportDk > tbody > tr > td.cab-num { width: 80px !important; } #reportDk > thead > tr > th:nth-child(1), #reportDk > tbody > tr > td.cab-actions--left { width: 1% !important; } #reportDk > thead > tr > th:nth-child(2), #reportDk > tbody > tr > td.cab-date { width: 150px !important; } /* Форма заявки: товары должны читаться как отдельные блоки (владелец 10.10.2026 - «один товар переходит в другой»). Карточка белая с заметной рамкой и шапкой-полосой, между карточками больше воздуха; заголовки разделов внутри карточки тихие - подпись с тонкой чертой, без заливки и цветной полосы, чтобы шапка товара была главной. */ body #dkForm .goods-card { background: #fff; border: 1px solid #cdd7e1; border-radius: 6px; padding: 0 16px 14px; margin-bottom: 28px; box-shadow: 0 1px 3px rgba(31, 45, 61, .07); } body #dkForm .goods-card > .goods-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; width: auto; float: none; margin: 0 -16px 12px; padding: 9px 16px; border: 0; border-bottom: 1px solid #d8e0e8; border-radius: 8px 8px 0 0; background: #eaeff4; font-size: 16px; font-weight: 600; color: #1f2d3d; line-height: 1.35; } body #dkForm .goods-card__num { flex: none; min-width: 30px; padding: 1px 8px; border-radius: 4px; background: #55627a; color: #fff; font-size: 14px; text-align: center; } /* Кнопки «удалить», «очистить», «копировать» стоят сразу за названием товара, как агенты привыкли, а не у правого края. */ body #dkForm .goods-card__sum { flex: 0 1 auto; min-width: 0; max-width: 60%; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* На телефоне название занимает строку целиком рядом с номером, кнопки переносятся под него (владелец 26.10.2026). */ @media (max-width: 767px) { body #dkForm .goods-card__sum { flex: 1 1 70%; max-width: none; margin-right: 0; } } /* Белый фон кнопкам шапки - только в покое: при наведении у них своя заливка с белым текстом, и с белым фоном подпись пропадала. */ body #dkForm .goods-card > .goods-card__head .goods-action { font-weight: 400; } body #dkForm .goods-card > .goods-card__head .goods-action:not(:hover) { background: #fff; } body #dkForm .goods-sec { margin: 14px 0 6px; padding: 0 0 4px; border-left: 0; border-bottom: 1px solid #e4ebf1; border-radius: 0; background: transparent; color: #7b8a95; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; } body #dkForm .category-fields-grid > .goods-sec:first-child { margin-top: 2px; } body #dkForm .goods-sec > em.fa { color: #a3b0bc; } body #dkForm .goods-sec .btn, body #dkForm .goods-sec .goods-action, body #dkForm .goods-sec button { text-transform: none; letter-spacing: 0; } body #dkForm .goods-lazy-placeholder { margin-bottom: 28px; } body #dkForm .goods-sec .goods-sec__toggle, body #dkForm .goods-sec small, body #dkForm .goods-sec .text-muted { text-transform: none; letter-spacing: 0; font-weight: 400; } /* Свёрнутые документы: номер и дата обычным тёмным текстом, не заглавными - это данные, а не заголовок. */ body #dkForm .goods-sec .goods-sec__doc { flex: 1; min-width: 0; margin-left: 10px; text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600; color: #2f3b4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body #dkForm .goods-sec .goods-sec__note { text-transform: none; letter-spacing: 0; } /* Инструкция, подробная версия: снимок стоит под текстом во всю ширину колонки, с подписью. */ .guide__text { max-width: 900px; } .guide__text ol { margin: 0 0 10px; padding-left: 20px; } .guide__text ol li { margin-bottom: 5px; line-height: 1.5; } .guide .guide__shot { max-width: 860px; margin: 12px 0 4px; } .guide__cap { max-width: 860px; margin: 0 0 16px; font-size: 12px; color: #909fa7; } /* Выключенная главная кнопка - бледно-зелёная, а не серая: видно, что это та же кнопка, просто пока недоступна. */ .btn-primary[disabled], .btn-primary.disabled, .cab-btn--main[disabled] { background-color: #a6aebb !important; border-color: #a6aebb !important; } /* «Открыть бота» - в цвет Telegram: сразу видно, куда ведёт кнопка (владелец 11.10.2026). */ .cab-btn--tg, .cab-btn--tg:focus { background: #2aabee !important; border-color: #2aabee !important; color: #fff !important; font-weight: 600; } .cab-btn--tg:hover { background: #229ed9 !important; border-color: #229ed9 !important; color: #fff !important; } /* Страница входа: тёмная шапка со знаком, как на аватаре в Telegram */ #loginPanel > .panel-heading { background: radial-gradient(circle at 50% 35%, #2c3644, #171c25); border-color: #171c25; padding: 26px 15px 22px; } .login-brand svg { width: 76px; height: 76px; display: block; margin: 0 auto 12px; } .login-brand__name { color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -.5px; line-height: 1; } .login-brand__name span { color: #ff5a5f; } /* Тёмная шапка markz.one: знак как на аватаре - белая рамка, красная буква и «.one». Вторая строка шапки на телефоне остаётся белой. */ .topnavbar.cab-dark .navbar-header { background-image: linear-gradient(to right, #2b3442 0%, #3b4658 100%); } .topnavbar.cab-dark .cab-logo__m { stroke: #ff5a5f; } .topnavbar.cab-dark .cab-logo__one { color: #ff5a5f; } @media only screen and (min-width: 768px) { .topnavbar.cab-dark { background-color: #2b3442; background-image: linear-gradient(to right, #2b3442 0%, #3b4658 100%); } .topnavbar.cab-dark .navbar-header { background-image: none; } .topnavbar.cab-dark .nav-wrapper { background-color: transparent; background-image: none; } .topnavbar.cab-dark .navbar-nav > li > a:hover, .topnavbar.cab-dark .navbar-nav > li > a:focus, .topnavbar.cab-dark .navbar-nav > .open > a:hover, .topnavbar.cab-dark .navbar-nav > .open > a:focus { color: #ff8f8c; } .topnavbar.cab-dark .cab-balance__sum, .topnavbar.cab-dark .cab-balance > a:hover .cab-balance__sum, .topnavbar.cab-dark .cab-balance > a:focus .cab-balance__sum { background: rgba(255,255,255,.12); } } /* Один стиль на всех страницах (владелец 11.10.2026: «чтобы всё в одном стиле, без круглых кнопок»). Кнопки: скругление 4px, главные - графитовые и полужирные; блоки и панели - скругление 6px. Яркая зелёная «Отправить модератору» (btn-success) остаётся как есть - это решение владельца. */ .btn, .btn-sm, .btn-xs, .form-control.input-sm { border-radius: 4px; } .btn-primary, .btn-green { font-weight: 600; } .btn-green:not(.btn-xs), .btn-green:not(.btn-xs):focus { background-color: #55627a !important; border-color: #55627a !important; color: #fff !important; } .btn-green:not(.btn-xs):hover, .btn-green:not(.btn-xs):active { background-color: #434e63 !important; border-color: #434e63 !important; color: #fff !important; } .panel { border-radius: 6px; } body #dkForm .goods-card > .goods-card__head { border-radius: 6px; } /* Панель модератора в «Черновиках»: свои синий и бирюзовый убраны - главное действие графитовое, остальные контурные. */ body .panel .drafts-toolbar__button { border-radius: 4px; } body .panel .drafts-toolbar__button--filter, body .panel .drafts-toolbar__button--status { background: #fff; border-color: #b9c2cf; color: #434e63; } body .panel .drafts-toolbar__button--filter:hover, body .panel .drafts-toolbar__button--filter:focus, body .panel .drafts-toolbar__button--status:hover, body .panel .drafts-toolbar__button--status:focus { background: #eef1f4; border-color: #8f9aab; color: #2f3b4a; } body .panel .drafts-toolbar__button--codes { background: #6b7891; border-color: #6b7891; color: #fff; } body .panel .drafts-toolbar__button--codes:hover, body .panel .drafts-toolbar__button--codes:focus { background: #5a6780; border-color: #5a6780; color: #fff; } /* Панель над списком: список выбора одной высоты и с той же рамкой, что кнопки; кнопки не подпрыгивают при наведении. */ body .panel .drafts-toolbar__filter { height: 38px; border-radius: 4px; border-color: #b9c2cf; box-shadow: none; } body .panel .drafts-toolbar__button:hover, body .panel .drafts-toolbar__button:focus { transform: none; box-shadow: none; } /* Кнопки панели по ширине текста, «Создать коды» мягче графита - чтобы не давила (владелец 17.10.2026). */ body .panel .drafts-toolbar__button { min-width: 0; flex: 0 0 auto; padding-left: 14px; padding-right: 14px; } /* Черновики агента компактнее (владелец 11.10.2026: «всё большое, десять черновиков - устанешь листать»). На экране уже 1200px список разворачивался в карточки по 180px на заявку. Теперь таблица держится до телефона, а на телефоне карточка собрана в три строки: товар и кнопки, статус, дата и число кодов. */ #drafts-list .cab-list > tbody > tr > td { padding-top: 7px !important; padding-bottom: 7px !important; } /* На компьютере товар и его описание - в одну строку: название жирно, остальное приглушённо, длинное обрезается. */ @media (min-width: 768px) { #drafts-list .cab-list > tbody > tr > td:nth-child(2) { max-width: 0; width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) .cab-sub { display: inline; max-width: none; white-space: nowrap; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) b + .cab-sub:before, #drafts-list .cab-list > tbody > tr > td:nth-child(2) span + .cab-sub:before { content: ' · '; } } @media (min-width: 768px) and (max-width: 1199px) { /* Ширины колонок заданы жёстко: иначе длинная строка товара выталкивала кнопки за край. */ #drafts-list .cab-list { display: table; width: 100% !important; table-layout: fixed; } #drafts-list .cab-list > thead > tr > th:nth-child(1) { width: 108px; } #drafts-list .cab-list > thead > tr > th:nth-child(3) { width: 58px; } #drafts-list .cab-list > thead > tr > th:nth-child(4) { width: 30%; } #drafts-list .cab-list > thead > tr > th:nth-child(5) { width: 176px; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) { max-width: none; width: auto; } #drafts-list .cab-list > thead { display: table-header-group; } #drafts-list .cab-list > tbody { display: table-row-group; } #drafts-list .cab-list > tbody > tr { display: table-row; padding: 0; box-shadow: none !important; } #drafts-list .cab-list > tbody > tr > td { display: table-cell; padding: 7px 10px !important; border-top: 1px solid #eef1f4 !important; } #drafts-list .cab-list > thead > tr > th { padding: 6px 10px !important; } #drafts-list .cab-list .cab-date { width: 108px !important; white-space: nowrap; font-size: 12px; } #drafts-list .cab-list .cab-num { width: 58px !important; text-align: right !important; font-size: 13px; color: inherit; } #drafts-list .cab-list .cab-num:before { content: none !important; } #drafts-list .cab-list .cab-actions { margin-top: 0; white-space: nowrap; text-align: right !important; } #drafts-list .cab-list .cab-actions .cab-btn { margin: 0 0 0 4px; padding: 3px 8px; } #drafts-list .cab-list .draft-status { white-space: normal; text-align: left; } #drafts-list .cab-list > tbody > tr.draft-row--unsent > td:first-child, #drafts-list .cab-list > tbody > tr.draft-row--message > td:first-child { box-shadow: inset 3px 0 0 #eda766 !important; } } @media (max-width: 767px) { #drafts-list .cab-list > tbody > tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 12px; } #drafts-list .cab-list > tbody > tr > td { padding: 0 !important; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) { grid-column: 1; grid-row: 1; } #drafts-list .cab-list > tbody > tr > td.cab-actions { grid-column: 2; grid-row: 1; margin-top: 0; text-align: right !important; white-space: nowrap; } #drafts-list .cab-list > tbody > tr > td:nth-child(4) { grid-column: 1 / 3; grid-row: 2; } #drafts-list .cab-list > tbody > tr > td.cab-date { grid-column: 1; grid-row: 3; } #drafts-list .cab-list > tbody > tr > td.cab-num { grid-column: 2; grid-row: 3; text-align: right !important; } #drafts-list .cab-list .cab-actions .cab-btn { margin: 0 0 0 4px; padding: 3px 8px; } #drafts-list .cab-list .draft-status { white-space: normal; text-align: left; } } /* Телефон: имя в белой второй строке шапки было красным цветом темы и читалось как ошибка - делаю обычным тёмным. */ @media (max-width: 767px) { .topnavbar .nav-wrapper .cab-user > a, .topnavbar .nav-wrapper .navbar-right > li > a { color: #3a3f51 !important; } } /* Нижний ряд кнопок заявки у модератора и окно подтверждения - в общем виде кабинета (владелец 12.10.2026: «а кнопки не меняли? и окошко?»). Главные действия графитовые, сохранение и обновление контурные, «Готова» - единственная зелёная, опасное «без проверки» - с оранжевой рамкой. Порядок и названия кнопок прежние. */ #dkForm button.btn-block[ng-click="sendCHZModal()"], #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"] { background: #55627a; border-color: #55627a; color: #fff; font-weight: 600; } #dkForm button.btn-block[ng-click="sendCHZModal()"]:hover, #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"]:hover { background: #434e63; border-color: #434e63; color: #fff; } #dkForm button.btn-block[ng-click="sendCHZModal()"][disabled] { background: #a6aebb; border-color: #a6aebb; opacity: 1; } #dkForm .btn-block.bg-info, #dkForm .btn-block.btn-default { background: #fff !important; border: 1px solid #b9c2cf; color: #434e63 !important; font-weight: 600; } #dkForm .btn-block.bg-info:hover, #dkForm .btn-block.btn-default:hover { background: #eef1f4 !important; border-color: #8f9aab; color: #2f3b4a !important; } #dkForm button.btn-block[ng-click="readyModal()"] { background: #4a9a6e; border-color: #4a9a6e; color: #fff; font-weight: 600; } #dkForm button.btn-block[ng-click="readyModal()"]:hover { background: #3a8259; border-color: #3a8259; } #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"] { background: #fff; border: 1px solid #e8963a; color: #a55a0c; font-weight: 600; } #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"]:hover { background: #fdf0de; border-color: #d07f22; color: #7d4508; } /* «Скачать» в файлах заявки - контурная, полоска слева в тон. */ body #dkForm .mark-files__row { --mf: #55627a; --mf-dark: #434e63; --mf-bg: #eef1f4; } body #dkForm .mark-files__btn, body #dkForm .mark-files__btn:focus { background: #fff; border-color: #b9c2cf; color: #434e63; } body #dkForm .mark-files__btn:hover, body #dkForm .open > .mark-files__btn { background: #eef1f4; border-color: #8f9aab; color: #2f3b4a; } /* Окно подтверждения: «Да» графитовая, «Нет» контурная. Оранжевое подтверждение опасных действий оставляю оранжевым. */ .sweet-alert { border-radius: 6px; } .sweet-alert button { border-radius: 4px !important; box-shadow: none !important; font-weight: 600; } .sweet-alert button.confirm:not([style*="255, 144, 43"]) { background-color: #55627a !important; } .sweet-alert button.confirm:not([style*="255, 144, 43"]):hover { background-color: #434e63 !important; } .sweet-alert button.cancel { background-color: #fff !important; color: #434e63 !important; border: 1px solid #b9c2cf !important; } .sweet-alert button.cancel:hover { background-color: #eef1f4 !important; } /* Тёмное боковое меню - в тон шапке (владелец 12.10.2026). Только у markz.one, как и тёмная шапка. Активный пункт светлее фона и с той же красной меткой; «Новая заявка» чуть светлее графита, чтобы не сливаться с фоном. */ body:has(.topnavbar.cab-dark) .aside, body:has(.topnavbar.cab-dark) .aside .aside-inner, body:has(.topnavbar.cab-dark) .sidebar { background-color: #2b3442; } body:has(.topnavbar.cab-dark) .aside { border-right: 0; } /* Полоса прокрутки меню спрятана за край на 17px; при уменьшенном масштабе она шире и вылезала белой полосой - крашу её в цвет меню. */ body:has(.topnavbar.cab-dark) .sidebar { color-scheme: dark; scrollbar-color: #2b3442 #2b3442; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li, body:has(.topnavbar.cab-dark) .sidebar > .nav > li.active { background: transparent; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a { color: #c3cbd6; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a > em { color: #8d99aa; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a:hover, body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a:focus { background: rgba(255,255,255,.07); color: #fff; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li.active > a { background: rgba(255,255,255,.10) !important; color: #fff !important; box-shadow: inset 3px 0 0 #f0625f; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li.active > a > em { color: #ff7d79 !important; } body:has(.topnavbar.cab-dark) .sidebar .nav-heading { background: rgba(255,255,255,.10); } body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a[href="#/app/mark"], body:has(.topnavbar.cab-dark) .sidebar > .nav > li.active > a[href="#/app/mark"] { background: #63718c !important; color: #fff !important; box-shadow: none; } body:has(.topnavbar.cab-dark) .sidebar > .nav > li > a[href="#/app/mark"]:hover { background: #7482a0 !important; } body:has(.topnavbar.cab-dark) .sidebar .text-muted, body:has(.topnavbar.cab-dark) .sidebar small { color: #8d99aa; } body:has(.topnavbar.cab-dark) .sidebar a:not([href^="#/"]) { color: #9fc4f0; } /* Ряд действий заявки - вариант «В», выбран владельцем 12.10.2026: прежние яркие цвета и сетка в два ряда, только ровнее - одно скругление и полужирный шрифт. Эти правила стоят ниже прежней попытки и перекрывают её. */ #dkForm .btn-block.bg-info { background: #23b7e5 !important; border: 1px solid #23b7e5; color: #fff !important; font-weight: 600; } #dkForm .btn-block.bg-info:hover { background: #1aa3cf !important; border-color: #1aa3cf; color: #fff !important; } #dkForm button.btn-block[ng-click="readyModal()"] { background: #27c24c; border-color: #27c24c; color: #fff; font-weight: 600; } #dkForm button.btn-block[ng-click="readyModal()"]:hover { background: #20a940; border-color: #20a940; } #dkForm button.btn-block[ng-click="sendCHZModal()"], #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"] { background: #3a3f51; border-color: #3a3f51; color: #fff; font-weight: 600; } #dkForm button.btn-block[ng-click="sendCHZModal()"]:hover, #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"]:hover { background: #2c3040; border-color: #2c3040; color: #fff; } #dkForm button.btn-block[ng-click="sendCHZModal()"][disabled] { background: #9a9eab; border-color: #9a9eab; opacity: 1; } #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"] { background: #ff902b; border: 1px solid #ff902b; color: #fff; font-weight: 600; font-size: 12px; padding-left: 6px; padding-right: 6px; } #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"]:hover { background: #f07f14; border-color: #f07f14; color: #fff; } /* Приглушённый фон для модератора (владелец 12.10.2026: «серым, чтобы по глазам ночью не било»). Не ночная тема: белое становится светло-серым, текст остаётся тёмным. Модератора узнаю по пункту меню «Черновики» модератора, у агента вид прежний. */ body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section:not(.mark-moderator-shell), body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > .footer { background-color: #d0d4d9; } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > .content-heading { background-color: #d0d4d9; border-bottom-color: #c6cbd2; color: #3f4a59; } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > .content-heading small { color: #5c6878; } body:has(.sidebar a[href="#/app/drafts"]) .panel, body:has(.sidebar a[href="#/app/drafts"]) .agent-card, body:has(.sidebar a[href="#/app/drafts"]) .well { background-color: #eaecef; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) .panel-body, body:has(.sidebar a[href="#/app/drafts"]) .table-responsive { background-color: transparent; } body:has(.sidebar a[href="#/app/drafts"]) .bg-white, body:has(.sidebar a[href="#/app/drafts"]) .table.bg-white, body:has(.sidebar a[href="#/app/drafts"]) .drafts-table-card, body:has(.sidebar a[href="#/app/drafts"]) .table-responsive > table { background-color: #eaecef !important; } body:has(.sidebar a[href="#/app/drafts"]) .panel-heading, body:has(.sidebar a[href="#/app/drafts"]) .agent-card__sec { background-color: #e0e3e7; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) .form-control, body:has(.sidebar a[href="#/app/drafts"]) .ui-select-container .btn-default, body:has(.sidebar a[href="#/app/drafts"]) textarea { background-color: #f4f5f7; border-color: #c1c7ce; } body:has(.sidebar a[href="#/app/drafts"]) .form-control[disabled], body:has(.sidebar a[href="#/app/drafts"]) .form-control[readonly], body:has(.sidebar a[href="#/app/drafts"]) fieldset[disabled] .form-control { background-color: #e7e9ec; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-card { background: #eaecef; border-color: #c6cbd2; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-card > .goods-card__head { background: #e0e3e7; } body:has(.sidebar a[href="#/app/drafts"]) .table > thead > tr > th, body:has(.sidebar a[href="#/app/drafts"]) .table > tbody > tr > td { border-color: #d9dde1; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--plain > td, body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--awaiting > td { background: #eef0f2 !important; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--plain:hover > td, body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--awaiting:hover > td { background: #e2e5e8 !important; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--error > td { background: #efd3d3 !important; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--published > td { background: #d2e6d8 !important; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-table tbody tr.draft-row--not-sent > td { background: #efe7cf !important; } body:has(.sidebar a[href="#/app/drafts"]) .btn-default:not(.btn-block) { background-color: #f4f5f7; border-color: #c1c7ce; } body:has(.sidebar a[href="#/app/drafts"]) { background-color: #d0d4d9; } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > h3 { background-color: #d0d4d9; border-bottom-color: #c6cbd2; color: #3f4a59; } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > h3 small { color: #5c6878; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .btn-block.btn-default, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .ui-select-toggle { background-color: #f4f5f7 !important; border-color: #c1c7ce; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-faq, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-faq__head, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-files, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .size-table-wrap { background-color: #eaecef; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-files__title { background-color: #e0e3e7; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-files__row { background-color: #eaecef; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm table th, body:has(.sidebar a[href="#/app/drafts"]) #dkForm table td { background-color: transparent; } body:has(.sidebar a[href="#/app/drafts"]) .list-group-item, body:has(.sidebar a[href="#/app/drafts"]) .media-box, body:has(.sidebar a[href="#/app/drafts"]) .comment-item, body:has(.sidebar a[href="#/app/drafts"]) .message { background-color: #eef0f2; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-toolbar__button--filter, body:has(.sidebar a[href="#/app/drafts"]) .drafts-toolbar__button--status { background: #f4f5f7; border-color: #c1c7ce; } body:has(.sidebar a[href="#/app/drafts"]) select.form-control { background-color: #f4f5f7; } body:has(.sidebar a[href="#/app/drafts"]) .timeline-panel .popover { background-color: #f0f2f4; border-color: #cbd0d6; box-shadow: none; } body:has(.sidebar a[href="#/app/drafts"]) .timeline-panel .popover-title { background-color: #e0e3e7; border-color: #cbd0d6; } /* Серый фон: белые островки и тень карточек. */ body:has(.sidebar a[href="#/app/drafts"]) .drafts-codes-summary { background: #e0e3e7; border-bottom-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) .drafts-codes-summary__item { background: #eaecef; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search { background: #e0e3e7; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search__results, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search__result, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search__empty { background: #f4f5f7; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search__result:hover, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-search__result:focus { background: #e2e5e8; } body:has(.sidebar a[href="#/app/drafts"]) .panel, body:has(.sidebar a[href="#/app/drafts"]) .agent-card, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-card { box-shadow: 0 1px 2px rgba(40,48,58,.10); } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .goods-action, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .btn-green.btn-xs, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .mark-files__btn { background-color: #f4f5f7 !important; border-color: #c1c7ce; } /* Оставляю светлую рабочую область на ровном тёмном фоне кабинета модератора. */ .wrapper > .mark-moderator-shell { --mark-moderator-background: #2e3746; background-color: var(--mark-moderator-background); } body .wrapper > .mark-moderator-shell > .content-wrapper { margin-inline: clamp(8px, 1.6vw, 24px); background-color: #2e3746; } .mark-moderator-shell .content-wrapper > :is(h3, .content-heading), .mark-moderator-shell #dkForm > h2 { color: #f5f7fa; background: transparent; } /* Серый фон: окно подтверждения и блок комментариев больше не белые. */ body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert { background-color: #eaecef; box-shadow: 0 8px 28px rgba(20,26,34,.35); } body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert h2 { color: #3f4a59; } body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert p { color: #55606e; } body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert button.cancel { background-color: #f4f5f7 !important; border-color: #c1c7ce !important; } body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert input, body:has(.sidebar a[href="#/app/drafts"]) .sweet-alert textarea { background-color: #f4f5f7; border-color: #c1c7ce; } body:has(.sidebar a[href="#/app/drafts"]) .be-comment-block { background-color: #eaecef; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .input-group-addon, body:has(.sidebar a[href="#/app/drafts"]) #dkForm .gtin-group .input-group-addon { background-color: #f4f5f7; border-color: #c1c7ce; } /* Серый фон: блок «Результат» в общей палитре, а кнопки действий заявки приглушены - на сером яркие и почти чёрные били по глазам. У агента цвета прежние. */ body:has(.sidebar a[href="#/app/drafts"]) .chz-status-card--info { background: #eaecef; border-color: #cbd0d6; color: #3f5068; } body:has(.sidebar a[href="#/app/drafts"]) .chz-status-card--error { background: #efd3d3; border-color: #dcb1b1; } body:has(.sidebar a[href="#/app/drafts"]) .chz-status-reason { background: #f4f5f7; border-color: #cbd0d6; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .btn-block.bg-info { background: #5b9fb8 !important; border-color: #5b9fb8; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm .btn-block.bg-info:hover { background: #4d8da5 !important; border-color: #4d8da5; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click="readyModal()"] { background: #5aa873; border-color: #5aa873; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click="readyModal()"]:hover { background: #4c9664; border-color: #4c9664; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click="sendCHZModal()"], body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"] { background: #66708a; border-color: #66708a; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click="sendCHZModal()"]:hover, body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click$="sendCHZCodesModal()"]:hover { background: #586178; border-color: #586178; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click="sendCHZModal()"][disabled] { background: #a9aeb9; border-color: #a9aeb9; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"] { background: #cf8a4e; border-color: #cf8a4e; } body:has(.sidebar a[href="#/app/drafts"]) #dkForm button.btn-block[ng-click$="sendCHZCodesModalWithoutCheck()"]:hover { background: #bd7a40; border-color: #bd7a40; } /* Статус отправленной заявки у агента - полоса над формой в тех же цветах, что метки в «Черновиках». */ .mark-stage { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 14px; padding: 10px 14px; border: 1px solid #c9dcf5; border-left: 4px solid #1c5fbf; border-radius: 4px; background: #eef4fd; } .mark-stage__label { font-weight: 700; color: #1c5fbf; } .mark-stage__hint { color: #3d4a57; } .mark-stage__note { flex-basis: 100%; font-size: 12px; color: #6e7d8b; } .mark-stage--queue { border-color: #bfe3c8; border-left-color: #1a7a34; background: #ecf8ef; } .mark-stage--queue .mark-stage__label { color: #1a7a34; } .mark-stage--comment { border-color: #f3d6ad; border-left-color: #c46d0d; background: #fdf3e4; } .mark-stage--comment .mark-stage__label { color: #9a560c; } /* Подвал «© 2026 - markz.one» убран: на коротких страницах он оставлял внизу пустую полосу (владелец 15.10.2026). */ .wrapper > footer { display: none; } .wrapper > section { margin-bottom: 0; } /* Телефон: вторая строка шапки белая, а кнопка меню (≡) оставалась белой и пропадала - агент не мог открыть меню (владелец 16.10.2026). Крашу её в цвет шапки. */ @media (max-width: 767px) { .topnavbar.cab-dark .sidebar-toggle, .topnavbar.cab-dark .sidebar-toggle > em { color: #2b3442; } /* Название размера на узком экране переносится на вторую строку - поле в одну строку его обрезало. */ #dkForm textarea.size-name { height: 52px !important; } } /* «Результат» в заявке: три числа своими цветами, нули серые (владелец 17.10.2026). */ .chz-sum { display: inline-block; margin-right: 16px; } .chz-sum--wait { color: #1c5fbf; } .chz-sum--ok { color: #1a7a34; } .chz-sum--bad { color: #c0392b; } .chz-sum--unsent { color: #b26a00; } .chz-sum.chz-sum--zero { color: #8a97a5; } /* Окно поддержки в кабинете: справа, поверх страницы; на телефоне - на весь экран. */ .support-badge { display: inline-block; min-width: 18px; margin-left: 6px; padding: 1px 6px; border-radius: 9px; background: #e5484d; color: #fff; font-size: 11px; font-weight: 700; line-height: 16px; text-align: center; } .support-chat { position: fixed; z-index: 1100; right: 20px; bottom: 20px; width: 380px; max-width: calc(100vw - 32px); height: 520px; max-height: calc(100vh - 90px); display: flex; flex-direction: column; background: #fff; border: 1px solid #c9d0d9; border-radius: 8px; box-shadow: 0 12px 32px rgba(20, 28, 40, .28); } .support-chat__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: #2b3442; color: #fff; border-radius: 8px 8px 0 0; } .support-chat__close { color: #c3cbd6; font-size: 22px; line-height: 1; text-decoration: none; } .support-chat__close:hover { color: #fff; text-decoration: none; } .support-chat__actions { display: flex; gap: 8px; padding: 8px 12px 0; } .support-chat__tg, .support-chat__req { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; padding: 0 10px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; } .support-chat__tg { background: #229ed9; border: 1px solid #229ed9; color: #fff; } .support-chat__tg:hover, .support-chat__tg:focus { background: #1b8bc0; border-color: #1b8bc0; color: #fff; text-decoration: none; } .support-chat__req { background: #fff; border: 1px solid #b9c2cf; color: #434e63; } .support-chat__req:hover { background: #eef1f4; border-color: #8f9aab; } .support-chat__req[disabled] { opacity: .6; } /* Реквизиты уже запрошены или выданы - кнопка погашена (владелец 19.10.2026). */ .support-chat__req.is-done { background: #f1f3f6; border-color: #d5dae1; color: #8a97a5; } .support-chat__info { padding: 6px 14px; color: #3d5a80; font-size: 12px; background: #eef4fb; } .support-chat__msg--found { box-shadow: 0 0 0 2px #229ed9; transition: box-shadow .3s; } .support-chat__note { padding: 6px 12px 8px; color: #8a97a5; font-size: 11.5px; text-align: center; border-bottom: 1px solid #dde2e8; } .support-chat__list { flex: 1; overflow-y: auto; padding: 12px; background: #f4f6f8; } .support-chat__empty { color: #6e7d8b; font-size: 13px; line-height: 1.45; } .support-chat__msg { max-width: 85%; margin-bottom: 10px; padding: 8px 11px; border-radius: 8px; } .support-chat__msg--mine { margin-left: auto; background: #dfe9f7; } .support-chat__msg--support { margin-right: auto; background: #fff; border: 1px solid #dde2e8; } .support-chat__text { white-space: pre-wrap; overflow-wrap: anywhere; color: #2f3b4a; } .support-chat__time { margin-top: 3px; font-size: 11px; color: #8a97a5; } .support-chat__error { padding: 6px 14px; color: #b3362b; font-size: 12px; background: #fdecec; } .support-chat__form { display: flex; gap: 8px; align-items: flex-end; padding: 10px; border-top: 1px solid #e3e7ec; } .support-chat__form textarea { flex: 1; resize: none; } .support-chat__attach { flex: 0 0 auto; margin: 0; padding: 8px 6px; color: #55627a; font-size: 18px; cursor: pointer; } .support-chat__attach:hover { color: #2b3442; } .support-chat__attach input { display: none; } .support-chat__shot { flex: 0 0 auto; margin: 0 0 0 -6px; padding: 8px 6px; border: 0; background: none; color: #55627a; font-size: 17px; cursor: pointer; } .support-chat__shot:hover { color: #2b3442; } .support-chat__shot[disabled] { opacity: .6; cursor: default; } .support-chat__grip { position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; cursor: nwse-resize; border-top: 2px solid #c3cbd6; border-left: 2px solid #c3cbd6; border-top-left-radius: 5px; opacity: .8; } .support-chat__grip:hover { opacity: 1; border-color: #fff; } .support-chat__head { position: relative; padding-left: 26px; } body.support-resizing { cursor: nwse-resize; user-select: none; } .support-chat__picked { padding: 6px 14px; font-size: 12px; color: #3d4a57; background: #eef2f6; border-top: 1px solid #e3e7ec; overflow-wrap: anywhere; } .support-chat__picked a { margin-left: 6px; color: #b3362b; font-size: 16px; text-decoration: none; } .support-chat__photo img { display: block; max-width: 100%; max-height: 200px; margin-top: 4px; border-radius: 6px; } .support-chat__file { display: inline-block; margin-top: 4px; overflow-wrap: anywhere; } @media (max-width: 767px) { .support-chat { right: 0; bottom: 0; width: 100vw; max-width: 100vw; height: 100%; max-height: 100%; border-radius: 0; } .support-chat__head { border-radius: 0; } } /* Список агентов: действия кнопками в одну строку, главная - «Изменить» (владелец 20.10.2026). */ .agent-actions { display: inline-flex; flex-wrap: nowrap; gap: 6px; } .agent-actions .btn { border-radius: 4px; white-space: nowrap; } .agent-actions__main, .agent-actions__main:focus { background: #55627a; border-color: #55627a; color: #fff; } .agent-actions__main:hover { background: #434e63; border-color: #434e63; color: #fff; } /* Замена кодов ТН ВЭД под «Результатом» заявки - бывшее всплывающее окно (владелец 20.10.2026). */ .tnved-fix { margin:10px 0; padding:12px 14px; border:1px solid #e3c98a; border-radius:6px; background:#fffaf0; } .tnved-fix__title { margin:0 0 4px; font-size:15px; font-weight:600; color:#2b3a4a; } .tnved-fix__lead { margin:0 0 14px; color:#6b7a88; font-size:13px; line-height:1.45; } .tnved-fix__card { border:1px solid #e3e9ef; border-radius:6px; padding:10px 12px; margin-bottom:8px; background:#fff; } .tnved-fix__head { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; } .tnved-fix__kind { font-weight:600; color:#2b3a4a; font-size:15px; } .tnved-fix__chip { display:inline-block; padding:1px 8px; border-radius:10px; background:#e8f0fb; color:#2f5fa8; font-size:12px; } .tnved-fix__chip--code { background:#eef1f4; color:#4a5a6a; font-family:Menlo,Consolas,monospace; } .tnved-fix__sample { margin-top:3px; color:#8b98a5; font-size:12px; } .tnved-fix__row { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; } .tnved-fix__row select { flex:1 1 220px; min-width:0; } .tnved-fix__note { margin-top:8px; font-size:12px; line-height:1.4; color:#6b7a88; } .tnved-fix__note--done { color:#1a7a34; } .tnved-fix__note--error { color:#b3362b; } .chz-sum-note { color:#8a97a5; font-size:12px; } .chz-status-reason__links a { display:block; } .chz-status-reason__links .chz-status-reason__more { color:#6e7d8b; } .chz-status-reason__fix { margin:6px 0 4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; } /* Телефон, список черновиков: название заявки не держит ширину 220px - иначе с двумя кнопками «Удалить» и «Открыть» строка не помещалась и кнопки ложились поверх названия (владелец 26.10.2026). Название сокращается многоточием. */ @media (max-width: 767px) { #drafts-list .cab-list > tbody > tr > td:nth-child(2) { min-width: 0; overflow: hidden; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) > b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #drafts-list .cab-list > tbody > tr > td:nth-child(2) .cab-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } /* Плашка «Вы вошли под агентом» прилипала к самому верху и уходила под шапку: на компьютере держу её под шапкой, на телефоне (шапка в две строки) - обычным блоком под ней (владелец 26.10.2026). */ .impersonation-banner { top: 55px !important; } @media (max-width: 767px) { .impersonation-banner { position: relative !important; top: auto !important; margin-top: 14px; } } /* Похожие на опубликованные товары: сводка над товарами и подсказка у строки - спокойные карточки в стиле формы, а не жёлтые плашки бутстрапа (владелец 26.10.2026). */ body #dkForm .twin-bulk { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin: 6px 0 16px; padding: 12px 16px; background: #fff; border: 1px solid #ecd9b4; border-left: 4px solid #e8a33d; border-radius: 6px; box-shadow: 0 1px 3px rgba(31, 45, 61, .07); } body #dkForm .twin-bulk__icon { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #fdf3e2; color: #c98420; display: flex; align-items: center; justify-content: center; font-size: 15px; } body #dkForm .twin-bulk__text { flex: 1 1 260px; min-width: 0; } body #dkForm .twin-bulk__title { font-size: 15px; font-weight: 600; color: #1f2d3d; } body #dkForm .twin-bulk__sub { margin-top: 2px; font-size: 12px; color: #6b7a88; } body #dkForm .twin-bulk__actions { display: flex; flex-wrap: wrap; gap: 6px; } body #dkForm .goods-twin { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin: 4px 0 10px; padding: 8px 12px; background: #fdf8ef; border: 1px solid #f1e2c4; border-radius: 6px; font-size: 13px; color: #4a3b22; } body #dkForm .goods-twin__icon { flex: none; color: #c98420; } body #dkForm .goods-twin__text { flex: 1 1 240px; min-width: 0; } body #dkForm .goods-twin__diff { color: #8a7656; } body #dkForm .goods-twin__actions { display: flex; flex-wrap: wrap; gap: 6px; } /* Кнопки «наверх» и «вниз» на странице заявки у модератора */ .mark-scroll { position: fixed; right: 16px; bottom: 16px; z-index: 1030; display: flex; flex-direction: column; gap: 6px; } .mark-scroll button { width: 40px; height: 40px; border: 1px solid #d8e0e8; border-radius: 50%; background: #fff; color: #1f2d3d; box-shadow: 0 2px 6px rgba(0,0,0,.15); font-size: 16px; line-height: 1; padding: 0; opacity: .85; } .mark-scroll button:hover { opacity: 1; background: #eaeff4; } @media (max-width: 767px) { .mark-scroll { right: 10px; bottom: 10px; } .mark-scroll button { width: 36px; height: 36px; } } /* Ограничиваю длинное предупреждение высотой экрана: прокручивается текст, кнопки остаются под ним. */ .sweet-alert.chz-send-alert { background: #fff; box-sizing: border-box; width: min(760px, calc(100vw - 32px)); left: 50%; margin-left: 0 !important; top: 50% !important; margin-top: 0 !important; transform: translate(-50%, -50%) !important; max-height: 88vh; max-height: 88dvh; padding: 20px; border-radius: 12px; } .sweet-alert.chz-send-alert h2 { margin: 0 0 14px; font-size: 20px; line-height: 1.3; text-align: left; } .sweet-alert.chz-send-alert p { max-height: calc(88vh - 172px); max-height: calc(88dvh - 172px); overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-wrap: anywhere; margin: 0; padding: 0 6px 0 0; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: left; } .sweet-alert.chz-send-alert .sa-button-container { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 16px !important; } .sweet-alert.chz-send-alert .sa-confirm-button-container { display: inline-flex; } .sweet-alert.chz-send-alert button { min-height: 40px; margin: 0; padding: 10px 16px; border-radius: 7px; font-size: 14px; } .sweet-alert.chz-send-alert button.cancel { background: #f1f4f8; color: #40516a; } .chz-send-intro { color: #65738a; } .chz-send-group { margin: 12px 0; padding: 12px 14px; border: 1px solid #e0e6ef; border-radius: 8px; background: #f8fafc; } .chz-send-group h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin: 0 0 8px; font-size: 14px; font-weight: 650; color: #2e405b; } .chz-send-group h3 span { margin-left: auto; white-space: nowrap; color: #6d7c91; font-size: 12px; font-weight: 400; } .chz-send-reason { font-size: 13px; line-height: 1.5; color: #53647a; } .chz-send-group details { margin-top: 10px; font-size: 12px; } .chz-send-group summary { cursor: pointer; color: #386ca5; font-weight: 600; } .chz-send-group ul { margin: 8px 0 0; padding-left: 18px; color: #65738a; } .chz-send-group li + li { margin-top: 5px; } .chz-send-risk { margin-top: 14px; font-size: 12px; line-height: 1.5; color: #778399; } .sweet-alert.chz-send-alert--plain { width: min(520px, calc(100vw - 32px)); padding: 24px; } .sweet-alert.chz-send-alert--plain h2 { font-size: 22px; } .sweet-alert.chz-send-alert--plain p { color: #526176; font-size: 16px; line-height: 1.6; } .sweet-alert.chz-send-alert--plain .sa-button-container { margin-top: 24px !important; } /* Разделяю итог импорта, конкретные замечания и объединения, сохраняя причины видимыми. */ .template-review { margin: 16px 0; padding: 0; overflow: hidden; border: 1px solid #dce3ec; border-radius: 12px; background: #fff; color: #263246; text-align: left; } .template-review__header { display: flex; align-items: flex-start; gap: 12px; padding: 22px 22px 16px; } .template-review__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: #fff1dc; color: #946116; font-size: 21px; font-weight: 700; } .template-review__icon--ok { background: #eaf5ef; color: #28704c; } .template-review h3 { margin: 0 0 5px; font-size: 19px; line-height: 1.35; font-weight: 650; color: #263246; } .template-review p { margin: 0; font-size: 14px; line-height: 1.6; color: #65738a; } .template-review__summary { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0 22px 18px; font-size: 13px; color: #65738a; } .template-review__summary b { margin-left: 5px; font-size: 14px; color: #263246; } .template-review__issue-count, .template-review__issue-count b { color: #a24b32; } .template-review__section-title { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding: 14px 22px; border-top: 1px solid #e7ecf2; background: #f8fafc; font-size: 14px; font-weight: 650; } .template-review__section-title span { font-size: 12px; font-weight: 400; color: #748198; } .template-review__issues { max-height: 440px; overflow: auto; } .template-review__issue { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 22px; padding: 12px 22px; } .template-review__issue + .template-review__issue { border-top: 1px solid #edf0f5; } .template-review__description { flex: 1 1 330px; min-width: 0; overflow-wrap: anywhere; } .template-review__item-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 4px; } .template-review__row-label { padding: 2px 7px; border-radius: 5px; background: #f0f3f8; color: #526176; font-size: 12px; } .template-review__issue p { color: #a04338; font-size: 13px; } .template-review__choice { flex: 0 1 230px; min-width: 0; margin: 0; color: #42516a; font-size: 13px; } .template-review__choice select { margin-top: 4px; } .template-review__duplicates { border-top: 1px solid #e7ecf2; } .template-review summary { padding: 16px 22px; color: #386394; cursor: pointer; font-size: 14px; font-weight: 600; } .template-review summary > span { margin-left: 6px; padding: 2px 7px; background: #edf3fa; border-radius: 5px; font-size: 12px; } .template-review__duplicate { display: flex; align-items: flex-start; gap: 16px; margin: 0 22px; padding: 12px 0; border-top: 1px solid #edf0f5; font-size: 14px; } .template-review__duplicate > span:nth-child(2) { flex: 1; } .template-review__duplicate small { display: block; margin-top: 4px; color: #748198; } .template-review__duplicate b { white-space: nowrap; color: #28704c; } .template-review__next { padding: 12px 22px; border-top: 1px solid #e7ecf2; background: #f8fafc; } .template-review__next p { font-size: 13px; } .template-review__submit { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 8px; } @media (max-width: 600px) { .template-review__header { padding: 18px 16px 14px; } .template-review__summary { padding: 0 16px 16px; gap: 8px 16px; } .template-review__section-title { padding: 12px 16px; } .template-review__issue { padding: 12px 16px; } .template-review__choice { flex: 1 1 100%; } .template-review h3 { font-size: 18px; } .template-review summary, .template-review__next { padding: 14px 16px; } .template-review__duplicate { margin: 0 16px; flex-wrap: wrap; gap: 8px; } } @media (max-width: 767px) { .sweet-alert.chz-send-alert { left: 12px; right: 12px; width: auto; margin-left: 0; padding: 16px; transform: translateY(-50%) !important; } .sweet-alert.chz-send-alert h2 { font-size: 18px; } .sweet-alert.chz-send-alert .sa-button-container { justify-content: stretch; } .sweet-alert.chz-send-alert button { flex: 1 1 auto; min-height: 44px; } .sweet-alert.chz-send-alert .sa-confirm-button-container { flex: 1 1 auto; } } .mark-review__panel { margin: 12px 0; padding: 16px; border: 1px solid #d9e1ec; border-radius: 10px; background: #fff; color: #263246; } .mark-review__panel h2, .mark-review__actions-title { margin: 0 0 12px; font-size: 19px; font-weight: 700; } .mark-review__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 8px; margin-bottom: 12px; } .mark-review__stats > div { padding: 10px; border-radius: 8px; background: #f1f5fa; } .mark-review__stats b { display: block; font-size: 23px; } .mark-review__stat--ok { color: #216843; } .mark-review__stat--bad { color: #a33a31; } .mark-review__group { background: #fff; border: 0; border-top: 1px solid #e1e7ef; border-radius: 0; margin: 0; padding: 0; } .mark-review__panel summary { cursor: pointer; font-weight: 650; padding: 10px 0; } @media (max-width: 560px) { .mark-review__panel { padding: 12px; } .mark-review__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mark-review__group .tnved-fix__row select { max-width: 100%; } } .mark-review__group-title { margin: 0; padding: 10px 0; font-size: 15px; font-weight: 650; } .mark-review__group-title .tnved-fix__chip { float: right; } .mark-review__panel.mark-review__status { padding: 12px 14px; border-color: #dde4ee; box-shadow: 0 1px 3px rgba(30, 47, 72, .03); } .mark-review__status-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; } .mark-review__status-line h2 { margin: 0; font-size: 14px; line-height: 1.4; } /* Кнопка проверки остаётся рядом со счётчиками, без пустоты до правого края. */ .mark-review__status-line .mark-review__stats { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; flex: 0 1 auto; } .mark-review__status-line .mark-review__stat { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 10px; border-radius: 7px; background: #f2f4f7; color: #566176; font-size: 13px; line-height: 1.4; } .mark-review__status-line .mark-review__stat b { display: inline; margin: 0; font-size: 15px; font-variant-numeric: tabular-nums; } .mark-review__status-line .mark-review__stat--wait { background: #edf3ff; color: #315f9f; } .mark-review__status-line .mark-review__stat--ok { background: #eaf6ef; color: #23714b; } .mark-review__status-line .mark-review__stat--bad { background: #fff0ee; color: #ab3d33; } .mark-review__status-line .mark-review__stat--empty { background: #f3f5f8; color: #7b8494; } .mark-review__status .mark-review__refresh { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 38px; padding: 8px 12px; border: 1px solid #d4dce8; border-radius: 7px; background: #fff; color: #354760; font-size: 13px; font-weight: 600; line-height: 1.4; } .mark-review__status .mark-review__refresh:hover:not(:disabled) { border-color: #9baec9; background: #f5f8fc; } .mark-review__status .mark-review__refresh:focus-visible { outline: 2px solid #3d78bc; outline-offset: 2px; } .mark-review__status .mark-review__refresh:disabled { opacity: .65; } .mark-review__status > div:not(.mark-review__status-line) { margin: 8px 0 0; font-size: 12px; line-height: 1.5; } .mark-review__status .mark-review__status-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: #788395; } .mark-review__status-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; } .mark-review__status-meta:empty { display: none; } .mark-review__waiting { color: #586a82; } .mark-review__status .mark-review__attention { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; color: #8c503b; } #chz-problems { scroll-margin-top: 24px; } @media (max-width: 560px) { .mark-review__status-line { gap: 10px; } .mark-review__status-line h2 { flex-basis: 100%; } .mark-review__status-line .mark-review__stats { flex: 1 1 100%; } .mark-review__status .mark-review__refresh { min-height: 42px; } } /* Длинные перечни карточек не растягивают блок причин; действия остаются видимыми. */ .chz-fix-products { margin-top: 10px; font-size: 13px; } .chz-fix-products summary { cursor: pointer; color: #386394; padding: 6px 0; } .chz-fix-products > div { max-height: 240px; overflow: auto; } .chz-fix-products a { display: block; padding: 7px 0; } .chz-fix-products small { display: block; color: #748198; } /* Оформляю причины обычными строками панели сайта, без вложенных карточек. */ .chz-error-cards { margin-top: 8px; } .chz-error-card { padding: 12px 0; } .chz-error-card + .chz-error-card { border-top: 1px solid #cbd0d6; } .chz-error-card__heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; } .chz-error-card__heading h4 { margin: 0; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; color: #b3413c; } .chz-error-card__heading h4 .fa { margin-right: 6px; } .chz-error-card__heading > span, .chz-error-card__context { color: #596778; font-size: 12px; } .chz-error-card__context { margin: 4px 0 8px; } .chz-error-card__actions, .chz-fix-table__action { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .mark-review__button.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 10px; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: normal; } .mark-review__button.btn-default[aria-expanded="true"] { border-color: #8196b3; color: #344f73; } .chz-error-card__details { max-height: 240px; overflow: auto; margin-top: 8px; padding: 4px 10px; border-left: 2px solid #d9e1ec; } .chz-error-card__details a { display: block; padding: 6px 0; overflow-wrap: anywhere; } .chz-error-card__details small { margin-left: 8px; color: #596778; } .chz-error-card__details p { margin: 4px 0 8px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; } .chz-error-card__fix { margin: 8px 0; } @media (max-width:600px) { .mark-review__button.btn { min-height: 40px; } .chz-error-card__details small { display: block; margin-left: 0; } } /* Сохраняю вид счётчика, добавляя понятный переход и клавиатурный фокус. */ .mark-review__unsent-jump { display: inline-flex; align-items: baseline; gap: 6px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; } .mark-review__unsent-jump .fa { font-size: 11px; opacity: .7; } .mark-review__unsent-jump:hover span { text-decoration: underline; } .mark-review__unsent-jump:focus-visible { outline: 2px solid #5d9cec; outline-offset: 5px; } .chz-name-retry__rows { max-height: 18rem; overflow-y: auto; margin: 0 0 10px; } .chz-name-retry__rows li { padding: 6px 0; border-bottom: 1px solid #d9e2ef; overflow-wrap: anywhere; } .chz-name-retry__rows small { margin-left: 6px; } .agent-issues__group { padding: 8px 0; border-top: 1px solid #e1e7ef; } .agent-issues__item { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-items: center; padding: 10px 0; } .agent-issues__reason { color: #9e382d; } .agent-issues__editor, .agent-issues__paging, .agent-issues__navigator { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .agent-issues__editor { grid-column: 1 / -1; padding: 8px; background: #f1f5fa; border-radius: 6px; } .agent-issues__editor .form-control { flex: 1 1 180px; width: auto; } .agent-issues__navigator { position: fixed; z-index: 1030; bottom: 12px; left: 12px; right: 12px; width: max-content; max-width: calc(100% - 24px); margin: auto; padding: 8px; background: #fff; border: 1px solid #d9e1ec; border-radius: 8px; } @media (max-width:600px) { .agent-issues__item { grid-template-columns: 1fr; justify-items: start; } } .mark-comments__editor { height: 135px; } .mark-moderator-tools { margin: 12px 0 20px; } .mark-moderator-tools .mark-review__panel { margin: 8px 0; } .mark-review__save-note { margin: 0 0 8px; color: #354f70; font-size: 13px; } .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { margin-top: 8px !important; min-height: 36px; white-space: normal; } .mark-moderator-tools [data-mark-review-slot="actions"] > .row:last-child { margin-bottom: 0; } .mark-moderator-tools [data-mark-review-slot="tools"], .mark-moderator-tools [data-mark-review-slot="qr"] { margin-inline: 0; padding: 8px 0 !important; } .mark-moderator-tools .mark-comments { padding: 0; } .mark-moderator-tools .be-comment-block { margin: 8px 0 0; padding: 12px 14px; border-radius: 8px; } .mark-moderator-tools #chat-content { max-height: 180px; overflow: auto; } .mark-moderator-tools #chat-content:empty { margin: 0; } .mark-moderator-tools .mark-comments__editor { height: 72px; } @media(max-width:600px) { .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { min-height: 42px; } } tr.mark-good--found > td { background: #fff3c9 !important; } /* Причина относится к размеру, а кнопка открывает существующее исправление без отправки. */ .chz-row-stop { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 6px; font-size: 12px; line-height: 1.5; } .chz-row-stop .fa { margin-right: 4px; } @media(max-width:600px) { .chz-row-stop .btn { min-height: 40px; } } /* Выделяю замечания и успешные правки цветом, сохраняя спокойную палитру сайта. */ .agent-issues__item { border-left: 3px solid #dba447; padding-left: 12px; } .agent-issues__reason { color: #9b4737; } .agent-issues__item:has(.text-success) { border-left-color: #48956b; background: #f1f9f4; } .rd-warning-backdrop { position: fixed; inset: 0; z-index: 11000; background: #17233488; display: flex; align-items: center; justify-content: center; padding: 16px; } .rd-warning-dialog { background: #fff; color: #344154; border-radius: 12px; width: min(900px, 100%); max-height: 90vh; max-height: 90dvh; display: flex; flex-direction: column; box-shadow: 0 14px 48px #15203155; } .rd-warning-dialog header, .rd-warning-dialog footer { padding: 18px 22px; display: flex; align-items: center; gap: 12px; justify-content: space-between; flex-wrap: wrap; } .rd-warning-dialog header { border-bottom: 1px solid #dce3ec; } .rd-warning-dialog h2 { margin: 0 0 6px; font-size: 21px; font-weight: 600; } .rd-warning-dialog header p { margin: 0; font-size: 13px; } .rd-warning-dialog__body { overflow: auto; min-height: 0; padding: 0 22px; } .rd-warning-item { padding: 16px 0; border-bottom: 1px solid #e1e6ee; } .rd-warning-item h3 { margin: 0 0 9px; font-size: 14px; line-height: 1.6; font-weight: 600; overflow-wrap: anywhere; } .rd-warning-item h3 small { margin-left: 8px; color: #5d6d80; } .rd-warning-badge { background: #fff0de; color: #9a5914; border-radius: 5px; padding: 3px 7px; margin-right: 6px; } .rd-warning-item--done .rd-warning-badge { background: #e6f5ec; color: #237347; } .rd-warning-item summary { color: #4b6280; cursor: pointer; margin: 8px 0; } .rd-warning-item details p, .rd-warning-item li { font-size: 13px; line-height: 1.5; } .rd-warning-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; } .rd-warning-actions select { width: auto; max-width: 100%; } .rd-warning-dialog .btn { min-height: 38px; white-space: normal; } .rd-warning-candidate { background: #eef6fb; border-left: 3px solid #5c91bd; margin-top: 10px; padding: 9px 12px; font-size: 13px; } .rd-warning-candidate span { display: block; margin-top: 4px; } .rd-warning-dialog footer { border-top: 1px solid #dce3ec; background: #f7f9fc; border-radius: 0 0 12px 12px; } @media(max-width:600px) { .rd-warning-backdrop { padding: 8px; } .rd-warning-dialog header,.rd-warning-dialog footer { padding: 12px; } .rd-warning-dialog__body { padding: 0 12px; } .rd-warning-dialog .btn { min-height:44px; } } /* Собираю общие действия внизу, чтобы документы не повторяли одинаковые кнопки. */ .rd-warning-dialog { width: min(920px, 100%); } .rd-warning-dialog header { padding: 16px 20px; flex-wrap: nowrap; align-items: flex-start; } .rd-warning-dialog h2 { font-size: 19px; } .rd-warning-dialog header p { color: #657386; } .rd-warning-dialog header > button { flex: 0 0 34px; min-height: 34px; padding: 4px; border: 0; background: transparent; font-size: 20px; } .rd-warning-dialog__body { padding: 0 20px; } .rd-warning-item { padding: 14px 0; } .rd-warning-item:last-child { border-bottom: 0; } .rd-warning-item h3 { margin-bottom: 6px; } .rd-warning-item p { margin: 4px 0; font-size: 13px; line-height: 1.5; } .rd-warning-item--kind { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 16px; } .rd-warning-item--kind .rd-warning-actions { margin: 0; } .rd-warning-item--kind select { width: 100%; } .rd-warning-item summary { margin: 6px 0 0; font-size: 12px; } .rd-warning-reason { color: #9a4634; } .rd-warning-dialog footer { display: block; padding: 14px 20px; } .rd-warning-footer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .rd-warning-footer-actions .btn { margin: 0; } .rd-warning-save-note { color: #27714d; margin: 0 0 10px; font-size: 13px; } .rd-warning-dialog .rd-warning-send-anyway { padding: 0; margin-top: 8px; min-height: 28px; color: #687489; font-size: 12px; text-decoration: underline; } @media(max-width:600px) { .rd-warning-item--kind { grid-template-columns: 1fr; gap: 8px; } .rd-warning-dialog header,.rd-warning-dialog footer { padding: 12px 14px; } .rd-warning-dialog__body { padding: 0 14px; } .rd-warning-dialog .rd-warning-send-anyway { min-height: 40px; } } .mark-moderator-shell #dkForm > .row > div > .panel, .mark-moderator-shell #dkForm > .row > div > .panel > .panel-body { background: transparent; border: 0; box-shadow: none; } #dkForm .mark-moderator-tools { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.65fr); gap: 12px; margin: 12px 0 20px; } #dkForm .mark-moderator-tools > * { min-width: 0; margin: 0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"], #dkForm .mark-moderator-tools > [data-mark-review-slot="notices"], #dkForm .mark-moderator-tools > [data-mark-review-slot="errors"], #dkForm .mark-moderator-tools > [data-mark-review-slot="actions"], #dkForm .mark-moderator-tools > [data-mark-review-slot="tools"] { grid-column: 1 / -1; } #dkForm .mark-moderator-tools .mark-review__panel { margin: 0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"]:empty, #dkForm .mark-moderator-tools > [data-mark-review-slot="notices"]:not(:has(> :not(.ng-hide))), #dkForm .mark-moderator-tools > [data-mark-review-slot="errors"]:not(:has(> :not(.ng-hide))) { display:none; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create { margin: 0; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create > div { margin: 0; padding: 0; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create:first-child > div { width:100%; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0:before, #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0:after { display:none; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex:1 1 170px; width:auto; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { margin:0 !important; min-height:40px; border-radius:6px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="files"], #dkForm .mark-moderator-tools > [data-mark-review-slot="comments"], #dkForm .mark-moderator-tools > [data-mark-review-slot="qr"], #dkForm .mark-moderator-tools > [data-mark-review-slot="note"] { background:#fff; border:1px solid #dbe3ed; border-radius:8px; padding:14px !important; width:100%; } #dkForm .mark-moderator-tools [data-mark-review-slot="files"] > div, #dkForm .mark-moderator-tools [data-mark-review-slot="qr"] .file-load > div { width:100%; margin:0; padding:0; } #dkForm .mark-moderator-tools .mark-files { max-width:none; width:100%; margin:0; } #dkForm .mark-moderator-tools .be-comment-block { border:0; background:transparent; padding:0; margin:0; } #dkForm .mark-moderator-tools #comments-title { margin:0 0 12px !important; font-size:15px !important; font-weight:600; } #dkForm .mark-moderator-tools .mark-comments__editor { height:48px; } #dkForm .mark-moderator-tools [data-mark-review-slot="note"] textarea { height:48px; min-height:48px; resize:vertical; } #dkForm .mark-moderator-tools .mark-comments .form-block > .row { display:flex; align-items:flex-end; gap:8px; margin:0; } #dkForm .mark-moderator-tools .mark-comments .form-block > .row > div { padding:0; } #dkForm .mark-moderator-tools .mark-comments .form-block > .row > div:first-child { flex:1; } #dkForm .mark-moderator-tools .mark-comments .form-block > .row > div:last-child { width:auto; } #dkForm .mark-moderator-tools .mark-comments .form-group { margin:0; } #dkForm .mark-moderator-tools .mark-comments .btn { min-height:40px; } #dkForm .mark-moderator-tools .mark-actions { padding:0; display:flex; flex-wrap:wrap; gap:8px; } #dkForm .mark-moderator-tools .mark-actions .btn { min-height:36px; } @media(max-width:700px) { #dkForm .mark-moderator-tools { grid-template-columns:minmax(0,1fr); } #dkForm .mark-moderator-tools > * { grid-column:1 !important; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex-basis:calc(50% - 8px); } } body:has(.sidebar a[href="#/app/drafts"]) .wrapper > .mark-moderator-shell > .content-wrapper { background:#2e3746; } #dkForm .mark-moderator-tools [data-mark-review-slot="qr"], #dkForm .mark-moderator-tools [data-mark-review-slot="note"] { width:100%; padding:12px 0 0 !important; margin:0; } #dkForm .mark-moderator-tools [data-mark-review-slot="qr"] .row { margin:0; } #dkForm .mark-moderator-tools [data-mark-review-slot="note"] label { margin-top:10px; } #dkForm .mark-moderator-tools .mark-extra-actions { position:relative; } #dkForm .mark-moderator-tools .mark-extra-actions > summary { padding:10px 12px; min-height:40px; border:1px solid #bac5d3; border-radius:6px; cursor:pointer; color:#34465e; text-align:center; font-weight:600; background:#f5f7fa; } #dkForm .mark-moderator-tools .mark-extra-actions[open] > .btn { position:absolute; right:0; z-index:5; min-width:230px; margin-top:6px !important; box-shadow:0 6px 16px #18233533; } #dkForm .mark-moderator-tools .be-comment-block { margin-bottom:0 !important; } #dkForm .mark-moderator-tools .mark-dashboard-fold { margin-top:12px; border-top:1px solid #e1e7ee; padding-top:10px; } #dkForm .mark-moderator-tools .mark-dashboard-fold > summary { cursor:pointer; font-weight:600; color:#40526a; } #dkForm .mark-moderator-tools .mark-dashboard-fold [data-mark-review-slot="note"] label { display:none; } #dkForm .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex-basis:150px; } body:has(.sidebar a[href="#/app/drafts"]) .wrapper, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section > .content-wrapper, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > .footer { background-color:#2e3746; } body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section { min-height:calc(100vh - 55px); } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > :is(h3,.content-heading), body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > :is(h3,.content-heading) small { background:transparent; color:#f2f5f9; border-color:#475164; } #dkForm .mark-moderator-tools { gap:0 12px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"] { order:0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="actions"] { order:1; border-top:0; border-radius:0 0 8px 8px; padding:0 16px 16px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"] .chz-status-panel { border-bottom:0; border-radius:8px 8px 0 0; padding:12px 16px 8px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="actions"] > h2 { display:none; } #dkForm .mark-moderator-tools > [data-mark-review-slot="actions"] .mark-total { font-size:13px; color:#637084; } #dkForm .mark-moderator-tools > [data-mark-review-slot="actions"] .btn.mt-lg { height:42px; min-height:42px; padding:7px 10px; display:flex; align-items:center; justify-content:center; line-height:1.2; font-size:13px; } #dkForm .mark-moderator-tools .mark-extra-actions > summary { height:42px; min-height:42px; padding:11px 10px; font-size:13px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="files"], #dkForm .mark-moderator-tools > [data-mark-review-slot="comments"] { order:2; margin-top:12px; align-self:stretch; } #dkForm .mark-moderator-tools > [data-mark-review-slot="notices"] { order:3; margin-top:12px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="errors"] { order:4; margin-top:12px; } #dkForm .mark-moderator-tools > [data-mark-review-slot="tools"] { order:5; margin-top:12px; } #dkForm .mark-moderator-tools .mark-files { border:0; background:transparent; } #dkForm .mark-moderator-tools .mark-files__title { background:transparent; padding:0 0 10px; color:#263246; font-size:14px; text-transform:none; } #dkForm .mark-moderator-tools .mark-files__row { border:1px solid #e0e6ee; border-radius:6px; background:#f6f8fb; padding:8px; } #dkForm .mark-moderator-tools .mark-files__hint { display:none; } #dkForm .mark-moderator-tools .mark-files__icon { width:26px; height:26px; } #dkForm .mark-moderator-tools #comments-title { font-size:14px !important; margin-bottom:10px !important; } #dkForm .mark-moderator-tools #chat-content:empty { display:none; } #dkForm .mark-moderator-tools .mark-comments .form-block > .row > div:first-child { min-width:0; } #dkForm .mark-moderator-tools .mark-comments .form-block .form-group { margin:0 !important; } #dkForm .mark-moderator-tools .mark-comments__editor { height:42px; } #dkForm .mark-moderator-tools .mark-comments__editor textarea { height:42px; min-height:42px; padding:10px; border-radius:6px; } #dkForm .mark-moderator-tools .mark-comments .btn { min-height:42px; border-radius:6px; } #dkForm .mark-moderator-tools .mark-dashboard-fold { margin-top:10px; padding-top:8px; font-size:12px; } #dkForm .mark-moderator-tools .mark-actions .btn { margin:0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"] .chz-status-panel { margin:0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="errors"] { margin-top:12px !important; } #dkForm .mark-moderator-tools [data-mark-review-slot="files"] .panel { border:0; background:transparent; box-shadow:none; margin:0; } #dkForm .mark-moderator-tools [data-mark-review-slot="files"] .panel-heading { padding:0 0 10px; background:transparent; border:0; } #dkForm .mark-moderator-tools [data-mark-review-slot="files"] > div { margin-bottom:0; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"] .chz-status-panel { padding:0; border:0; background:transparent; } #dkForm .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status { border-bottom:0; border-radius:8px 8px 0 0; padding:12px 16px 8px; } body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > [ng-controller] > h3, body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > [ng-controller] > h3 small { color:#f2f5f9; } body form#dkForm.mark-form--moderator .mark-moderator-tools { margin-bottom:8px; font-size:14px; } body form#dkForm.mark-form--moderator .mark-review__status-line h2 { font-size:16px; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stat { font-size:14px; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stat b { font-size:17px; } body form#dkForm.mark-form--moderator .mark-review__status > div:not(.mark-review__status-line) { font-size:13px; color:#59697b; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"] .mark-total { font-size:14px; color:#4b5b6e; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { font-size:14px; min-height:44px; height:auto; } body form#dkForm.mark-form--moderator .mark-moderator-tools button.btn-block[ng-click="readyModal()"] { background:#fff; border-color:#b7c5bc; color:#38704b; } body form#dkForm.mark-form--moderator .mark-moderator-tools button.btn-block[ng-click="readyModal()"]:hover { background:#edf6ef; } body form#dkForm.mark-form--moderator .mark-moderator-tools button.btn-block[ng-click="sendCHZModal()"] { background:#405879; border-color:#405879; color:#fff; } body form#dkForm.mark-form--moderator .mark-moderator-tools button.btn-block[ng-click="sendCHZModal()"]:hover { background:#344b6b; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files { border:0; background:transparent; margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files__title { background:transparent; border:0; padding:0 0 10px; font-size:15px; letter-spacing:0; text-transform:none; color:#263246; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files__row { border:0; border-radius:0; background:transparent; padding:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files__row + .mark-files__row { margin-top:10px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files__name { font-size:14px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-files__btn { font-size:13px; min-height:36px; } body form#dkForm.mark-form--moderator .mark-moderator-tools #comments-title { font-size:15px !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-dashboard-fold { border:0; margin-top:8px; padding-top:4px; font-size:13px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-actions .btn { font-size:13px; } body form#dkForm.mark-form--moderator .mark-moderator-tools + fieldset { padding-top:0; margin-top:0; } body form#dkForm.mark-form--moderator .form-create:has(#mark-inn) { margin-top:8px; padding-top:0; } body form#dkForm.mark-form--moderator .form-create:has(#mark-inn) > div { margin-top:0; margin-bottom:4px; } /* Нижние инструменты модератора оставляю после товаров. */ #dkForm.mark-form--moderator .mark-moderator-bottom { display:grid; grid-template-columns:minmax(260px, 1fr) minmax(300px, 2fr); gap:12px; margin-top:16px; } #dkForm.mark-form--moderator .mark-moderator-bottom > [data-mark-review-slot="tools"] { grid-column:1 / -1; margin:0; } #dkForm.mark-form--moderator .mark-moderator-bottom > :is([data-mark-review-slot="files"],[data-mark-review-slot="comments"]) { background:#fff; padding:12px; margin:0; border:1px solid #dbe3ee; border-radius:8px; min-width:0; } #dkForm.mark-form--moderator .mark-moderator-bottom .mark-dashboard-fold { margin-top:10px; } #dkForm.mark-form--moderator .mark-moderator-bottom [data-mark-review-slot="note"] { width:100%; float:none; padding:0; } #dkForm.mark-form--moderator .mark-moderator-bottom [data-mark-review-slot="note"] label { display:none; } @media(max-width:767px) { #dkForm.mark-form--moderator .mark-moderator-bottom { grid-template-columns:minmax(0,1fr); } } #dkForm.mark-form--moderator .mark-moderator-bottom > [data-mark-review-slot="files"] { align-self:start; } #dkForm.mark-form--moderator .mark-moderator-bottom .mark-files { border:0; margin:0; background:transparent; } #dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__title { background:transparent; padding:0 0 8px; } #dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__row { border:0; background:transparent; padding:0; } #dkForm.mark-form--moderator .mark-moderator-bottom .be-comment-block { background:transparent; border:0; padding:0; margin:0; } #dkForm.mark-form--moderator .mark-moderator-bottom #chat-content:empty { display:none; } #dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments__editor, #dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments__editor textarea { height:80px; min-height:80px; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status { padding:10px 12px 6px; border-radius:3px 3px 0 0; background:#f4f5f7; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"] { padding:0 12px 10px; border-radius:0 0 3px 3px; background:#f4f5f7; } body form#dkForm.mark-form--moderator .mark-review__status-line { gap:8px; } body form#dkForm.mark-form--moderator .mark-review__status-line h2 { font-size:13px; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stat { font-size:12px; padding:5px 8px; border-radius:3px; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stat b { font-size:13px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { margin-left:auto; min-height:34px; padding:6px 10px; font-size:12px; border-radius:3px; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"] .mark-total { font-size:12px; margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { gap:6px; margin-top:8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex:0 0 auto; width:auto; padding:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { width:auto; min-height:34px; height:auto; padding:7px 12px; margin:0 !important; font-size:12px; font-weight:600; border-radius:3px; background:#fff; border:1px solid #b9c3d0; color:#35445b; white-space:normal; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg:hover { background:#e7ebf1; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] button[ng-click="sendCHZModal()"] { background:#65718b; border-color:#65718b; color:#fff; } @media(max-width:767px) { body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { margin-left:0; min-height:40px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex:1 1 145px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { width:100%; min-height:40px; } } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg.bg-info { background:#fff !important; color:#35445b !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click="sendCHZModal()"] { background:#65718b; border-color:#65718b; color:#fff; } @media(max-width:767px) { body form#dkForm.mark-form--moderator .mark-review__status-line { display:grid; grid-template-columns:1fr auto; gap:8px; } body form#dkForm.mark-form--moderator .mark-review__status-line h2 { margin:0; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stats { grid-column:1 / -1; grid-row:2; display:flex; flex-wrap:wrap; gap:5px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { grid-column:2; grid-row:1; width:auto; margin:0; min-height:40px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom { gap:10px; margin-top:10px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-actions { padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:6px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-actions .btn { width:100%; margin:0; white-space:normal; min-height:44px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom > [data-mark-review-slot="files"] > .col-xs-12 { padding:0; margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__title { background:transparent; padding:0 0 8px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; padding:0; background:transparent; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__icon { width:28px; height:28px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__hint { display:none; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__btn { width:auto; min-width:82px; min-height:44px; padding:8px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom #comments-title { font-size:15px !important; margin:0 0 10px !important; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments .form-block .row { margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments .form-block .row > div { padding:0; margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments .form-group { margin:0 0 8px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments .form-block { display:flow-root; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments .btn { min-height:44px; } body form#dkForm.mark-form--moderator .form-create:has(#mark-inn) { padding:0; margin-top:10px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-dashboard-fold { clear:both; padding-top:8px; margin-top:8px; } body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section { min-height:calc(100dvh - 55px); } } @media(max-width:767px) { body form#dkForm.mark-form--moderator .mark-moderator-bottom .be-comment-block { margin-bottom:0 !important; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .nw-editor { margin-top:0; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__title, body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__row { background:transparent !important; } } @media(max-width:767px) { .template-review .template-review__choice select { min-height:44px; height:auto; font-size:16px; } .template-review .template-review__submit .btn { min-height:44px; width:100%; white-space:normal; } } @media(max-width:767px) { .rd-warning-dialog select { min-height:44px; height:auto; font-size:16px; } .rd-warning-dialog button { min-width:44px; min-height:44px; } } @media(max-width:767px) { body #dkForm .agent-issues__editor .form-control { min-height:44px; height:auto; font-size:16px; } .agent-issues__item .btn, .agent-issues__paging .btn { min-height:44px; white-space:normal; } } @media(max-width:767px) { body:has(.sidebar a[href="#/app/drafts"]) .content-wrapper > h3 { font-size:20px; margin-bottom:12px; padding-bottom:10px; } body form#dkForm.mark-form--moderator .mark-moderator-tools { margin:8px 0 12px; border:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status { border:0; background:#fff; padding:10px 10px 4px; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"] { border:0; background:#fff; padding:0 10px 10px; } body form#dkForm.mark-form--moderator .mark-review__status-line h2 { font-size:12px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { padding:4px 8px; font-size:11px; } body form#dkForm.mark-form--moderator .mark-review__stats { gap:4px; } body form#dkForm.mark-form--moderator .mark-review__status-line .mark-review__stat { padding:4px 6px; font-size:11px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { min-height:44px; font-size:13px; padding:6px 8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { display:grid; grid-template-columns:1fr 1fr; gap:6px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div:has(button[ng-click*="sendCHZCodesModalWithoutCheck"]) { grid-column:1 / -1; } body form#dkForm.mark-form--moderator .mark-moderator-tools button[ng-click*="sendCHZCodesModalWithoutCheck"].btn.mt-lg { border:0; background:transparent; font-size:12px; text-decoration:underline; min-height:36px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-actions { gap:4px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-actions .btn { min-height:40px; font-size:12px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom > [data-mark-review-slot="files"], body form#dkForm.mark-form--moderator .mark-moderator-bottom > [data-mark-review-slot="comments"] { padding:10px; border-radius:4px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__title { display:none; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-files__row { background:transparent !important; border:0; } body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments__editor, body form#dkForm.mark-form--moderator .mark-moderator-bottom .mark-comments__editor textarea { height:64px; min-height:64px; } } @media(max-width:767px) { body .wrapper > .mark-moderator-shell > .content-wrapper { width:auto; margin-left:0; margin-right:0; padding-left:12px; padding-right:12px; } } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat { background:transparent; border:0; border-radius:0; color:#35445b; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--ok b { color:#28734c; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--bad b { color:#b33737; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { width:100%; padding:0; margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { height:44px; min-height:44px; padding:6px 8px; margin:0; border:1px solid #b7c1d0; border-radius:3px; background:#f4f5f7 !important; color:#35445b !important; text-decoration:none; font-size:13px; font-weight:600; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg:hover { background:#e5eaf1 !important; } @media(max-width:767px) { body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { grid-template-columns:repeat(2,minmax(0,1fr)); } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div:has(button[ng-click*="sendCHZCodesModalWithoutCheck"]) { grid-column:auto; } } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg.bg-info { background:#f4f5f7 !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line .mark-review__stat { padding:4px 0; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line .mark-review__stats { gap:12px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--wait b { color:#365d93; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click="sendCHZModal()"] { background:#4b5c78 !important; border-color:#4b5c78; color:#fff !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click="sendCHZModal()"]:hover { background:#3c4c65 !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top { margin-top:6px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top > .text-muted { display:block; margin-top:6px; font-size:12px; } @media (min-width:768px) { body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] > fieldset { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] > fieldset > .form-create:first-child { flex-basis:100%; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0, body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top { display:contents; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex:0 0 160px; width:160px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { width:160px; height:40px; min-height:40px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top > :is(.text-muted,.simple-alert) { flex-basis:100%; margin:0; } } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status, body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"], body form#dkForm.mark-form--moderator .mark-moderator-bottom > :is([data-mark-review-slot="files"],[data-mark-review-slot="comments"]) { background:#e5e9ef; border-color:#bac4d1; } body .mark-moderator-shell .drafts-codes-summary { background:#dfe5ec; border-color:#bcc6d2; } body .mark-moderator-shell .drafts-codes-summary__item { background:#e8edf3; border-color:#bbc8d7; } body .mark-moderator-shell .drafts-table tbody tr:is(.draft-row--plain,.draft-row--awaiting) > td { background:#e5e9ef !important; } body .mark-moderator-shell .drafts-table tbody tr:is(.draft-row--plain,.draft-row--awaiting):hover > td { background:#dce3ec !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { border-radius:5px; box-shadow:none; background:transparent !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click="sendCHZModal()"] { background:#455d7d !important; color:#fff !important; border-color:#455d7d; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click*="sendCHZCodesModalWithoutCheck"] { border-color:transparent; color:#836038 !important; } @media(min-width:768px) { body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div { flex:0 0 auto; width:auto; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { width:auto; min-width:120px; padding:8px 16px; font-size:13px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div:has([ng-click*="sendCHZCodesModal()"]) { border-left:1px solid #bdc7d3; padding-left:16px; margin-left:8px; } } @media(min-width:768px) { body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div:has([ng-click*="sendCHZCodesModal()"]) { order:2; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 > div:has([ng-click*="sendCHZCodesModalWithoutCheck"]) { order:3; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top > :is(.text-muted,.simple-alert) { order:4; } } body .mark-moderator-shell .panel, body .mark-moderator-shell .panel-body { background-color:#e1e6ec; } body form#dkForm.mark-form--moderator .mark-review__panel, body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status, body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"], body form#dkForm.mark-form--moderator .mark-moderator-bottom > :is([data-mark-review-slot="files"],[data-mark-review-slot="comments"]) { background-color:#e1e6ec; border-color:#bac4d1; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { border-radius:10px; min-height:40px; background:#d9e1eb !important; border-color:#b4c1d2; color:#2e415b !important; font-weight:600; transition:filter .15s,box-shadow .15s; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg.bg-info { background:#327b70 !important; border-color:#327b70; color:#fff !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click="sendCHZModal()"] { background:#456ca4 !important; border-color:#456ca4; color:#fff !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click*="sendCHZCodesModal()"] { background:#685b91 !important; border-color:#685b91; color:#fff !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg[ng-click*="sendCHZCodesModalWithoutCheck"] { background:#eee0ce !important; border-color:#cbb28f; color:#684718 !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg:not(:disabled):hover { filter:brightness(.94); } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg:focus-visible { outline:3px solid #253f63; outline-offset:2px; } body form#dkForm.mark-form--moderator { --review-surface:#e7ebf0; --review-edge:#c4ceda; font-size:14px; color:#26364a; } body form#dkForm.mark-form--moderator > .row > div > .panel, body form#dkForm.mark-form--moderator > .row > div > .panel > .panel-body { background:transparent; border:0; box-shadow:none; padding:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools { background:#dce4ee; border:0; border-radius:12px; padding:18px 20px; gap:0; margin:0 0 24px; } body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="status"] .mark-review__status, body form#dkForm.mark-form--moderator .mark-moderator-tools > [data-mark-review-slot="actions"] { background:transparent; border:0; border-radius:0; box-shadow:none; padding:0 !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line { gap:16px; align-items:center; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-title { font-size:15px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat { font-size:13px; line-height:1.5; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat b { font-size:17px; margin-right:4px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] { margin-top:14px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { min-height:44px; height:44px; font-size:14px; padding:10px 18px; border-radius:8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__updated, body form#dkForm.mark-form--moderator .mark-moderator-tools .text-muted { font-size:12px; color:#53657a; } body form#dkForm.mark-form--moderator .goods-card { background:var(--review-surface); border:0; border-radius:12px; box-shadow:none; padding:20px; margin-bottom:20px; } body form#dkForm.mark-form--moderator .goods-card__head { background:#d8e0ea; border:0; border-radius:8px; padding:12px 14px; margin-bottom:18px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; } body form#dkForm.mark-form--moderator .goods-card__head :is(strong,b) { font-size:15px; } body form#dkForm.mark-form--moderator .goods-card label { font-size:12px; line-height:1.5; color:#4d5e73; font-weight:600; margin-bottom:6px; } body form#dkForm.mark-form--moderator .goods-card :is(input.form-control,textarea.form-control,.ui-select-toggle) { background:#f1f3f6; border:1px solid #bdc9d8; border-radius:6px; min-height:38px; font-size:14px; color:#26364a; box-shadow:none; } body form#dkForm.mark-form--moderator .goods-card .goods-sec { background:transparent; border:0; color:#4b6078; font-size:12px; padding:16px 0 8px; } body form#dkForm.mark-form--moderator .goods-card .form-group { margin-bottom:14px; } body form#dkForm.mark-form--moderator .goods-card table { background:transparent; border:0; font-size:13px; } body form#dkForm.mark-form--moderator .goods-card table th { background:transparent; border:0; color:#4d5e73; font-size:12px; padding:8px; } body form#dkForm.mark-form--moderator .goods-card table td { border:0; padding:5px 8px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom { gap:16px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom > :is([data-mark-review-slot="files"],[data-mark-review-slot="comments"]) { background:var(--review-surface); border:0; border-radius:12px; padding:18px !important; } body form#dkForm.mark-form--moderator .mark-files, body form#dkForm.mark-form--moderator .mark-files__row, body form#dkForm.mark-form--moderator .mark-files__title { background:transparent !important; border:0; box-shadow:none; } body form#dkForm.mark-form--moderator .mark-files__name { font-size:14px; } body form#dkForm.mark-form--moderator .mark-moderator-bottom #comments-title { font-size:15px !important; } body form#dkForm.mark-form--moderator .mark-moderator-bottom textarea { background:#f1f3f6; border:1px solid #bdc9d8; border-radius:6px; font-size:14px; } @media(max-width:767px) { body form#dkForm.mark-form--moderator .mark-moderator-tools { padding:14px; margin-bottom:16px; } body form#dkForm.mark-form--moderator .goods-card { padding:12px; border-radius:10px; } body form#dkForm.mark-form--moderator .goods-card__head { padding:10px; } body form#dkForm.mark-form--moderator .goods-card :is(input.form-control,textarea.form-control,.ui-select-toggle) { font-size:16px; min-height:42px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { font-size:13px; padding:8px; height:auto; min-height:44px; } } body form#dkForm.mark-form--moderator > .col-lg-12 > .panel, body form#dkForm.mark-form--moderator > .col-lg-12 > .panel > .panel-body { background:transparent; border:0; box-shadow:none; padding:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools .btn { text-decoration:none; } @media (max-width:767px) { .mark-moderator-shell > .content-wrapper { padding-top:24px; } body form#dkForm.mark-form--moderator .mark-review__stats { gap:6px 10px; } body form#dkForm.mark-form--moderator .mark-review__stat { font-size:12px; } body form#dkForm.mark-form--moderator .mark-review__status-line { gap:8px; } } body form#dkForm.mark-form--moderator { background:#d4dce6; border-radius:12px; padding:16px; } body form#dkForm.mark-form--moderator .goods-card__head > * { min-width:0; overflow-wrap:anywhere; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { height:44px; text-decoration:none !important; } @media (max-width:767px) { body form#dkForm.mark-form--moderator { padding:10px; } body form#dkForm.mark-form--moderator .goods-card__head { display:block; } body form#dkForm.mark-form--moderator .goods-card__head .goods-card__sum { display:block; white-space:normal; margin:8px 0; } body form#dkForm.mark-form--moderator .goods-card input[placeholder="GTIN"] { font-size:12px; padding:4px; } } body form#dkForm.mark-form--moderator { display:flow-root; width:100%; box-sizing:border-box; } body form#dkForm.mark-form--moderator > .col-lg-12 { padding:0; } body form#dkForm.mark-form--moderator { width:calc(100% - 30px); margin-left:15px; margin-right:15px; } body form#dkForm.mark-form--moderator .goods-card__sum { white-space:normal; overflow-wrap:anywhere; max-width:100%; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line { display:flex; flex-wrap:wrap; gap:10px 14px; justify-content:flex-start; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line h2 { flex-basis:100%; font-size:16px; font-weight:700; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stats { flex:0 1 auto; gap:8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat { padding:7px 10px; border-radius:7px; background:#e8edf4; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--wait { background:#e4ecfa; color:#315f9f; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--ok { background:#dcefe6; color:#23714b; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--empty { background:#e8edf4; color:#657284; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { margin:0; flex:0 0 auto; min-height:40px; padding:8px 12px; font-size:13px; border-radius:7px; background:#edf1f6; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-total { display:block; font-size:14px; color:#34465d; padding-top:12px; border-top:1px solid #b9c6d7; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-total b { font-size:16px; } @media (max-width:767px) { body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stats { flex-basis:100%; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat { font-size:12px; padding:6px 8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { min-height:44px; } } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line .mark-review__stat { padding:7px 10px; } /* Приглушаю только таблицу модератора, сохраняя цветовые отметки этапов. */ body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell [ng-controller="DraftsListController"] > .col-lg-12 > .panel, body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-toolbar-panel > .panel-body { background:#ccd6e1; border-color:#aab8c8; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-codes-summary { background:#c5d1de; border-color:#aab8c8; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-codes-summary__item { background:#d3dde7; border-color:#aebdcd; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table { background:#cbd5e0; color:#344254; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table thead > tr > th { background:#bcc9d8; color:#41536a; border-color:#aebdcd; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr:is(.draft-row--plain,.draft-row--awaiting) > td { background:#cdd7e2 !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr:is(.draft-row--plain,.draft-row--awaiting):nth-child(even) > td { background:#c4d0dd !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr:is(.draft-row--plain,.draft-row--awaiting):hover > td { background:#b7c7d9 !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--published > td { background:#abc8b8 !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--published:hover > td { background:#9cbeaa !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--not-sent > td { background:#dfd6bf !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--not-sent:hover > td { background:#d5c9a9 !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--error > td { background:#dfc6c9 !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .drafts-table tbody tr.draft-row--error:hover > td { background:#d6b6ba !important; } /* Объединяю фон и карточки модератора в одной приглушённой палитре. */ body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator { background:#c4d0dd; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .mark-moderator-tools, body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .goods-card, body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .mark-moderator-bottom > div { background:#d1dce7 !important; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .goods-card__head { background:#bdcbdc !important; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .goods-card :is(input.form-control,textarea.form-control,.ui-select-toggle), body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .mark-moderator-bottom textarea { background:#e9eef4 !important; border-color:#acbdcf; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .goods-card label { color:#43556c; } body:has(.sidebar a[href="#/app/drafts"]) .wrapper, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section.mark-moderator-shell, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > section.mark-moderator-shell > .content-wrapper, body:has(.sidebar a[href="#/app/drafts"]) .wrapper > .footer { background:#b7c1cc !important; } body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .content-wrapper > :is(h3,.content-heading), body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .content-wrapper > :is(h3,.content-heading) small, body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .content-wrapper > [ng-controller] > h3, body:has(.sidebar a[href="#/app/drafts"]) .mark-moderator-shell .content-wrapper > [ng-controller] > h3 small { color:#2c3c50 !important; background:transparent; border-color:#9eacbc; } /* Усиливаю вторичные подписи и убираю вложенную подложку статусов модератора. */ body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator .mark-moderator-tools { background:transparent !important; border:0; box-shadow:none; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator :is(label,.text-muted,.goods-sec,.mark-review__updated,.mark-files__hint) { color:#425369; } body:has(.sidebar a[href="#/app/drafts"]) form#dkForm.mark-form--moderator :is(input,textarea)::placeholder { color:#596b80; opacity:1; } body .mark-moderator-shell .drafts-table :is(.cab-sub,.drafts-doc small,.text-muted,.drafts-when__date,.drafts-when__agent) { color:#425369; } body .mark-moderator-shell .drafts-codes-summary :is(.drafts-codes-summary__name,.drafts-codes-summary__updated) { color:#425369; } /* Держу исправление рядом с причиной, а отправку — всегда в видимой части окна. */ .rd-warning-dialog { background:#d1dce7; color:#26364a; } .rd-warning-dialog header,.rd-warning-dialog footer { flex-shrink:0; background:#c3d0df; } .rd-warning-dialog footer { display:flex; gap:12px; align-items:center; justify-content:space-between; } .rd-warning-dialog .rd-warning-send-anyway { background:#456ca4; color:#fff; text-decoration:none; font-size:14px; font-weight:600; padding:10px 16px; min-height:44px; margin:0; border:1px solid #456ca4; border-radius:8px; } .rd-warning-dialog .btn { border-radius:7px; } .rd-warning-item { border-color:#aebfd1; } .rd-warning-item > button[ng-click="rdFixPick(group)"] { float:right; margin:0 0 10px 12px; } .rd-warning-item::after { content:''; display:block; clear:both; } .rd-warning-save-note { flex-basis:100%; } body form#dkForm.mark-form--moderator .nk-kind-status { display:flex; flex-wrap:wrap; gap:4px 8px; margin:8px 0 0; font-size:12px; line-height:1.5; color:#53657a; } body form#dkForm.mark-form--moderator .nk-kind-status .btn { padding:0; margin:0; min-height:24px; } body form#dkForm.mark-form--moderator #chz-problems { background:transparent !important; border:0; padding:12px 0; } body form#dkForm.mark-form--moderator #chz-problems .chz-status-card { background:transparent !important; border:0; } body form#dkForm.mark-form--moderator .chz-error-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; align-items:center; padding:14px 0; } body form#dkForm.mark-form--moderator .chz-error-card__fix { grid-column:2; grid-row:1; margin:0; max-width:440px; } body form#dkForm.mark-form--moderator .chz-error-card__actions { grid-column:2; justify-content:flex-end; } body form#dkForm.mark-form--moderator .chz-error-card__details { grid-column:1/-1; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line { align-items:center; gap:5px 10px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__refresh { min-height:32px; margin:0; padding:5px 9px; background:#e8edf3; } body form#dkForm.mark-form--moderator [data-mark-review-slot="actions"] > fieldset { display:flex; flex-direction:row; flex-wrap:wrap; gap:8px; align-items:center; } body form#dkForm.mark-form--moderator [data-mark-review-slot="actions"] .mark-cost-summary { order:10; margin:0; flex-basis:100%; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-total { border:0; padding:0; } @media(max-width:767px) { .rd-warning-dialog footer { flex-direction:column; align-items:stretch; } .rd-warning-footer-actions { display:flex; flex-wrap:wrap; } .rd-warning-footer-actions .btn { flex:1 1 auto; } .rd-warning-dialog .rd-warning-send-anyway { width:100%; } .rd-warning-item > button[ng-click="rdFixPick(group)"] { float:none; margin:6px 0; width:100%; } body form#dkForm.mark-form--moderator .chz-error-card { grid-template-columns:1fr; } body form#dkForm.mark-form--moderator .chz-error-card__fix, body form#dkForm.mark-form--moderator .chz-error-card__actions { grid-column:1; grid-row:auto; justify-content:flex-start; } } /* Выравниваю края рабочей области и элементы панели черновиков. */ body .mark-moderator-shell > .content-wrapper:has([ng-controller="DraftsListController"]) { width:auto; margin-left:0; margin-right:0; padding-left:20px; padding-right:20px; } body .mark-moderator-shell .drafts-toolbar-panel .panel-body { padding:12px 14px; } body .mark-moderator-shell .drafts-toolbar :is(select,button) { height:38px; min-height:38px; border-radius:7px; padding:7px 12px; font-size:13px; line-height:22px; } @media(max-width:767px) { body .mark-moderator-shell > .content-wrapper:has([ng-controller="DraftsListController"]) { padding-left:12px; padding-right:12px; } body .mark-moderator-shell .drafts-toolbar :is(select,button) { min-height:44px; height:44px; } } .rd-warning-dialog header { border-radius:12px 12px 0 0; } body form#dkForm.mark-form--moderator [data-mark-review-slot="actions"] > fieldset > .row.mb-0 { display:flex; flex-wrap:wrap; gap:8px; margin:0; } body form#dkForm.mark-form--moderator [data-mark-review-slot="actions"] > fieldset > .row.mb-0 > div { float:none; width:auto; padding:0; } body form#dkForm.mark-form--moderator #chz-problems .chz-error-cards { background:transparent !important; } body form#dkForm.mark-form--moderator #chz-problems .mark-review__group { background:transparent; } /* Ставлю действия рядом со статусами, а ошибки выделяю отдельными строками. */ body form#dkForm.mark-form--moderator .mark-moderator-tools { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:0 8px; padding:0; margin-bottom:14px; } body form#dkForm.mark-form--moderator .mark-moderator-tools > :is([data-mark-review-slot="status"],[data-mark-review-slot="actions"]) { grid-column:auto; margin:0; padding:12px 14px !important; background:#d3dde7; border-radius:8px; } body form#dkForm.mark-form--moderator .mark-moderator-tools:not(:has(> [data-mark-review-slot="status"] .chz-status-panel)) > [data-mark-review-slot="actions"] { grid-column:1/-1; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line h2 { flex-basis:100%; font-size:14px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line .mark-review__stats { flex:0 1 auto; gap:5px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status-line .mark-review__stat { padding:3px 7px; font-size:12px; white-space:nowrap; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat b { font-size:14px; margin-right:1px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__stat--bad:not(.mark-review__stat--empty) { background:#f5e5e3; color:#922e29; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status .mark-review__refresh { min-height:34px; height:auto; padding:5px 9px; border-radius:4px; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .form-create.mb-0 { display:contents; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] fieldset .form-create.mb-0 > div { flex:0 1 auto; width:auto; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { min-width:0; height:auto; min-height:34px; padding:6px 12px; border-radius:4px; font-size:13px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-rd-bulk-top { margin:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-total, body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-total b { font-size:12px; } body form#dkForm.mark-form--moderator #chz-problems { padding:4px 0 0; } body form#dkForm.mark-form--moderator #chz-problems > h2 { font-size:16px; margin:0 0 4px; } body form#dkForm.mark-form--moderator .mark-review__problem-counts { display:flex; flex-wrap:wrap; gap:4px 12px; color:#75403c; font-size:12px; margin:0 0 8px; } body form#dkForm.mark-form--moderator .chz-error-card { grid-template-columns:minmax(180px,1fr) minmax(150px,.9fr) auto; align-items:center; gap:6px 12px; padding:10px 12px; margin-top:6px; border:0; border-inline-start:3px solid #af5b55; border-radius:5px; background:#d4dee8; } body form#dkForm.mark-form--moderator .chz-error-card__actions { grid-column:3; } body form#dkForm.mark-form--moderator #chz-problems .chz-error-card button.btn { min-height:32px; padding:5px 8px; border-radius:4px; } body form#dkForm.mark-form--moderator .chz-error-card:not(:has(.chz-error-card__fix)) { grid-template-columns:minmax(0,1fr) auto; } body form#dkForm.mark-form--moderator .chz-error-card:not(:has(.chz-error-card__fix)) .chz-error-card__actions { grid-column:2; } body form#dkForm.mark-form--moderator .chz-error-card__context { margin:2px 0; } @media(max-width:991px) { body form#dkForm.mark-form--moderator .mark-moderator-tools { grid-template-columns:minmax(0,1fr); gap:6px; } body form#dkForm.mark-form--moderator .chz-error-card, body form#dkForm.mark-form--moderator .chz-error-card:not(:has(.chz-error-card__fix)) { grid-template-columns:minmax(0,1fr); } body form#dkForm.mark-form--moderator .chz-error-card__fix, body form#dkForm.mark-form--moderator .chz-error-card__actions, body form#dkForm.mark-form--moderator .chz-error-card:not(:has(.chz-error-card__fix)) .chz-error-card__actions { grid-column:1; grid-row:auto; justify-content:flex-start; max-width:none; } } @media(max-width:767px) { body form#dkForm.mark-form--moderator { width:100%; margin-inline:0; } body form#dkForm.mark-form--moderator .mark-moderator-tools > :is([data-mark-review-slot="status"],[data-mark-review-slot="actions"]) { padding:9px 8px !important; } body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { padding-inline:7px; font-size:12px; } body form#dkForm.mark-form--moderator .mark-moderator-tools .mark-review__status .mark-review__refresh, body form#dkForm.mark-form--moderator .mark-moderator-tools [data-mark-review-slot="actions"] .btn.mt-lg { min-height:36px; } body form#dkForm.mark-form--moderator #chz-problems .chz-error-card button.btn { min-height:36px; } }