:root {
  color-scheme: light;
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #172033;
  --muted: #687386;
  --line: #dfe4ec;
  --accent: #2456d6;
  --shadow: 0 10px 30px rgba(23, 32, 51, .07);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.45 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.topbar { height: 68px; padding: 0 max(24px, calc((100vw - 1600px) / 2)); display: flex; align-items: center; justify-content: space-between; background: #10182a; color: white; }
.brand { display: flex; align-items: center; gap: 11px; color: white; }
.brand:hover { text-decoration: none; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #597eff, #7d4ce7); font-weight: 800; }
.brand strong, .brand small { display: block; }
.brand small { color: #aeb8cc; font-size: 11px; margin-top: -1px; }
.topbar-nav { display: flex; align-items: center; gap: 18px; }
.topbar-nav a { color: #dce5ff; }
.topbar-menu { position: relative; border-top: 0; }
.topbar-menu summary { display: flex; align-items: center; gap: 6px; color: #dce5ff; cursor: pointer; list-style: none; white-space: nowrap; }
.topbar-menu summary::-webkit-details-marker { display: none; }
.topbar-menu:not(.topbar-service-menu) summary::after { content: ""; width: 6px; height: 6px; margin: -3px 1px 0 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .16s ease; }
.topbar-menu[open]:not(.topbar-service-menu) summary::after { margin-top: 3px; transform: rotate(225deg); }
.topbar-menu-panel { position: absolute; top: calc(100% + 14px); left: -14px; z-index: 100; min-width: 210px; display: grid; gap: 3px; padding: 8px; border: 1px solid #303b51; border-radius: 13px; background: #172238; box-shadow: 0 16px 45px rgba(0, 0, 0, .28); }
.topbar-menu-panel::before { content: ""; position: absolute; inset: -15px 0 auto; height: 15px; }
.topbar-menu-panel a { min-height: 38px; padding: 9px 11px; border-radius: 8px; color: #eef3ff; }
.topbar-menu-panel a:hover { background: #25334e; text-decoration: none; }
.topbar-menu-panel .notification-badge { margin-left: auto; border-color: #172238; }
.topbar-service-menu summary { width: 36px; height: 36px; justify-content: center; border-radius: 10px; background: #202c43; }
.topbar-service-menu summary:hover, .topbar-service-menu[open] summary { background: #2b3a58; }
.topbar-service-menu svg { width: 20px; height: 20px; fill: none; stroke: #dce5ff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.topbar-menu-panel-right { right: 0; left: auto; }
.nav-link-with-badge, .order-chat-link { display: inline-flex !important; align-items: center; gap: 6px; }
.notification-badge { min-width: 19px; height: 19px; display: inline-grid; place-items: center; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #e32636; color: #fff; box-shadow: 0 2px 7px rgba(157, 16, 30, .3); font-size: 10px; font-weight: 900; line-height: 1; text-decoration: none; }
.topbar-nav .notification-badge { border-color: #10182a; }
.user-name { color: #fff; font-weight: 600; }
.page-shell { width: min(1600px, calc(100% - 32px)); margin: 0 auto; padding: 0 0 64px; }
.page-shell.feed-page-shell { width: 90vw; max-width: none; }
.page-heading, .detail-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.page-heading { margin-bottom: 0; }
.detail-heading { margin-bottom: 24px; }
.page-heading h1, .detail-heading h1 { margin: 2px 0 5px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.035em; }
.page-heading p, .detail-heading p { margin: 0; color: var(--muted); }
.order-technical-reference { display: block; margin-top: 7px; color: #9aa4b5; font-size: 10px; font-weight: 600; letter-spacing: .02em; overflow-wrap: anywhere; }
.eyebrow { margin: 0; color: var(--accent) !important; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.result-count { min-width: 150px; padding: 14px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.result-count strong, .result-count span { display: block; }
.result-count strong { font-size: 24px; }
.result-count span { color: var(--muted); font-size: 12px; }
.filters { display: grid; grid-template-columns: minmax(250px, 1.7fr) repeat(3, minmax(140px, 1fr)); gap: 12px; padding: 18px; margin-bottom: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.manager-filters { position: relative; grid-template-columns: minmax(280px, 1.7fr) minmax(160px, .75fr) minmax(160px, .75fr) minmax(225px, 1fr) minmax(225px, 1fr); gap: 14px 16px; padding: 20px 22px; }
.segmented-filter, .task-filters { min-width: 0; margin: 0; padding: 0; border: 0; }
.segmented-filter legend, .task-filters legend { margin-bottom: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
.segmented-filter { display: grid; grid-template-columns: 1fr 1fr; align-content: end; max-width: 490px; }
.segmented-filter:first-of-type { grid-column: 1; }
.segmented-filter:nth-of-type(2) { grid-column: 2; }
.segmented-filter label { position: relative; min-width: 0; }
.segmented-filter input { position: absolute; opacity: 0; pointer-events: none; }
.segmented-filter span { display: grid !important; place-items: center; min-height: 42px; margin: 0 !important; padding: 0 12px; border: 1px solid #cbd3df; background: #fff; color: #5f6b7e !important; font-size: 13px !important; cursor: pointer; }
.segmented-filter label:first-of-type span { border-radius: 10px 0 0 10px; }
.segmented-filter label:last-of-type span { margin-left: -1px !important; border-radius: 0 10px 10px 0; }
.segmented-filter input:checked + span { position: relative; z-index: 1; border-color: var(--accent); background: #eaf0ff; color: #234baf !important; }
.task-filters { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); gap: 0; padding-top: 13px; border-top: 1px solid var(--line); }
.task-filters legend { width: 100%; margin-bottom: 7px; }
.task-filters label { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 3px 13px; border-right: 1px solid #e8ebf0; font-size: 13px; font-weight: 700; cursor: pointer; }
.task-filters label:first-of-type { padding-left: 2px; }
.task-filters label:last-of-type { border-right: 0; }
.task-filters input { width: 17px; height: 17px; flex: 0 0 auto; margin: 0; accent-color: var(--accent); }
.manager-filters .check-field { grid-column: 1 / 3; min-height: 42px; }
.manager-filters .filter-actions { grid-column: 3 / -1; }
.filters label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
input[type="search"], input[type="date"], select { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #cbd3df; border-radius: 10px; background: white; color: var(--text); font: inherit; }
input:focus, select:focus { outline: 3px solid rgba(36, 86, 214, .14); border-color: var(--accent); }
.check-field { display: flex; align-items: center; gap: 8px; grid-column: 1 / 3; }
.check-field > span { margin: 0 !important; color: var(--text) !important; font-size: 14px !important; }
.filter-actions { grid-column: 3 / -1; display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
button { min-height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--accent); color: white; font: inherit; font-weight: 700; cursor: pointer; }
.secondary-button { border: 1px solid #cbd3df; background: #fff; color: #33425b; }
.secondary-button:hover { border-color: #9eabc0; background: #f8fafc; }
.feed-refresh-button span { display: inline-block; margin-right: 4px; font-size: 18px; line-height: 1; }
.feed-refresh-button.is-loading span { animation: feed-refresh-spin .8s linear infinite; }
.feed-refresh-button:disabled { cursor: wait; opacity: .65; }
.feed-refresh-status { min-width: 115px; color: var(--muted); font-size: 12px; }
.feed-refresh-status.is-success { color: #17663a; }
.feed-refresh-status.is-error { color: #9a2630; }
.filter-reset-button { min-height: 42px; padding: 0 6px; background: transparent; color: var(--accent); }
.filter-reset-button:hover { text-decoration: underline; }
.manager-filters.is-loading::after { content: ""; position: absolute; inset: 0; z-index: 20; border-radius: inherit; background: rgba(255, 255, 255, .45); cursor: progress; }
.filter-label, .status-filter-placeholder > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
.filter-control-button { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; color: var(--text); font-weight: 500; text-align: left; }
.filter-control-button:disabled { color: var(--text); cursor: default; opacity: 1; }
.range-filter { position: relative; min-width: 0; }
.range-filter-button svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: #66738a; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.range-filter-button [data-range-label] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.range-filter-button.has-value { border-color: #9db3e9; background: #f4f7ff; color: #234baf; font-weight: 700; }
.date-range-popover { position: absolute; top: calc(100% + 8px); right: 0; z-index: 40; width: min(670px, calc(90vw - 44px)); padding: 14px; border: 1px solid #d8dee8; border-radius: 15px; background: #fff; box-shadow: 0 22px 65px rgba(23, 32, 51, .2); }
.date-range-toolbar { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; gap: 8px; margin-bottom: 9px; }
.date-range-toolbar strong { color: #536176; font-size: 12px; text-align: center; }
.date-range-toolbar button { width: 34px; min-height: 32px; padding: 0; border: 1px solid #dfe4ec; background: #f7f9fc; color: #33425b; }
.date-range-calendars { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.date-range-month h3 { margin: 2px 0 9px; font-size: 14px; text-align: center; }
.date-range-weekdays, .date-range-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.date-range-weekdays span { display: grid; place-items: center; min-height: 22px; color: #8a94a5; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.date-range-days button { min-width: 0; min-height: 32px; padding: 0; border-radius: 8px; background: transparent; color: #243047; font-size: 12px; font-weight: 650; }
.date-range-days button:hover { background: #edf2ff; color: #234baf; }
.date-range-days button.is-outside { color: #b6bdc9; }
.date-range-days button.is-in-range { border-radius: 0; background: #edf2ff; color: #234baf; }
.date-range-days button.is-start, .date-range-days button.is-end { border-radius: 8px; background: var(--accent); color: #fff; }
.date-range-days button.is-today:not(.is-start):not(.is-end) { box-shadow: inset 0 0 0 1px #8ca6e7; }
.date-range-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 11px; border-top: 1px solid #e8ebf0; }
.date-range-footer small { color: var(--muted); font-size: 11px; text-align: right; }
.date-range-footer .range-clear { min-height: 32px; padding: 0 10px; border: 1px solid #dfe4ec; background: #f7f9fc; color: #33425b; font-size: 12px; }
@keyframes feed-refresh-spin { to { transform: rotate(360deg); } }
.order-list { display: grid; gap: 14px; }
.order-card, .detail-section, .detail-heading { position: relative; overflow: hidden; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.order-card::before, .detail-heading::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: #7c879b; }
.market-wildberries::before { background: #a83bc2; }
.market-ozon::before { background: #1769ff; }
.market-yandex_market::before { background: #f3b400; }
.market-lemana_pro::before { background: #35a853; }
.order-card-head, .section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.marketplace-label { display: inline-flex; padding: 4px 8px; border-radius: 7px; background: #edf1f7; color: #4d5b70; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.order-card h2, .detail-section h2 { margin: 7px 0 1px; font-size: 20px; }
.order-card h2 a { color: var(--text); }
.muted { color: var(--muted); }
.detail-link { font-size: 13px; font-weight: 700; white-space: nowrap; }
.fulfillment-row { display: grid; grid-template-columns: 180px minmax(460px, 1fr) minmax(200px, .8fr); gap: 18px; padding: 18px 0; border-top: 1px solid var(--line); margin-top: 16px; }
.status-column { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.status-column.horizontal { flex-direction: row; align-items: center; }
.status-badge, .scheme-badge, .attention-badge, .test-badge, .pickup-badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #edf1f7; color: #40506a; font-size: 12px; font-weight: 800; }
.pickup-badge { background: #fff3cd; color: #7a5200; }
.status-new { background: #e8efff; color: #2756ba; }
.status-processing, .status-ready_to_ship { background: #fff1cf; color: #8c5b00; }
.status-in_delivery { background: #e4f4ff; color: #176087; }
.status-delivered { background: #ddf6e8; color: #17663a; }
.status-cancelled, .status-returned { background: #ffe5e7; color: #9a2630; }
.attention-badge { background: #ffe6d8; color: #9a4214; }
.test-badge { background: #f1e8ff; color: #6a35a3; }
.order-facts { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: 12px; }
.order-facts span, .detail-grid dt { display: block; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.order-facts strong { display: block; margin-top: 3px; font-size: 13px; overflow-wrap: anywhere; }
.item-preview { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.order-card-footer { display: flex; gap: 18px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.order-card-footer .test-badge { margin-left: auto; }
.order-card { padding: 0; }
.feed-order-row { display: grid; grid-template-columns: minmax(500px, 1.45fr) minmax(350px, .92fr); min-height: 214px; }
.feed-order-row + .feed-order-row { border-top: 1px solid var(--line); }
.order-primary { min-width: 0; padding: 18px 22px 17px 28px; }
.order-summary-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 11px; }
.order-summary-line h2 { margin: 0 6px; font-size: clamp(18px, 1.45vw, 24px); letter-spacing: -.015em; }
.order-summary-line h2 a { color: var(--text); }
.one-c-order-number-form { display: inline-flex; align-items: flex-end; gap: 5px; margin: 0; }
.one-c-order-number-form label { display: grid; gap: 2px; }
.one-c-order-number-form label > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .045em; line-height: 1; text-transform: uppercase; }
.one-c-order-number-form input { width: 148px; height: 31px; min-height: 31px; padding: 0 9px; border: 1px solid #cbd3df; border-radius: 8px; background: #fff; color: var(--text); font: 700 12px/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.one-c-order-number-form input:focus { outline: 3px solid rgba(36, 86, 214, .14); border-color: var(--accent); }
.one-c-order-number-form input[readonly] { background: #f1f3f6; color: #687386; cursor: default; }
.one-c-order-number-form button { width: 31px; height: 31px; min-height: 31px; padding: 6px; border-radius: 8px; }
.one-c-save-icon { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.one-c-save-spinner { display: none; width: 15px; height: 15px; margin: auto; border: 2px solid rgba(255, 255, 255, .45); border-top-color: #fff; border-radius: 50%; animation: one-c-spin .7s linear infinite; }
.one-c-order-number-form button.is-loading .one-c-save-icon { display: none; }
.one-c-order-number-form button.is-loading .one-c-save-spinner { display: block; }
.one-c-order-number-form.has-error input { border-color: #b43a43; }
.one-c-order-number-form.has-error button { background: #b43a43; }
.one-c-fields { display: flex; align-items: flex-end; gap: 8px; }
.section-title > .one-c-fields { margin-left: auto; }
@keyframes one-c-spin { to { transform: rotate(360deg); } }
.order-created { color: var(--muted); font-size: 14px; white-space: nowrap; }
.feed-items { display: grid; gap: 8px; margin-top: 18px; }
.feed-services { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 13px; margin-top: 12px; padding-top: 11px; border-top: 1px dashed #dce2eb; }
.feed-services > span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-align: right; text-transform: uppercase; }
.feed-services ul { display: flex; flex-wrap: wrap; gap: 5px 14px; margin: 0; padding: 0; list-style: none; }
.feed-services li { color: #45536a; font-size: 13px; font-weight: 700; }
.feed-item { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 13px; min-width: 0; }
.item-thumb { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #e0e5ed; border-radius: 10px; background: linear-gradient(145deg, #f7f9fc, #e9eef5); color: #8490a2; font-size: 21px; font-weight: 800; }
.item-thumb.product-image-trigger { min-height: 58px; padding: 0; overflow: hidden; background: #f4f6f9; }
.item-thumb img, .stock-product-thumb img, .sku-product-thumb img, .detail-product-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-image-trigger { flex: 0 0 auto; padding: 0; overflow: hidden; border: 1px solid #dbe1ea; background: #f4f6f9; }
.product-image-dialog { width: min(920px, calc(100% - 24px)); max-width: 920px; height: min(92vh, 1100px); padding: 12px; border: 0; border-radius: 18px; background: #111827; box-shadow: 0 30px 100px rgba(0, 0, 0, .45); }
.product-image-dialog::backdrop { background: rgba(7, 12, 22, .72); backdrop-filter: blur(3px); }
.product-image-dialog img { width: 100%; height: 100%; display: block; object-fit: contain; }
.product-image-dialog-close { position: absolute; top: 18px; right: 18px; z-index: 2; background: rgba(255, 255, 255, .9); color: #111827; box-shadow: 0 3px 14px rgba(0, 0, 0, .25); }
.detail-product-cell { display: flex; align-items: center; gap: 10px; min-width: 240px; }
.detail-product-thumb { width: 48px; height: 48px; min-height: 48px; border-radius: 8px; }
.item-copy { min-width: 0; }
.item-copy strong, .item-copy small { display: block; overflow-wrap: anywhere; }
.item-copy strong { font-size: 16px; line-height: 1.3; }
.item-copy small { margin-top: 4px; color: var(--muted); font-size: 13px; }
.more-items { padding-left: 71px; color: var(--muted); }
.customer-delivery { min-width: 0; padding: 20px 22px; border-left: 1px solid var(--line); }
.customer-delivery-head { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(155px, 1fr); gap: 20px; }
.customer-delivery-head span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.customer-delivery-head strong { display: block; margin-top: 4px; font-size: 13px; line-height: 1.35; }
.delivery-date-line { display: flex; align-items: center; gap: 7px; }
.delivery-date-copy { flex: 1 1 auto; min-width: 0; }
.delivery-date-copy strong, .delivery-date-copy small { display: block; }
.delivery-date-copy small { margin-top: 2px; color: var(--muted); font-size: 10px; font-weight: 650; line-height: 1.3; }
.delivery-date-placeholder { width: 29px; height: 29px; min-height: 29px; flex: 0 0 29px; padding: 6px; border: 1px solid #d6dde8; border-radius: 8px; background: #f3f6fa; color: #7c8799; opacity: 1; cursor: not-allowed; }
.delivery-date-placeholder.is-enabled { border-color: #b9c9ec; background: #edf3ff; color: #245fc7; cursor: pointer; }
.delivery-date-placeholder.is-enabled:hover { background: #dfe9ff; }
.delivery-date-placeholder svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.delivery-address { margin: 16px 0 2px; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.shipment-warehouse { display: flex; gap: 7px; margin: 8px 0 3px; font-size: 12px; }
.shipment-warehouse span { color: var(--muted); }
.shipment-warehouse strong { overflow-wrap: anywhere; }
.customer-phone { display: inline-block; color: var(--muted); font-size: 13px; }
.customer-phone-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; }
.customer-phone-line strong { color: #45536a; font-size: 12px; }
.address-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 6px; }
.address-actions a, .text-button { color: #5e6c83; font-size: 11px; font-weight: 700; }
.text-button { min-height: auto; padding: 3px 7px; border-radius: 5px; background: #edf1f7; cursor: pointer; }
.customer-comment { margin: 12px 0 0; padding: 8px 10px; border-radius: 7px; background: #f5f7fa; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.order-workflow-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 16px; padding: 12px 20px 12px 28px; border-bottom: 1px solid var(--line); background: #f8fafc; }
.order-workflow-bar > strong { color: #536176; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.order-workflow-checks { display: flex; align-items: center; flex: 1 1 auto; flex-wrap: wrap; gap: 8px 18px; }
.order-workflow-checks form { margin: 0; }
.order-workflow-checks label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 750; cursor: pointer; }
.order-workflow-checks input { width: 17px; height: 17px; margin: 0; accent-color: #287248; }
.order-workflow-checks input:disabled { cursor: not-allowed; opacity: .55; }
.order-workflow-bar > small { min-width: 72px; color: var(--muted); text-align: right; }
.order-workflow-bar .workflow-status-ok { color: #267047; }
.order-workflow-bar .workflow-status-error { color: #a33a42; }
.order-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px 16px; padding: 11px 18px; border-top: 1px solid var(--line); text-align: center; }
.order-actions a, .order-actions .future-action { display: block; font-size: 13px; font-weight: 750; line-height: 1.25; }
.order-actions .notification-badge { flex: 0 0 auto; }
.order-actions a:first-child { padding: 8px 10px; border-radius: 8px; background: #edf2ff; }
.route-assignment-control { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.route-assignment-trigger { min-height: 32px; padding: 5px 10px; border: 1px solid #c8d4ea; border-radius: 8px; background: #fff; color: var(--accent); font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
.route-assignment-trigger:hover { border-color: var(--accent); background: #f5f8ff; }
.route-assignment-summary { max-width: 320px; overflow: hidden; color: #365a45; font-size: 12px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.detail-route-strip { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -8px 0 24px; padding: 13px 18px; border: 1px solid #d7e1d9; border-radius: 14px; background: #f5faf6; }
.detail-route-strip p { margin: 0 0 3px; }
.route-assignment-dialog { width: min(520px, calc(100vw - 28px)); padding: 0; border: 0; border-radius: 17px; box-shadow: 0 24px 70px rgba(18, 27, 45, .24); }
.route-assignment-form { display: grid; gap: 13px; padding: 18px 20px 21px; }
.route-assignment-form label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.route-assignment-form input, .route-assignment-form select { width: 100%; min-height: 43px; padding: 8px 11px; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; color: var(--text); font: inherit; }
.route-assignment-hint, .route-assignment-error { margin: 0; font-size: 12px; line-height: 1.4; }
.route-assignment-hint { color: var(--muted); }
.route-assignment-error { color: #a33a42; }
.route-assignment-actions { display: flex; align-items: center; gap: 9px; }
.route-assignment-actions button { min-height: 40px; padding: 0 16px; border: 0; border-radius: 9px; background: var(--accent); color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.route-assignment-actions .secondary-button { background: #edf2ff; color: #234baf; }
.route-page-heading { align-items: center; }
.route-placeholder, .route-settings-card { padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.route-placeholder-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.route-placeholder-stats article { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.route-placeholder-stats strong { font-size: 26px; }
.route-placeholder-stats span { color: var(--muted); font-size: 12px; }
.route-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.route-settings-card h2 { margin-top: 0; }
.routes-workspace { width: min(94vw, 1720px); }
.route-heading-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; margin-bottom: 18px; }
.route-heading-row h1 { margin: 2px 0 0; font-size: clamp(34px, 4vw, 58px); }
.route-result-counter { display: flex; align-items: baseline; gap: 9px; padding: 13px 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.route-result-counter strong { font-size: 24px; }
.route-result-counter span { color: var(--muted); font-size: 12px; font-weight: 700; }
.route-filter-panel { display: grid; grid-template-columns: minmax(430px, 1.6fr) repeat(2, minmax(150px, .62fr)) minmax(190px, .8fr) minmax(180px, .75fr) minmax(180px, .75fr) auto; align-items: end; gap: 12px; padding: 17px; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.route-filter-panel > label > span, .route-zone-filter > span, .route-status-filter legend { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.route-filter-panel input[type="date"], .route-filter-panel select { width: 100%; min-height: 44px; padding: 0 10px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; color: var(--text); font: inherit; }
.route-filter-panel select[multiple] { padding: 10px; }
.route-zone-filter { position: relative; }
.route-zone-filter details { position: relative; }
.route-zone-filter summary { min-height: 44px; display: flex; align-items: center; padding: 0 11px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; font-weight: 700; cursor: pointer; list-style: none; }
.route-zone-filter summary::-webkit-details-marker { display: none; }
.route-zone-filter details > div { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; min-width: 260px; max-height: 280px; display: grid; gap: 7px; overflow: auto; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: 0 16px 38px rgba(14, 28, 55, .18); }
.route-zone-filter details label { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; }
.route-zone-filter details button { min-height: 36px; margin-top: 4px; border: 0; border-radius: 8px; background: var(--accent); color: #fff; font-weight: 800; }
.route-status-filter { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; border: 0; }
.route-status-filter legend { width: 100%; }
.route-status-filter label { position: relative; }
.route-status-filter input { position: absolute; opacity: 0; pointer-events: none; }
.route-status-filter span { display: grid; place-items: center; min-height: 44px; border: 1px solid #cbd3df; background: #fff; color: #5f6b7e; font-size: 13px; font-weight: 800; cursor: pointer; }
.route-status-filter label:first-of-type span { border-radius: 10px 0 0 10px; }
.route-status-filter label:last-of-type span { border-radius: 0 10px 10px 0; }
.route-status-filter label + label span { margin-left: -1px; }
.route-status-filter input:checked + span { position: relative; z-index: 1; border-color: var(--accent); background: #eaf0ff; color: #234baf; }
.route-feed { display: grid; gap: 14px; }
.route-card { overflow: hidden; border: 1px solid var(--line); border-left: 6px solid #4676e8; border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.route-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.route-card-head h2 { margin: 2px 0 0; font-size: 24px; }
.route-status { padding: 8px 13px; border-radius: 999px; background: #edf1f7; color: #526078; font-size: 12px; font-weight: 900; }
.route-status-in_progress { background: #fff0cb; color: #8a5a00; }
.route-status-delivered { background: #daf4e5; color: #17633a; }
.route-card-grid { display: grid; grid-template-columns: .7fr 1.25fr 1.35fr 1.35fr .45fr; gap: 0; }
.route-card-grid > div, .route-card-grid > label { min-width: 0; display: grid; align-content: center; gap: 5px; min-height: 94px; padding: 14px 18px; border-right: 1px solid var(--line); }
.route-card-grid > :last-child { border-right: 0; }
.route-card-grid small { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.route-card-grid strong { font-size: 17px; }
.route-card-grid select { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; font: inherit; font-weight: 700; }
.route-driver-phone { min-height: 16px; color: var(--muted); font-size: 12px; font-weight: 700; }
.route-card-actions { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-top: 1px solid var(--line); background: #f8fafc; }
.route-card-actions button { min-height: 40px; }
.route-finish-button { background: #24334f; }
.route-card-message { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 700; }
.route-preflight-warning { color: #9a5b11; font-size: 12px; font-weight: 750; }
.route-card-actions button:disabled { cursor: not-allowed; opacity: .52; }
.route-orders-dialog, .route-warning-dialog, .route-finish-progress-dialog { width: min(94vw, 1500px); max-height: 88vh; padding: 0; border: 0; border-radius: 20px; box-shadow: 0 28px 80px rgba(8, 20, 45, .28); }
.additional-services-dialog { width: min(94vw, 900px); max-height: 88vh; padding: 0; border: 0; border-radius: 20px; box-shadow: 0 28px 80px rgba(8, 20, 45, .28); }
.additional-services-dialog::backdrop { background: rgba(10, 18, 32, .6); backdrop-filter: blur(2px); }
.additional-services-dialog form { padding: 0 22px 22px; }
.additional-services-table { width: 100%; border-collapse: collapse; }
.additional-services-table th, .additional-services-table td { padding: 13px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.additional-services-table th { color: var(--muted); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.additional-services-table th:first-child, .additional-services-table td:first-child { width: 54px; text-align: center; }
.additional-services-table input[type="checkbox"] { width: 18px; height: 18px; accent-color: #245fc7; }
.additional-services-table .compact-field { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; }
.additional-services-table input[type="number"] { width: 92px; min-height: 36px; padding: 7px 9px; border: 1px solid #cbd5e2; border-radius: 8px; font: inherit; }
.additional-services-table [data-service-amount] { white-space: nowrap; }
.additional-services-actions { display: flex; gap: 10px; margin-top: 18px; }
.additional-services-lock { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fff4df; color: #8d5b0d; font-weight: 750; }
.additional-services-error { color: #b43a43; font-weight: 750; }
.detail-additional-services-strip { background: #f7f9ff; border-color: #d7dfef; }
.detail-additional-services-summary { flex: 1; margin: 0; padding: 0; border: 0; }
.detail-additional-services-summary > span { text-align: left; }
.route-warning-dialog { width: min(92vw, 720px); padding-bottom: 20px; }
.route-warning-dialog > p, .route-warning-dialog > ul, .route-warning-dialog > button { margin-left: 22px; margin-right: 22px; }
.route-orders-dialog::backdrop, .route-warning-dialog::backdrop, .route-finish-progress-dialog::backdrop { background: rgba(10, 18, 32, .6); backdrop-filter: blur(2px); }
.route-finish-progress-dialog { width: min(92vw, 760px); }
.route-finish-progress-body { display: grid; gap: 16px; padding: 0 22px 22px; }
.route-finish-progress-body table { width: 100%; border-collapse: collapse; }
.route-finish-progress-body th, .route-finish-progress-body td { padding: 11px 10px; border-bottom: 1px solid var(--line); text-align: left; }
.route-finish-progress-body th { color: var(--muted); font-size: 11px; text-transform: uppercase; }
.route-finish-progress-body td:first-child { width: 42%; font-weight: 800; }
.route-finish-progress-body [data-state="checking"], .route-finish-progress-body [data-state="changing"] { color: #315fbe; font-weight: 800; }
.route-finish-progress-body [data-state="waiting"], .route-finish-progress-body [data-state="warning"] { color: #9a5b11; font-weight: 800; }
.route-finish-progress-body [data-state="ok"] { color: #237248; font-weight: 900; }
.route-finish-progress-body [data-state="error"] { color: #b43a43; font-weight: 800; }
.route-finish-progress-summary { margin: 0; color: var(--muted); font-weight: 750; }
.route-orders-table-wrap { max-height: calc(88vh - 90px); overflow: auto; padding: 0 20px 20px; }
.route-orders-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.route-orders-table th { position: sticky; top: 0; padding: 12px 10px; background: #f3f6fb; color: var(--muted); text-align: left; text-transform: uppercase; }
.route-orders-table td { max-width: 360px; padding: 13px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.route-order-status, .route-order-status-menu > summary { display: inline-flex; min-height: 30px; align-items: center; padding: 5px 9px; border: 1px solid #d5dce8; border-radius: 999px; background: #f5f7fa; color: #33415c; font-size: 12px; font-weight: 750; white-space: nowrap; }
.route-order-status-menu .order-status-options { z-index: 20; min-width: 220px; }
.route-directory-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; padding: 14px; border-radius: 12px; background: #f7f9fc; }
.route-directory-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 750; }
.route-directory-form label:has(textarea) { grid-column: 1 / -1; }
.route-directory-form input:not([type="checkbox"]), .route-directory-form textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cbd3df; border-radius: 8px; font: inherit; }
.route-directory-form textarea { min-height: 64px; resize: vertical; }
.route-directory-form .checkbox-line { display: flex; align-items: center; }
.route-directory-form button { min-height: 38px; border: 0; border-radius: 8px; background: var(--accent); color: #fff; font-weight: 750; }
.route-directory-list { display: grid; gap: 8px; }
.route-directory-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid var(--line); border-radius: 10px; }
.route-directory-list article > div { min-width: 0; display: grid; gap: 2px; }
.route-directory-list small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.status-ok { color: #267047; }
.future-action { color: #8792a4; cursor: not-allowed; }
.marketplace-action-form { display: inline-flex; margin: 0; }
.marketplace-action-form button { border: 0; padding: 0; background: transparent; color: #245fc7; font: inherit; font-weight: 750; cursor: pointer; }
.marketplace-action-form button:hover { text-decoration: underline; }
.marketplace-action-form button:disabled { color: #8993a6; cursor: wait; text-decoration: none; }
.marketplace-action-last { align-self: center; color: #68748a; font-size: 12px; }
.marketplace-action-result { display: inline-block; min-height: 1.2em; color: #68748a; font-size: 12px; font-weight: 700; }
.marketplace-action-result.status-succeeded { color: #237248; }
.marketplace-action-result.status-failed { color: #b43a43; }
.internal-notes-dialog { width: min(760px, calc(100% - 30px)); max-height: calc(100vh - 40px); padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: #fff; box-shadow: 0 30px 90px rgba(10, 20, 40, .3); }
.internal-notes-dialog::backdrop { background: rgba(10, 18, 32, .58); backdrop-filter: blur(2px); }
.internal-notes-dialog-body { max-height: calc(100vh - 145px); overflow-y: auto; padding: 20px 22px 24px; }
.delivery-date-dialog { width: min(480px, calc(100% - 30px)); padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: #fff; box-shadow: 0 30px 90px rgba(10, 20, 40, .3); }
.delivery-date-dialog::backdrop { background: rgba(10, 18, 32, .58); backdrop-filter: blur(2px); }
.delivery-date-form { display: grid; gap: 15px; padding: 20px 22px 24px; }
.delivery-date-form label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.delivery-date-form input, .delivery-date-form select { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; color: var(--text); font: inherit; }
.delivery-date-current, .delivery-date-hint, .delivery-date-error { margin: 0; font-size: 13px; line-height: 1.4; }
.delivery-date-hint { color: var(--muted); }
.delivery-date-error { color: #9a2630; font-weight: 700; }
.delivery-date-form-actions { display: flex; gap: 9px; margin-top: 3px; }
.delivery-date-form-actions button { flex: 1 1 0; }
.order-detail-dialog { width: min(94vw, 1720px); max-width: none; height: min(94vh, 1200px); padding: 0; overflow: hidden; border: 0; border-radius: 18px; background: #f3f5f8; box-shadow: 0 30px 100px rgba(10, 18, 32, .36); }
.order-detail-dialog::backdrop { background: rgba(10, 18, 32, .64); backdrop-filter: blur(3px); }
.order-detail-dialog-body { max-height: calc(94vh - 83px); overflow-y: auto; padding: 18px 22px 28px; }
.order-detail-dialog-body .detail-heading { margin-top: 0; }
.internal-notes-thread { display: grid; gap: 9px; margin-top: 14px; }
.internal-note { max-width: 86%; padding: 11px 13px; border: 1px solid #dfe4ec; border-radius: 4px 14px 14px; background: #f7f9fc; }
.internal-note:nth-child(even) { justify-self: end; border-color: #cad8f7; border-radius: 14px 4px 14px 14px; background: #edf3ff; }
.internal-note-system { max-width: 94%; justify-self: center !important; border-color: #d9dee7 !important; border-radius: 10px !important; background: #f1f3f6 !important; color: #536176; }
.internal-note header { display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 12px; }
.internal-note time { color: var(--muted); white-space: nowrap; }
.internal-note p { margin: 6px 0 0; line-height: 1.48; overflow-wrap: anywhere; }
.internal-notes-empty, .internal-note-readonly { margin: 14px 0; padding: 13px 14px; border-radius: 10px; background: #f4f6f9; color: var(--muted); }
.internal-note-form { display: grid; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.internal-note-form label { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.internal-note-form textarea { width: 100%; min-height: 95px; resize: vertical; padding: 11px 12px; border: 1px solid #cbd3df; border-radius: 10px; color: var(--text); font: inherit; line-height: 1.45; }
.internal-note-form > div { display: flex; align-items: center; gap: 14px; }
.internal-note-form small, .internal-note-total { color: var(--muted); font-size: 12px; }
.internal-note-form-error, .internal-note-load-error { margin: 3px 0 0; color: #9a2630; font-weight: 700; }
.internal-note-form button:disabled { opacity: .55; cursor: wait; }
.order-test-badge { position: absolute; right: 202px; bottom: 9px; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 22px; margin-top: 24px; }
.pagination a, .back-link { font-weight: 700; }
.empty-state { padding: 50px 20px; text-align: center; background: var(--surface); border: 1px dashed #bbc4d2; border-radius: 18px; }
.back-link { display: inline-block; margin-bottom: 18px; }
.detail-heading { align-items: center; }
.detail-section { margin-top: 16px; }
.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 18px 0 24px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.detail-grid div { min-height: 82px; padding: 14px; background: var(--surface-soft); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.detail-grid dd { margin: 6px 0 0; overflow-wrap: anywhere; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px 12px; text-align: left; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; }
details { border-top: 1px solid var(--line); }
summary { padding: 14px 0; cursor: pointer; font-weight: 700; }
.history-block { margin-top: 18px; }
.marketplace-command-panel { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin: 22px 0; padding: 16px 18px; border: 1px solid #dfe5ef; border-radius: 14px; background: #f8faff; }
.marketplace-command-panel h3, .marketplace-command-panel p { margin: 0; }
.marketplace-command-buttons { display: flex; flex-wrap: wrap; gap: 14px; }
.command-history .marketplace-action-form { margin-top: 8px; }
.timeline { margin: 0; padding: 0 0 0 18px; }
.timeline li { display: grid; grid-template-columns: 140px 140px 1fr; gap: 12px; padding: 8px 0; }
.timeline time { color: var(--muted); }
.conversation-block:first-of-type, .payload-block:first-of-type { margin-top: 12px; }
.messages { display: grid; gap: 9px; padding-bottom: 14px; }
.message { max-width: 78%; padding: 10px 13px; border-radius: 12px; background: #eef2f8; }
.message-outbound { justify-self: end; background: #e6edff; }
.message header { display: flex; justify-content: space-between; gap: 15px; font-size: 12px; }
.message time { color: var(--muted); }
.message p { margin: 5px 0 0; }
.technical-section pre { max-height: 520px; overflow: auto; padding: 14px; border-radius: 10px; background: #111827; color: #d7e1ef; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.warehouse-filters { grid-template-columns: minmax(250px, 1.8fr) minmax(160px, 1fr) minmax(160px, 1fr) auto; }
.warehouse-filters .filter-actions { grid-column: auto; }
.warehouse-list { display: grid; gap: 10px; }
.warehouse-row { position: relative; display: grid; grid-template-columns: minmax(320px, 1fr) minmax(220px, auto) auto; align-items: center; gap: 20px; overflow: hidden; padding: 17px 18px 17px 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); }
.warehouse-row::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: #7c879b; }
.warehouse-row.market-wildberries::before { background: #a83bc2; }
.warehouse-row.market-ozon::before { background: #1769ff; }
.warehouse-row.market-yandex_market::before { background: #f3b400; }
.warehouse-row.market-lemana_pro::before { background: #35a853; }
.warehouse-main { display: flex; align-items: center; gap: 14px; min-width: 0; }
.warehouse-main h2 { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
.warehouse-main p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.warehouse-meta { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; color: var(--muted); }
.warehouse-meta small { flex-basis: 100%; text-align: right; }
.active-badge, .inactive-badge { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.active-badge { background: #ddf6e8; color: #17663a; }
.inactive-badge { background: #ffe5e7; color: #9a2630; }
.secondary-button { background: #edf2ff; color: #234baf; white-space: nowrap; }
.warehouse-dialog { width: min(920px, calc(100% - 30px)); max-height: calc(100vh - 40px); padding: 0; border: 0; border-radius: 18px; box-shadow: 0 30px 90px rgba(10, 20, 40, .3); }
.warehouse-dialog::backdrop { background: rgba(10, 18, 32, .58); backdrop-filter: blur(2px); }
.dialog-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; gap: 20px; padding: 20px 22px; background: var(--surface); border-bottom: 1px solid var(--line); }
.dialog-head h2 { margin: 7px 0 1px; }
.dialog-head p { margin: 0; color: var(--muted); }
.dialog-close { width: 40px; min-height: 40px; padding: 0; border-radius: 50%; background: #edf1f7; color: var(--text); font-size: 24px; }
.warehouse-dialog .detail-grid, .warehouse-dialog .technical-section { margin: 20px 22px; }
.warehouse-dialog .technical-section h3 { margin-bottom: 8px; }

@media (max-width: 900px) {
  .filters { grid-template-columns: 1fr 1fr; }
  .check-field, .filter-actions { grid-column: auto; }
  .manager-filters .check-field { grid-column: 1; }
  .manager-filters .filter-actions { grid-column: 2; }
  .fulfillment-row { grid-template-columns: 150px 1fr; }
  .item-preview { grid-column: 2; }
  .order-facts { grid-template-columns: 1fr 1fr; }
  .detail-grid { grid-template-columns: 1fr 1fr; }
  .warehouse-filters { grid-template-columns: 1fr 1fr; }
  .warehouse-row { grid-template-columns: 1fr auto; }
  .warehouse-meta { display: none; }
}

@media (max-width: 1180px) {
  .manager-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .manager-filters .search-field { grid-column: span 2; }
  .task-filters { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
  .task-filters label:nth-of-type(4n) { border-right: 0; }
  .feed-order-row { grid-template-columns: minmax(440px, 1.25fr) minmax(320px, 1fr); }
  .order-actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; border-top: 1px solid var(--line); border-left: 0; padding: 12px 18px; }
  .order-actions a, .order-actions .future-action { padding: 6px 8px; }
  .order-actions a:first-child { padding: 6px 10px; }
  .order-test-badge { right: 16px; bottom: 58px; }
}

@media (max-width: 900px) {
  .manager-filters { grid-template-columns: 1fr 1fr; }
  .manager-filters .search-field { grid-column: 1 / -1; }
  .manager-filters .check-field { grid-column: 1; }
  .manager-filters .filter-actions { grid-column: 2; }
  .task-filters { grid-template-columns: 1fr 1fr; }
  .task-filters label:nth-of-type(odd) { padding-left: 2px; border-right: 1px solid #e8ebf0; }
  .task-filters label:nth-of-type(even) { border-right: 0; }
  .date-range-popover, .date-range-popover-right { position: fixed; inset: 82px 18px auto; width: auto; }
}

@media (max-width: 820px) {
  .feed-order-row { grid-template-columns: 1fr; }
  .customer-delivery { border-top: 1px solid var(--line); border-left: 0; }
  .order-test-badge { position: static; margin: 0 0 12px 28px; }
}

@media (max-width: 620px) {
  .topbar { padding: 0 16px; }
  .topbar-nav > a, .brand small { display: none; }
  .topbar-nav { gap: 10px; }
  .topbar-menu-panel a { display: flex; }
  .page-shell { width: min(100% - 20px, 1600px); padding-top: 22px; }
  .page-heading, .detail-heading, .order-card-head, .section-title { align-items: flex-start; flex-direction: column; }
  .result-count { width: 100%; }
  .filters { grid-template-columns: 1fr; }
  .manager-filters .search-field { grid-column: 1 / -1; }
  .manager-filters .check-field, .manager-filters .filter-actions { grid-column: 1 / -1; }
  .segmented-filter:first-of-type, .segmented-filter:nth-of-type(2) { grid-column: 1 / -1; }
  .task-filters { grid-template-columns: 1fr; }
  .task-filters label, .task-filters label:nth-of-type(odd) { padding-left: 2px; border-right: 0; border-bottom: 1px solid #edf0f4; }
  .task-filters label:last-of-type { border-bottom: 0; }
  .date-range-popover, .date-range-popover-right { position: fixed; inset: 82px 10px auto; width: auto; max-height: calc(100vh - 100px); overflow-y: auto; }
  .date-range-calendars { grid-template-columns: 1fr; }
  .date-range-month + .date-range-month { display: none; }
  .filter-actions { justify-content: flex-start; }
  .fulfillment-row { grid-template-columns: 1fr; }
  .item-preview { grid-column: auto; }
  .order-facts, .detail-grid { grid-template-columns: 1fr; }
  .detail-link { white-space: normal; }
  .message { max-width: 94%; }
  .timeline li { grid-template-columns: 1fr; gap: 2px; }
  .warehouse-filters, .warehouse-row { grid-template-columns: 1fr; }
  .warehouse-row .secondary-button { width: 100%; }
  .feed-order-row { grid-template-columns: 1fr; }
  .order-primary { padding: 17px 16px 15px 20px; }
  .order-summary-line { align-items: flex-start; }
  .order-summary-line h2 { order: 5; flex-basis: 100%; margin: 3px 0 0; }
  .order-summary-line .one-c-order-number-form { order: 6; }
  .order-summary-line .status-badge { order: 7; }
  .feed-item { grid-template-columns: 46px minmax(0, 1fr); }
  .item-thumb { width: 46px; height: 46px; }
  .item-copy strong { font-size: 14px; }
  .more-items { padding-left: 59px; }
  .customer-delivery { padding: 16px 16px 17px 20px; border-top: 1px solid var(--line); border-left: 0; }
  .customer-delivery-head { grid-template-columns: 1fr 1fr; gap: 13px; }
  .order-actions { justify-content: flex-start; gap: 4px 8px; padding: 11px 12px 13px 16px; text-align: left; }
  .order-actions a, .order-actions .future-action { flex: 1 1 135px; }
  .order-test-badge { position: static; margin: 0 0 12px 20px; }
}

/* Compact four-zone order card. */
.order-card { --market-color: #7c879b; --market-ink: #fff; overflow: visible; font-size: 12px; }
.order-card::before { display: none; }
.order-card.market-wildberries { --market-color: #a83bc2; }
.order-card.market-ozon { --market-color: #1769ff; }
.order-card.market-yandex_market { --market-color: #f3b400; --market-ink: #172033; }
.order-card.market-lemana_pro { --market-color: #35a853; }
.feed-order-row { display: grid; grid-template-columns: minmax(520px, 1.8fr) minmax(290px, .86fr) 72px; min-height: 0; }
.feed-order-row + .feed-order-row { border-top: 3px solid #fff; }
.order-summary-line { position: relative; z-index: 3; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(520px, 1.8fr) minmax(130px, .42fr) minmax(290px, .86fr); align-items: center; min-height: 46px; padding: 0; border-radius: 17px 17px 0 0; background: var(--market-color); color: var(--market-ink); }
.order-summary-main { min-width: 0; display: flex; align-items: center; gap: 8px; }
.order-return-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.order-return-link { display: inline-flex; min-height: 28px; align-items: center; justify-content: center; padding: 3px 9px; border: 1px solid #cfb6db; border-radius: 8px; background: #fbf4fd; color: #7d2995; font-size: 11px; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.order-return-link:hover { border-color: #a62bc5; background: #f5e5fa; text-decoration: none; }
.order-return-link.is-active { border-color: #b344cf; background: #f1dff7; color: #74208b; }
.order-summary-main { grid-column: 1; padding: 7px 12px 7px 18px; }
.order-summary-line .marketplace-label, .order-summary-line .scheme-badge { flex: 0 0 auto; padding: 4px 7px; border: 1px solid rgba(255, 255, 255, .34); background: rgba(255, 255, 255, .88); color: #445168; font-size: 12px; }
.market-yandex_market .order-summary-line .marketplace-label, .market-yandex_market .order-summary-line .scheme-badge { border-color: rgba(23, 32, 51, .16); }
.order-summary-line h2 { min-width: 0; margin: 0; padding: 4px 7px; border: 1px solid rgba(255, 255, 255, .34); border-radius: 7px; background: rgba(255, 255, 255, .88); font-size: 14px; font-weight: 800; line-height: 1.2; }
.order-summary-line h2 a { display: block; overflow: hidden; color: #344157; text-overflow: ellipsis; white-space: nowrap; }
.order-summary-line h2 a:hover { color: #344157; text-decoration: underline; }
.order-summary-line .order-created { flex: 0 0 auto; color: var(--market-ink); font-size: 12px; opacity: .88; }
.order-status-menu { position: relative; margin: 0; border-top: 0; }
.order-status-menu summary { list-style: none; cursor: pointer; }
.order-status-menu summary::-webkit-details-marker { display: none; }
.order-status-menu > summary.status-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 8px 5px 10px; border: 1px solid rgba(255, 255, 255, .7); box-shadow: 0 1px 2px rgba(20, 31, 50, .1); font-size: 12px; }
.order-status-menu > summary svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.order-status-menu[open] > summary svg { transform: rotate(180deg); }
.order-status-menu.is-readonly { pointer-events: none; }
.order-status-menu.is-readonly > summary { cursor: default; }
.order-status-menu.is-readonly > summary svg { opacity: .35; }
.order-status-options { position: absolute; top: calc(100% + 7px); right: 0; z-index: 20; width: max-content; min-width: 210px; display: grid; gap: 2px; padding: 8px; border: 1px solid #d8dfeb; border-radius: 10px; background: #fff; color: var(--text); box-shadow: 0 14px 34px rgba(16, 29, 53, .2); }
.order-status-options > strong { padding: 5px 8px 7px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.order-status-options > span { padding: 8px; color: var(--muted); font-size: 11px; }
.order-status-options form { display: block; margin: 0; }
.order-status-options button { width: 100%; min-height: 34px; padding: 7px 9px; border: 0; border-radius: 7px; background: transparent; color: #245fc7; font: inherit; font-size: 12px; font-weight: 750; text-align: left; cursor: pointer; }
.order-status-options button:hover { background: #edf3ff; text-decoration: none; }
.order-cancellation-trigger { flex: 0 0 auto; min-height: 30px; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; background: #fff0e7; color: #9b3d12; box-shadow: 0 1px 2px rgba(20, 31, 50, .1); font: inherit; font-size: 12px; font-weight: 800; line-height: 1.2; cursor: pointer; white-space: nowrap; }
.order-cancellation-trigger:hover { background: #ffe1cf; }
.cancellation-dialog { width: min(680px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 18px; color: var(--text); box-shadow: 0 24px 70px rgba(16, 29, 53, .28); }
.cancellation-dialog-body { padding: 20px 24px 24px; }
.cancellation-modal-summary { display: grid; gap: 16px; }
.cancellation-modal-state { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.cancellation-modal-state > strong { font-size: 14px; }
.cancellation-modal-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border: 1px solid #dbe3ee; border-radius: 12px; overflow: hidden; }
.cancellation-modal-summary dl > div { padding: 11px 13px; }
.cancellation-modal-summary dl > div:nth-child(even) { border-left: 1px solid #dbe3ee; }
.cancellation-modal-summary dl > div:nth-child(n+3) { border-top: 1px solid #dbe3ee; }
.cancellation-modal-summary dt, .cancellation-modal-reason > span, .cancellation-modal-products > span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.cancellation-modal-summary dd { margin: 4px 0 0; font-size: 12px; font-weight: 700; }
.cancellation-modal-reason, .cancellation-modal-products { display: grid; gap: 6px; }
.cancellation-modal-reason strong { font-size: 13px; }
.cancellation-modal-reason p { margin: 0; color: #526078; font-size: 12px; }
.cancellation-modal-products ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cancellation-modal-products li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 11px; border-radius: 9px; background: #f5f7fb; font-size: 12px; }
.cancellation-modal-products li small { color: var(--muted); white-space: nowrap; }
.cancellation-modal-form { display: grid; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #dbe3ee; }
.cancellation-modal-form label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.cancellation-modal-form textarea { min-height: 76px; padding: 10px 12px; border: 1px solid #cfd8e6; border-radius: 10px; color: var(--text); font: inherit; font-size: 12px; resize: vertical; }
.cancellation-modal-form .return-decision-buttons { display: flex; gap: 9px; }
.cancellation-modal-form .return-decision-buttons button { min-height: 38px; padding: 8px 14px; border: 0; border-radius: 9px; background: #245fc7; color: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.cancellation-modal-form .return-decision-buttons .secondary-button { border: 1px solid #cfd8e6; background: #fff; color: #245fc7; }
.cancellation-modal-form .return-decision-buttons button:disabled { opacity: .55; cursor: wait; }
.cancellation-modal-form > small { color: var(--muted); font-size: 10px; }
.cancellation-modal-error, .cancellation-modal-result, .cancellation-modal-notice { margin: 0; padding: 9px 11px; border-radius: 9px; font-size: 12px; }
.cancellation-modal-error { background: #fff0f0; color: #a72e2e; }
.cancellation-modal-result { background: #eaf8ef; color: #216c3c; }
.question-answer-pending { display: inline-flex; width: fit-content; margin-top: 7px; padding: 5px 8px; border-radius: 999px; background: #fff3d6; color: #8a5b00; font-weight: 800; }
.question-answer-error { display: inline-flex; width: fit-content; margin-top: 7px; padding: 7px 9px; border-radius: 10px; background: #ffe3e3; color: #a12626; font-weight: 800; }
.question-answer-retry { margin-top: 8px; }
.question-answer-retry button { width: auto; }
.order-summary-delivery { grid-column: 3; min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 7px 14px 7px 16px; border-left: 1px solid rgba(255, 255, 255, .28); white-space: nowrap; }
.order-summary-delivery > span { font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; opacity: .76; }
.order-summary-delivery > strong { font-size: 12px; }
.order-summary-delivery .delivery-date-copy { display: grid; align-content: center; gap: 1px; }
.order-summary-delivery .delivery-date-copy strong { font-size: 12px; line-height: 1.15; }
.order-summary-delivery .delivery-date-copy small { margin: 0; color: rgba(255, 255, 255, .72); font-size: 9px; font-weight: 650; line-height: 1.15; }
.order-summary-delivery .delivery-date-copy .shipment-deadline { color: rgba(255, 255, 255, .84); }
.order-summary-delivery .delivery-date-copy .shipment-deadline.is-overdue { color: #7b1118; background: #fff0f0; border-radius: 4px; padding: 2px 4px; font-weight: 850; }
.shipment-overdue-filter { display: inline-flex; align-items: center; gap: 7px; color: #536176; font-size: 12px; font-weight: 750; white-space: nowrap; }
.shipment-overdue-filter input { width: 17px; height: 17px; margin: 0; accent-color: #b22f37; }
.route-assignment-hint.is-warning { color: #a12d34; font-weight: 750; }
.route-preflight-warning.is-overdue, .shipment-deadline-cell.is-overdue { color: #a12d34; font-weight: 850; }
.order-summary-delivery .delivery-date-placeholder { width: 30px; height: 30px; min-height: 30px; flex-basis: 30px; border-color: rgba(255, 255, 255, .52); background: rgba(255, 255, 255, .88); color: #245fc7; }
.order-info-column { min-width: 0; padding: 13px 16px 14px 18px; border-radius: 0 0 0 17px; }
.order-info-column .feed-items { gap: 7px; margin-top: 0; }
.order-info-column .feed-item { grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; }
.order-info-column .item-thumb { width: 54px; height: 54px; min-height: 54px; border-radius: 8px; }
.order-info-column .item-copy .item-title { display: block; overflow-wrap: anywhere; font-size: 12px; font-weight: 500; line-height: 1.3; }
.order-info-column .item-copy small { margin-top: 3px; font-size: 11px; }
.item-quantity { align-self: center; padding-left: 8px; font-size: 18px; white-space: nowrap; }
.item-quantity-multiple { background-color: coral; }
.order-info-column .feed-services { grid-template-columns: 62px minmax(0, 1fr); margin-top: 9px; padding-top: 8px; }
.order-info-column .feed-services > span { text-align: left; }
.order-info-column .feed-services li { font-size: 12px; }
.order-info-column .feed-additional-services > span, .order-info-column .feed-additional-services li { color: #a43a28; }
.customer-delivery-compact { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 9px; margin-top: 10px; padding-top: 9px; border-top: 1px dashed #dce2eb; }
.customer-delivery-compact > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.customer-delivery-compact > strong, .customer-delivery-compact > a { font-size: 12px; }
.customer-delivery-compact .customer-name-pending { color: #778399; font-weight: 600; }
.customer-delivery-compact .phone-pin { color: #45536a; }
.wb-fbs-sticker-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 9px; margin-top: 9px; }
.wb-fbs-sticker-row > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.wb-fbs-sticker-row > strong { color: #27354b; font-size: 12px; font-weight: 750; }
.wb-fbs-sticker-row > a { padding: 3px 8px; border: 1px solid #c9d7ef; border-radius: 6px; color: #245fc7; font-size: 11px; font-weight: 750; text-decoration: none; }
.wb-fbs-sticker-row > a:hover { background: #edf3ff; }
.delivery-address-row { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 6px; margin-top: 7px; }
.order-info-column .delivery-address { margin: 0; font-size: 12px; }
.delivery-coordinates { color: #68758a; font-size: 11px; white-space: nowrap; }
.copy-icon-button { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; padding: 2px; border: 0; border-radius: 5px; background: transparent; color: #68758a; vertical-align: middle; cursor: pointer; }
.copy-icon-button:hover { background: #edf2fa; color: #245fc7; }
.copy-icon-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.order-info-column .address-actions { display: flex; margin: 4px 0 0; }
.order-info-column .order-comments { width: 100%; display: grid; grid-template-columns: 1fr 1fr; margin: 8px 0 0; border-radius: 7px; background: #f5f7fa; font-size: 12px; overflow: hidden; }
.order-info-column .order-comments[hidden] { display: none; }
.order-info-column .order-comments > div { min-width: 0; padding: 6px 8px; }
.order-info-column .order-comments > div + div { border-left: 1px solid #d8dee8; }
.order-info-column .order-comments strong { display: block; margin-bottom: 2px; color: #69758a; font-size: 9px; letter-spacing: .045em; text-transform: uppercase; }
.order-info-column .order-comments span { display: block; overflow-wrap: anywhere; }
.order-workflow-column { min-width: 0; min-height: 220px; display: flex; flex-direction: column; padding: 13px 16px 10px; border-left: 1px solid var(--line); }
.order-workflow-layout { min-width: 0; display: grid; grid-template-columns: minmax(118px, .9fr) minmax(105px, .8fr) minmax(135px, 1fr); grid-template-areas: "entered onec onec" "called services services" "route delivery route-number" "greeting greeting greeting" "review review review"; align-items: center; gap: 8px 10px; }
.order-workflow-column .order-workflow-checks { display: contents; }
.order-workflow-column .order-workflow-checks form { min-width: 0; }
.workflow-task-entered_one_c { grid-area: entered; }
.workflow-task-called { grid-area: called; padding-top: 8px; border-top: 1px dashed #dce2eb; }
.workflow-inline-actions { grid-area: services; display: flex; align-items: center; gap: 7px; }
.additional-services-trigger, .crew-note-trigger { min-height: 30px; padding: 5px 10px; border: 1px solid #c8d5ea; border-radius: 8px; background: #eef4ff; color: #245fc7; font-size: 11px; font-weight: 800; cursor: pointer; }
.additional-services-trigger:hover, .crew-note-trigger:hover { border-color: #8eabe0; background: #e4eeff; }
.crew-note-dialog { width: min(94vw, 620px); padding: 0; border: 0; border-radius: 20px; box-shadow: 0 28px 80px rgba(8, 20, 45, .28); }
.crew-note-dialog::backdrop { background: rgba(10, 18, 32, .6); backdrop-filter: blur(2px); }
.crew-note-dialog form { display: grid; gap: 10px; padding: 0 22px 22px; }
.crew-note-dialog form > label { color: #344157; font-weight: 750; }
.crew-note-dialog textarea { width: 100%; resize: vertical; padding: 12px; border: 1px solid #cbd3df; border-radius: 10px; color: var(--text); font: inherit; line-height: 1.4; }
.crew-note-meta { display: flex; justify-content: space-between; color: var(--muted); }
.crew-note-lock { margin: 0; color: #8a5b00; font-weight: 700; }
.detail-strip-actions { display: flex; gap: 8px; }
.detail-crew-note { max-width: 420px; margin: 0; padding: 8px 10px; border-radius: 8px; background: #f4f6f9; color: #445168; }
.workflow-task-in_route { grid-area: route; }
.workflow-task-in_delivery { grid-area: delivery; }
.workflow-task-greeting { grid-area: greeting; padding-top: 8px; border-top: 1px dashed #dce2eb; }
.workflow-task-reviewed { grid-area: review; }
.order-workflow-column .order-workflow-checks label { font-size: 12px; line-height: 1.2; }
.order-workflow-column .order-workflow-checks input { width: 16px; height: 16px; }
.order-workflow-column .one-c-fields { grid-area: onec; min-width: 0; display: flex; align-items: center; gap: 6px; }
.order-workflow-column .one-c-order-number-form { align-items: center; margin: 0; }
.order-workflow-column .one-c-order-number-form label { min-width: 0; }
.order-workflow-column .one-c-order-number-form label > span { display: none; }
.order-workflow-column .one-c-order-number-form input { width: min(148px, 100%); height: 30px; min-height: 30px; }
.one-c-ready-date-form { display: flex; align-items: end; gap: 4px; margin: 0; }
.one-c-ready-date-form label { display: grid; gap: 4px; color: var(--muted); font-size: 10px; font-weight: 700; }
.one-c-ready-input-group { display: flex; align-items: center; gap: 3px; }
.one-c-ready-date-form input[name="one_c_ready_date"] { width: 104px; min-height: 30px; padding: 4px 7px; border: 1px solid #ced6e2; border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: 11px; }
.one-c-ready-date-form input[name="one_c_ready_date"]:invalid { border-color: #c88b35; }
.one-c-ready-date-form .one-c-ready-calendar-button { width: 30px; height: 30px; min-height: 30px; padding: 5px; border: 1px solid #ced6e2; border-radius: 8px; background: #fff; color: #66758d; cursor: pointer; }
.one-c-ready-calendar-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.one-c-ready-date-form button { width: 28px; height: 28px; padding: 4px; border: 0; border-radius: 7px; background: #e8f0ff; color: #245fc7; cursor: pointer; }
.one-c-ready-calendar-popup[hidden] { display: none; }
.one-c-ready-calendar-popup { position: fixed; z-index: 10000; width: 286px; padding: 10px; border: 1px solid #cfd8e6; border-radius: 12px; background: #fff; box-shadow: 0 16px 42px rgba(25, 37, 57, .22); color: var(--text); }
.one-c-ready-calendar-head { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; gap: 4px; margin-bottom: 7px; }
.one-c-ready-calendar-head strong { text-align: center; font-size: 13px; }
.one-c-ready-calendar-popup button { border: 0; border-radius: 7px; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.one-c-ready-calendar-head button { width: 32px; height: 30px; font-size: 22px; line-height: 1; }
.one-c-ready-calendar-popup button:hover, .one-c-ready-calendar-popup button:focus-visible { background: #edf3ff; outline: none; }
.one-c-ready-calendar-weekdays, .one-c-ready-calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.one-c-ready-calendar-weekdays { margin-bottom: 3px; color: #7a879b; font-size: 9px; font-weight: 750; text-align: center; }
.one-c-ready-calendar-days button, .one-c-ready-calendar-days > span { height: 31px; display: grid; place-items: center; font-size: 11px; }
.one-c-ready-calendar-days button.is-today { box-shadow: inset 0 0 0 1px #87a8e7; }
.one-c-ready-calendar-days button.is-selected { background: #285fd0; color: #fff; font-weight: 800; }
.one-c-ready-calendar-days button.is-selected:hover, .one-c-ready-calendar-days button.is-selected:focus-visible { background: #204fae; }
.one-c-ready-calendar-foot { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #e4e9f1; }
.one-c-ready-calendar-foot button { min-height: 28px; padding: 4px 8px; color: #245fc7; font-size: 10px; font-weight: 750; }
.order-workflow-column .one-c-ready-date-form .one-c-ready-label { display: none; }
.route-number-field { grid-area: route-number; min-width: 0; margin: 0; }
.route-number-field { display: flex; align-items: center; gap: 4px; }
.route-number-field [data-route-number] { width: 100%; height: 30px; min-height: 30px; overflow: hidden; padding: 5px 8px; border: 1px solid #d8dfeb; border-radius: 8px; background: #fff; color: #245fc7; font: inherit; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.route-remove-icon { width: 28px; height: 28px; flex: 0 0 28px; padding: 0; border: 1px solid #e0aeb1; border-radius: 8px; background: #fff5f5; color: #a33a42; font: inherit; font-weight: 800; cursor: pointer; }
.order-zone-control { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 6px 10px; }
.order-summary-line > .order-zone-control { grid-column: 2; align-self: stretch; border-left: 1px solid rgba(255,255,255,.28); }
.order-zone-control select { width: 100%; min-height: 31px; padding: 4px 26px 4px 8px; border: 1px solid rgba(255,255,255,.5); border-radius: 8px; background: rgba(255,255,255,.9); color: #344157; font: inherit; font-size: 12px; font-weight: 750; }
.zone-filter-select { display: grid; gap: 5px; min-width: 190px; color: var(--muted); font-size: 11px; font-weight: 800; }
.zone-filter-select select { min-height: 43px; padding: 0 10px; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; font: inherit; }
.route-assignment-number, .route-key-button { padding: 0; border: 0; background: transparent; color: var(--accent); font: inherit; font-weight: 800; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.route-detail-head { display: grid; grid-template-columns: .7fr 1fr 1.25fr 1.25fr; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); }
.route-detail-head > div, .route-detail-head > label { display: grid; gap: 5px; }
.route-detail-head small { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.route-detail-head select { min-height: 38px; padding: 0 9px; border: 1px solid #cbd3df; border-radius: 8px; background: #fff; font: inherit; }
.route-detail-actions { display: flex; align-items: center; gap: 10px; }
.directory-edit { grid-column: 1 / -1; }
.directory-edit summary { color: var(--accent); cursor: pointer; font-size: 12px; font-weight: 750; }
.order-workflow-column .route-assignment-summary { display: none; }
.order-workflow-footer { min-height: 16px; display: grid; gap: 3px; margin-top: auto; padding-top: 9px; }
.order-workflow-column .marketplace-action-last, .order-workflow-column [data-workflow-status], .order-workflow-column .marketplace-action-result { font-size: 10px; }
.order-icon-actions { position: relative; display: flex; align-items: center; flex-direction: column; gap: 7px; padding: 12px 10px; border-left: 1px solid var(--line); border-radius: 0 0 17px 0; background: #fafbfd; }
.order-icon-button { position: relative; width: 42px; height: 42px; min-height: 42px; display: grid; place-items: center; flex: 0 0 42px; padding: 8px; border: 1px solid #dde3ec; border-radius: 9px; background: #fff; color: #697588; cursor: pointer; }
.order-icon-button:hover { border-color: #aebbd0; background: #f3f6fb; color: #28364c; text-decoration: none; }
.order-icon-button svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.order-icon-button:first-child svg { width: 29px; height: 29px; stroke-width: 2.2; }
.order-icon-button.one-c-action { border-color: #f0c400; background: #ffd800; color: #d71920; font-size: 17px; font-weight: 950; letter-spacing: -2px; opacity: 1; cursor: not-allowed; }
.order-icon-button::after { content: attr(data-tooltip); position: absolute; top: 50%; right: calc(100% + 10px); z-index: 30; width: max-content; max-width: 240px; padding: 6px 8px; border-radius: 7px; background: #172033; color: #fff; font-size: 11px; font-weight: 650; line-height: 1.25; opacity: 0; pointer-events: none; transform: translate(5px, -50%); transition: opacity .15s ease, transform .15s ease; }
.order-icon-button:hover::after, .order-icon-button:focus-visible::after { opacity: 1; transform: translate(0, -50%); }
.order-icon-button .icon-count { position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; background: #65738a; color: #fff; font-size: 9px; font-weight: 850; line-height: 1; }
.order-icon-button .icon-count.unread { background: #d92f3a; }
.order-test-badge { right: 82px; bottom: 8px; }

@media (max-width: 1050px) {
  .feed-order-row { grid-template-columns: minmax(0, 1.45fr) minmax(260px, .8fr) 66px; }
  .order-summary-line { grid-template-columns: minmax(0, 1.45fr) minmax(120px, .4fr) minmax(260px, .8fr); }
  .order-workflow-layout { grid-template-columns: 1fr 1fr; grid-template-areas: "entered onec" "called services" "route delivery" "route-number route-number" "greeting greeting" "review review"; }
}

@media (max-width: 760px) {
  .feed-order-row { grid-template-columns: minmax(0, 1fr) 60px; }
  .order-summary-line { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 0; }
  .order-summary-main { flex-wrap: wrap; }
  .order-summary-delivery { grid-column: 1; border-top: 1px solid rgba(255, 255, 255, .28); border-left: 0; }
  .order-summary-line > .order-zone-control { grid-column: 1; border-top: 1px solid rgba(255,255,255,.28); border-left: 0; }
  .order-info-column, .order-workflow-column { grid-column: 1; }
  .order-workflow-column { border-top: 1px solid var(--line); border-left: 0; }
  .order-icon-actions { grid-column: 2; grid-row: 2 / 4; }
}

/* CRM */
.crm-bell { position: relative; min-width: 40px; justify-content: center; font-size: 20px; }
.crm-heading, .crm-task-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.crm-filters { display: grid; gap: 10px; margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.crm-filter-select-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.crm-filter-controls-row { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.crm-filters select, .crm-filters input[type="date"] { min-height: 38px; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 7px 10px; }
.crm-filter-select { width: 100% !important; min-width: 0; }
.crm-filters .crm-date-filter { flex: 0 0 300px; width: 300px; min-width: 300px; }
.crm-filter-controls-row > .secondary-button, .crm-filter-controls-row > a { flex: 0 0 auto; white-space: nowrap; }
.crm-filter-toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; font-weight: 750; }
.crm-date-filter { display: grid; align-items: center; gap: 5px; color: var(--muted); }
.crm-date-filter span { font-size: 11px; font-weight: 850; text-transform: uppercase; }
.crm-task-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.crm-task-table { width: 100%; min-width: 1840px; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.crm-task-table th { position: sticky; top: 0; z-index: 1; padding: 10px 9px; background: #edf2fa; color: var(--muted); text-align: left; white-space: nowrap; }
.crm-task-table td { padding: 10px 9px; border-top: 1px solid var(--line); vertical-align: top; }
.crm-task-table tr.is-overdue td { background: #fff0f1; }
.crm-task-table tr.is-due-today td { background: #fff8df; }
.crm-status { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; background: #eef2f8; font-size: 11px; font-weight: 850; white-space: nowrap; }
.crm-status-new { color: #214fba; background: #e8efff; }
.crm-status-in_progress { color: #096540; background: #dff5e9; }
.crm-status-completed { color: #536176; background: #e9edf3; }
.crm-status-cancelled { color: #9b2c37; background: #ffe3e6; }
.crm-market-badge { display: inline-grid; min-width: 38px; min-height: 28px; place-items: center; padding: 4px 8px; border-radius: 8px; color: #fff; font-size: 11px; font-weight: 900; line-height: 1; white-space: nowrap; }
.crm-market-badge.market-wildberries { background: #a83bc2; }
.crm-market-badge.market-ozon { background: #2864dc; }
.crm-market-badge.market-yandex_market { background: #f3b400; color: #172033; }
.crm-market-badge.market-lemana_pro { background: #35a853; }
.crm-market-badge.market-unknown { background: #e7ebf2; color: #6a7588; }
.crm-task-create-dialog { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 32px); border: 0; border-radius: 24px; padding: 0; overflow: auto; box-shadow: 0 30px 80px rgba(22, 34, 56, .28); }
.crm-task-create-dialog::backdrop { background: rgba(16, 24, 42, .48); }
.crm-task-create-dialog [data-crm-create-content] { padding: 24px; }
.crm-task-form, .crm-create-form { display: grid; gap: 18px; }
.crm-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.crm-form-grid label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 850; }
.crm-form-grid input:not([type="checkbox"]), .crm-form-grid select, .crm-form-grid textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; background: #fff; padding: 10px 12px; color: var(--ink); }
.crm-field-wide { grid-column: 1 / -1; }
.crm-source-preview { display: grid; gap: 8px; padding: 14px; border-radius: 14px; background: #f5f8fc; }
.crm-task-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px; margin: 0 0 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); }
.crm-task-meta div { padding: 12px; background: #fff; }
.crm-task-meta dt { color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.crm-task-meta dd { margin: 5px 0 0; font-weight: 750; }
.crm-task-body { padding: 18px; border-radius: 14px; background: #f6f8fc; line-height: 1.55; }
.crm-links > div { display: flex; flex-wrap: wrap; gap: 9px; }
.crm-links a { display: inline-flex; gap: 8px; align-items: center; padding: 9px 12px; border: 1px solid #b9cbf3; border-radius: 11px; text-decoration: none; }
.crm-links a span { color: var(--muted); font-size: 11px; }
.crm-order-link-form { display: grid; gap: 7px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.crm-order-link-form > label { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.crm-order-link-form > div { display: flex; gap: 8px; }
.crm-order-link-form input { min-width: 0; flex: 1 1 auto; border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; color: var(--ink); }
.crm-order-link-form small { color: var(--muted); }
.crm-task-workspace { display: grid; grid-template-columns: minmax(420px, .82fr) minmax(560px, 1.18fr); grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.crm-task-workspace > .crm-task-form, .crm-task-workspace > .crm-task-card { grid-column: 1; grid-row: 1; }
.crm-task-workspace > .crm-links { grid-column: 1; grid-row: 2; }
.crm-task-workspace > .crm-history { grid-column: 1; grid-row: 3; }
.crm-task-workspace > .crm-task-actions { grid-column: 1; grid-row: 4; }
.crm-task-workspace > .crm-chat { grid-column: 2; grid-row: 1 / span 4; position: sticky; top: 12px; display: flex; flex-direction: column; min-height: min(760px, calc(100vh - 150px)); max-height: calc(100vh - 24px); overflow: hidden; background: linear-gradient(145deg, #f1fbf7 0%, #eef7ff 54%, #edf2ff 100%); }
.crm-chat > h2 { flex: 0 0 auto; margin-bottom: 14px; }
.crm-messages { display: grid; align-content: start; gap: 10px; min-height: 260px; overflow: auto; margin: 0 -6px 14px 0; padding-right: 6px; }
.crm-messages article { max-width: 82%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: #f7f9fc; }
.crm-messages article:not(.is-system):has(header strong) { background: rgba(255,255,255,.94); }
.crm-messages article.is-system { max-width: 100%; background: #fff9e5; color: #6e5914; }
.crm-messages header { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 6px; }
.crm-messages time { color: var(--muted); font-size: 11px; }
.crm-message-form { position: relative; flex: 0 0 auto; margin-top: auto; }
.crm-composer { position: relative; overflow: visible; border: 1px solid #cbd7e8; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(45, 75, 125, .12); }
.crm-composer textarea { display: block; width: 100%; min-height: 76px; max-height: 220px; resize: none; border: 0; outline: 0; background: transparent; padding: 15px 17px 8px; color: var(--ink); font: inherit; line-height: 1.45; }
.crm-composer textarea::placeholder { color: #9aa7b9; }
.crm-composer-footer { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 6px 9px 9px 11px; }
.crm-composer-actions { display: flex; min-width: 0; align-items: center; gap: 7px; }
.crm-composer-icon { display: inline-grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #45617f; font-size: 20px; cursor: pointer; }
.crm-composer-icon:hover { background: #edf3fb; color: #2459d3; }
.crm-composer-icon input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.crm-composer-send { display: inline-grid; flex: 0 0 auto; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 50%; background: #2c5bd8; color: #fff; font-size: 18px; box-shadow: 0 6px 16px rgba(44,91,216,.25); }
.crm-composer-send:hover { background: #1948c3; }
.crm-selected-files { max-width: 250px; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.crm-selected-mentions { display: flex; gap: 5px; }
.crm-composer-chip { display: inline-flex; max-width: 170px; overflow: hidden; padding: 5px 8px; border-radius: 999px; background: #e9efff; color: #2855bd; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.crm-mention-popup { position: absolute; z-index: 30; right: 12px; bottom: 58px; width: min(360px, calc(100% - 24px)); max-height: 300px; overflow: hidden; border: 1px solid #cbd7e8; border-radius: 15px; background: #fff; box-shadow: 0 18px 48px rgba(31, 49, 79, .22); }
.crm-mention-popup-title { padding: 10px 12px 7px; color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.crm-mention-popup [data-crm-mention-list] { max-height: 250px; overflow: auto; padding: 0 6px 7px; }
.crm-mention-popup button { display: block; width: 100%; border: 0; border-radius: 9px; background: transparent; padding: 9px 10px; color: var(--ink); text-align: left; }
.crm-mention-popup button:hover, .crm-mention-popup button.is-active { background: #edf3ff; color: #2352bf; }
.crm-attachment { display: inline-block; margin-right: 9px; }
.crm-external-link { overflow-wrap: anywhere; color: #245bd1; }
.crm-object-link { display: inline-flex; align-items: center; gap: 5px; margin: 2px 3px; padding: 4px 8px; border: 1px solid #abc1f2; border-radius: 8px; background: #eef3ff; color: #2454be; font-size: 12px; font-weight: 800; text-decoration: none; vertical-align: middle; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; }
.crm-history-row { display: grid; grid-template-columns: 120px minmax(140px, .5fr) minmax(200px, 1fr); gap: 9px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.crm-history-row small, .crm-history-row button { grid-column: 2 / -1; }
.crm-task-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.crm-task-actions form { display: flex; gap: 8px; }
.crm-diff-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.crm-diff-grid section { padding: 18px; background: #fff; }
.crm-diff-grid pre { white-space: pre-wrap; }
.crm-directory-list { display: grid; gap: 8px; }
.crm-directory-list > div, .crm-directory-list > details { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; }
.crm-directory-list > div, .crm-directory-list summary { display: flex; align-items: center; gap: 10px; }
.crm-directory-list form { margin-left: auto; }
.crm-directory-list .crm-directory-edit { display: flex; gap: 7px; margin: 0 auto 0 0; }
.crm-directory-edit input { min-width: 180px; border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px; }
.crm-inline-form { grid-template-columns: 1fr auto; align-items: end; }
.crm-check { display: flex !important; grid-template-columns: auto 1fr; justify-content: start; }
.crm-create-source-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.crm-icon-button { width: 42px; height: 42px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: #285bd7; text-decoration: none; }
.crm-existing-task-button { border-color: #9bb5f1; background: #edf3ff; color: #244fae; }
.crm-existing-task-button.is-completed, .crm-existing-task-link.is-completed, .crm-feed-task-link.is-completed, .crm-related-tasks .is-completed { opacity: .58; }
.crm-existing-task-link { width: auto; min-width: 42px; padding: 0 7px; font-size: 10px; font-weight: 900; }
.crm-feed-task-link { font-size: 9px; font-weight: 900; letter-spacing: -.2px; }
.feed-order-crm-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.feed-order-crm-links a { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border: 1px solid #9bb5f1; border-radius: 8px; background: #edf3ff; color: #244fae; font-size: 10px; font-weight: 850; text-decoration: none; }
.chat-order-crm-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.chat-inbox-row { position: relative; }
.chat-row-crm-button { position: absolute; right: 12px; bottom: 10px; z-index: 2; width: 32px; height: 32px; border-radius: 9px; }
.crm-related-tasks { display: grid; gap: 7px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.crm-related-tasks h3 { margin: 0 0 2px; font-size: 13px; }
@media (max-width: 760px) {
  .crm-form-grid, .crm-diff-grid { grid-template-columns: 1fr; }
  .crm-task-workspace { display: flex; flex-direction: column; }
  .crm-task-workspace > * { width: 100%; }
  .crm-task-workspace > .crm-chat { position: static; min-height: 620px; max-height: none; }
  .crm-field-wide { grid-column: auto; }
  .crm-date-filter { width: 100%; }
  .crm-date-filter input { min-width: 0; flex: 1; }
  .crm-filter-select-row { grid-template-columns: 1fr; }
  .crm-filter-controls-row { align-items: stretch; }
  .crm-filters .crm-date-filter { flex: 1 1 100%; width: 100%; min-width: 0; }
  .crm-history-row { grid-template-columns: 1fr; }
  .crm-history-row small, .crm-history-row button { grid-column: auto; }
}

@media (max-width: 520px) {
  .feed-order-row { grid-template-columns: 1fr; }
  .order-workflow-layout { grid-template-columns: 1fr; grid-template-areas: "entered" "onec" "called" "services" "route" "delivery" "route-number" "greeting" "review"; }
  .order-icon-actions { grid-column: 1; grid-row: auto; flex-direction: row; justify-content: flex-start; border-top: 1px solid var(--line); border-left: 0; }
  .order-icon-button::after { top: auto; right: auto; bottom: calc(100% + 8px); left: 0; transform: translateY(5px); }
  .order-icon-button:hover::after, .order-icon-button:focus-visible::after { transform: translateY(0); }
}

/* Ozon return applications */
.returns-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.returns-heading h1 { margin: 2px 0 3px; }
.returns-heading p { margin: 0; color: var(--muted); }
.return-filter-panel { display: grid; grid-template-columns: 260px minmax(180px, .7fr) 160px 160px minmax(280px, 1fr); align-items: end; gap: 12px; margin-bottom: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
.return-filter-panel > label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 750; }
.return-filter-panel select, .return-filter-panel input { min-height: 42px; padding: 8px 11px; border: 1px solid #cfd8e6; border-radius: 10px; background: #fff; color: var(--text); font: inherit; }
.return-segments { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; border: 1px solid #b9c7df; border-radius: 10px; overflow: hidden; }
.return-segments label { min-width: 0; }
.return-segments input { position: absolute; opacity: 0; pointer-events: none; }
.return-segments span { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px; color: #59667b; cursor: pointer; }
.return-segments label + label span { border-left: 1px solid #b9c7df; }
.return-segments input:checked + span { background: #e8efff; color: #1f55bd; font-weight: 800; }
.return-segments b { min-width: 21px; height: 21px; display: grid; place-items: center; padding: 0 5px; border-radius: 999px; background: rgba(35, 88, 198, .1); font-size: 10px; }
.return-filter-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; }
.return-filter-actions a { color: #245fc7; font-weight: 700; }
.return-filter-actions button:last-child { margin-left: auto; }
.return-sync-state { grid-column: 1 / -1; margin: -3px 0 0; color: var(--muted); font-size: 10px; }
.return-sync-state.sync-ok strong { color: #16713d; }
.return-sync-state.sync-error strong { color: #b52d38; }
.return-feed { display: grid; gap: 12px; }
.return-card { overflow: hidden; border: 1px solid var(--line); border-left: 5px solid #738096; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
.return-card.is-active { border-left-color: #1769ff; }
.wb-return-card.is-active { border-left-color: #a62bc5; }
.wb-return-card .return-card-head { background: #fbf4fd; }
.return-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: #f7f9fc; }
.return-card-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.return-card-title > strong { font-size: 14px; }
.return-card-title time { color: var(--muted); font-size: 11px; }
.return-state { padding: 6px 10px; border-radius: 999px; background: #e8ebf0; color: #59667b; font-size: 11px; font-weight: 750; }
.return-state.active { background: #e8efff; color: #1d55bd; }
.return-card-grid { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(190px, .65fr) minmax(300px, 1.2fr) minmax(250px, .9fr); }
.return-card-grid > * { min-width: 0; padding: 15px; }
.return-card-grid > * + * { border-left: 1px solid var(--line); }
.return-product { display: grid; grid-template-columns: 72px 1fr; gap: 11px; align-items: start; }
.return-product .feedback-product-image, .return-product .feedback-product-placeholder { width: 72px; height: 82px; }
.return-product > div { min-width: 0; display: grid; gap: 4px; }
.return-product strong { font-size: 12px; line-height: 1.35; }
.return-product small { color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.return-order-links { display: grid; align-content: start; gap: 6px; }
.return-order-links > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.return-order-links strong { font-size: 13px; overflow-wrap: anywhere; }
.return-order-links a { color: #245fc7; font-size: 11px; font-weight: 750; }
.return-quick-links { display: flex; flex-wrap: wrap; gap: 6px; }
.return-order-links .return-quick-button { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; padding: 4px 9px; border: 1px solid #c8d4ea; border-radius: 8px; background: #fff; color: #245fc7; text-decoration: none; }
.return-order-links .return-quick-button:hover { border-color: #7f9fd7; background: #edf3ff; text-decoration: none; }
.return-order-links small { color: var(--muted); font-size: 10px; }
.return-details { display: grid; align-content: start; gap: 9px; }
.return-details p { margin: 0; font-size: 11px; line-height: 1.4; }
.return-details p strong { display: block; margin-bottom: 2px; color: var(--muted); font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }
.return-photos { display: flex; flex-wrap: wrap; gap: 6px; }
.return-photos img { width: 64px; height: 64px; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; }
.return-actions { background: #fafbfd; }
.return-actions details > summary { color: #245fc7; font-size: 11px; font-weight: 800; cursor: pointer; }
.return-actions form { display: grid; gap: 8px; margin-top: 10px; }
.return-actions label { display: grid; gap: 3px; color: var(--muted); font-size: 9px; font-weight: 750; }
.return-actions select, .return-actions input, .return-actions textarea { width: 100%; min-height: 34px; padding: 7px 8px; border: 1px solid #cfd8e6; border-radius: 8px; background: #fff; color: var(--text); font: inherit; font-size: 10px; }
.return-actions textarea { min-height: 58px; resize: vertical; }
.return-actions form > button { min-height: 36px; border: 0; border-radius: 8px; background: #245fc7; color: #fff; font-weight: 750; cursor: pointer; }
.return-last-action { display: block; margin-top: 11px; color: var(--muted); font-size: 9px; line-height: 1.35; }
@media (max-width: 1200px) { .return-filter-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); } .return-search { grid-column: span 2; } .return-card-grid { grid-template-columns: 1fr 1fr; } .return-card-grid > *:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); } .return-card-grid > *:nth-child(4) { border-top: 1px solid var(--line); } }
@media (max-width: 720px) { .returns-heading { align-items: flex-start; flex-direction: column; } .return-filter-panel { grid-template-columns: 1fr; } .return-search { grid-column: auto; } .return-card-head { align-items: flex-start; flex-direction: column; } .return-card-grid { grid-template-columns: 1fr; } .return-card-grid > * + * { border-top: 1px solid var(--line); border-left: 0; } }

/* Stocks workspace */
.stock-page-heading { align-items: center; }
.stock-send-summary { min-width: 260px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
.stock-send-summary span, .stock-send-summary strong, .stock-send-summary small { display: block; }
.stock-send-summary span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.stock-send-summary strong { margin-top: 3px; font-size: 17px; }
.stock-send-summary small { margin-top: 2px; color: var(--muted); }
.stock-status-strip { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 10px; margin-bottom: 12px; }
.stock-market-status, .stock-draft-status { position: relative; overflow: hidden; padding: 13px 15px 13px 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.stock-market-status::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #8290a6; }
.stock-market-status.market-wildberries::before { background: #a83bc2; }
.stock-market-status.market-ozon::before { background: #1769ff; }
.stock-market-status.market-yandex_market::before { background: #f3b400; }
.stock-market-status.market-lemana_pro::before { background: #35a853; }
.stock-market-status span, .stock-draft-status span { display: block; color: var(--muted); font-size: 11px; font-weight: 750; }
.stock-market-status strong, .stock-draft-status strong { display: block; margin-top: 2px; font-size: 16px; }
.stock-market-status small, .stock-draft-status small { display: block; min-height: 16px; margin-top: 2px; color: var(--muted); font-size: 11px; }
.stock-market-status .status-ok { color: #13703b; }
.stock-market-status .status-error { color: #ae2630; }
.stock-market-status .status-empty { color: #8d97a8; }
.stock-lock-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; margin-bottom: 10px; border: 1px solid #cfd8e6; border-radius: 14px; background: #f8faff; }
.stock-lock-panel.is-locked { border-color: #b9c8ed; background: #eef3ff; }
.stock-lock-panel strong, .stock-lock-panel span { display: block; }
.stock-lock-panel span { margin-top: 2px; color: var(--muted); font-size: 12px; }
.stock-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; padding: 14px 16px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.stock-toolbar-group { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.stock-toolbar-danger { margin-left: auto; }
.stock-toolbar-danger .primary-button { background: #234db6; }
button:disabled { cursor: not-allowed; opacity: .48; }
.stock-save-state { flex-basis: 100%; min-height: 18px; color: var(--muted); font-size: 12px; }
.stock-table-tools { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 10px; color: var(--muted); font-size: 12px; }
.stock-search { width: min(440px, 100%); }
.stock-search span { display: block; margin-bottom: 5px; font-weight: 700; }
.stock-table-wrap { max-height: calc(100vh - 160px); overflow: auto; border: 1px solid #cfd6e2; border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.stock-table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
.stock-table th, .stock-table td { height: 48px; padding: 5px 7px; border-right: 1px solid #e3e7ee; border-bottom: 1px solid #e3e7ee; background: #fff; }
.stock-table thead th { position: sticky; top: 0; z-index: 5; text-align: center; background: #f4f6fa; }
.stock-table thead .stock-group-row th { top: 0; height: 34px; padding: 5px 8px; color: #445168; letter-spacing: .05em; }
.stock-table thead tr:nth-child(2) th { top: 34px; height: 72px; }
.stock-table .stock-name-column { position: sticky; left: 0; z-index: 3; width: 310px; min-width: 310px; max-width: 310px; padding: 8px 12px; text-align: left; background: #fbfcfe; box-shadow: 1px 0 0 #d8dee8; }
.stock-table thead .stock-name-column { z-index: 8; background: #edf1f7; }
.stock-name-column strong, .stock-name-column span, .stock-name-column small { display: block; overflow: hidden; text-overflow: ellipsis; }
.stock-name-column strong { color: var(--text); font-size: 13px; text-transform: none; }
.stock-name-column span { margin-top: 1px; color: #4f5e74; font-size: 11px; font-weight: 500; text-transform: none; }
.stock-name-column small { margin-top: 3px; color: #7b8799; font-size: 10px; font-weight: 500; text-transform: none; white-space: nowrap; }
.stock-product-heading { display: flex; align-items: center; gap: 9px; min-width: 0; }
.stock-product-copy { min-width: 0; }
.stock-product-thumb { width: 46px; height: 46px; min-height: 46px; border-radius: 8px; }
.stock-column-head { width: 104px; min-width: 104px; max-width: 104px; overflow: hidden; font-size: 10px; line-height: 1.2; text-overflow: ellipsis; text-transform: none; }
.stock-column-head span, .stock-column-head small { display: block; }
.stock-column-head small { margin-top: 4px; color: #7d8899; font-size: 9px; }
.stock-group-one-c, .stock-one-c-head { background: #eef7f1 !important; }
.stock-group-production, .stock-production-head { background: #fff3d6 !important; }
.stock-group-market.market-wildberries, .stock-column-head.market-wildberries { background: #f9effb !important; }
.stock-group-market.market-ozon, .stock-column-head.market-ozon { background: #edf3ff !important; }
.stock-group-market.market-yandex_market, .stock-column-head.market-yandex_market { background: #fff7dc !important; }
.stock-group-market.market-lemana_pro, .stock-column-head.market-lemana_pro { background: #edf9f0 !important; }
.stock-number-cell { width: 104px; min-width: 104px; max-width: 104px; text-align: center; }
.stock-number-cell input { width: 82px; height: 34px; padding: 4px 7px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--text); font-family: inherit; font-size: 15px; font-weight: 800; line-height: 1; text-align: right; }
.stock-number-cell input:not(:disabled):hover { border-color: #bdc8d8; background: #fff; }
.stock-number-cell input:not(:disabled):focus { outline: 3px solid rgba(36, 86, 214, .13); border-color: #5276db; background: #fff; }
.stock-number-cell input:disabled { color: #58667a; opacity: 1; }
.stock-number-cell input.stock-amount-positive { color: #14532d; -webkit-text-fill-color: #14532d; }
.stock-number-cell input.stock-amount-zero { color: rgba(88, 102, 122, .5); -webkit-text-fill-color: rgba(88, 102, 122, .5); }
.stock-production-cell { background: #fffaf0 !important; }
.stock-production-cell span { display: inline-block; min-width: 82px; padding: 4px 7px; color: var(--text); font-size: 15px; font-weight: 800; line-height: 26px; text-align: right; }
.stock-production-cell span.stock-amount-positive { color: #7c4a03; }
.stock-production-cell span.stock-amount-zero { color: rgba(88, 102, 122, .5); }
.stock-one-c-cell { background: #fbfefc !important; }
.stock-number-cell.market-wildberries { background: #fdf9fe; }
.stock-number-cell.market-ozon { background: #fafcff; }
.stock-number-cell.market-yandex_market { background: #fffdf6; }
.stock-number-cell.market-lemana_pro { background: #f8fdf9; }
.stock-unavailable { color: #b4bdca; background: #f5f6f8 !important; }
.stock-number-cell input.is-pending { border-color: #e2a82d; background: #fff8df; }
.stock-number-cell input.is-invalid { border-color: #cf3c47; background: #fff0f1; }
.stock-rules-dialog { width: min(980px, calc(100% - 30px)); }
.stock-rule-intro { padding: 16px 22px 4px; color: var(--muted); }
.stock-rule-intro p { margin: 0 0 8px; }
.stock-rule-section { margin: 12px 22px 20px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; }
.stock-rule-section h3 { margin: 0 0 10px; }
.stock-rule-row { display: grid; grid-template-columns: minmax(210px, .8fr) 24px minmax(300px, 1.4fr); gap: 8px; padding: 8px 0; border-top: 1px solid #edf0f4; }
.stock-rule-row:first-of-type { border-top: 0; }
.stock-rule-row.fixed-rule { color: #745300; }
.stock-toast { position: fixed; right: 24px; bottom: 24px; z-index: 50; max-width: min(460px, calc(100% - 32px)); padding: 13px 17px; border-radius: 12px; background: #1f2937; color: white; box-shadow: 0 18px 50px rgba(10, 20, 35, .28); }
.stock-toast[data-kind="error"] { background: #a72732; }
.stock-toast[data-kind="success"] { background: #12643a; }
.stock-upload-failure { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 14px 16px; border: 2px solid #c92f3c; border-radius: 14px; background: #fff0f1; color: #8d1722; box-shadow: 0 10px 30px rgba(155, 25, 37, .12); }
.stock-upload-failure[hidden] { display: none; }
.stock-upload-failure strong, .stock-upload-failure span { display: block; }
.stock-upload-failure strong { font-size: 15px; }
.stock-upload-failure span { margin-top: 3px; font-size: 12px; }
.stock-upload-failure button { flex: 0 0 auto; border-color: #c92f3c; color: #8d1722; }
.stock-upload-error-dialog { width: min(620px, calc(100% - 32px)); padding: 0; border: 2px solid #c92f3c; border-radius: 18px; color: var(--text); box-shadow: 0 24px 80px rgba(75, 13, 20, .32); }
.stock-upload-error-dialog::backdrop { background: rgba(20, 26, 38, .62); }
.stock-upload-error-dialog .dialog-head { background: #fff0f1; }
.stock-upload-error-dialog .dialog-head h2, .stock-upload-error-dialog .eyebrow { color: #9c1e2a; }
.stock-upload-error-dialog > p { margin: 0; padding: 16px 22px 0; }
.stock-upload-error-dialog .stock-upload-error-reason { color: #9c1e2a; font-weight: 750; }
.stock-upload-error-actions { display: flex; gap: 10px; padding: 22px; }

@media (max-width: 900px) {
  .stock-status-strip { grid-template-columns: 1fr 1fr; }
  .stock-toolbar-danger { margin-left: 0; }
  .stock-table .stock-name-column { width: 230px; min-width: 230px; max-width: 230px; }
}

@media (max-width: 620px) {
  .stock-status-strip { grid-template-columns: 1fr; }
  .stock-lock-panel, .stock-table-tools { align-items: stretch; flex-direction: column; }
  .stock-toolbar-group, .stock-toolbar-group button { width: 100%; }
  .stock-table .stock-name-column { width: 190px; min-width: 190px; max-width: 190px; }
  .stock-rule-row { grid-template-columns: 1fr; }
}

/* Production planning */
.planning-page-shell { max-width: 1680px; }
.planning-heading { align-items: center; }
.planning-source-summary { min-width: 230px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); }
.planning-source-summary span, .planning-source-summary strong, .planning-source-summary small { display: block; }
.planning-source-summary span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.planning-source-summary strong { margin-top: 2px; font-size: 16px; }
.planning-source-summary small { max-width: 260px; margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.planning-controls { display: grid; grid-template-columns: repeat(3, minmax(150px, 190px)) minmax(350px, 1fr); gap: 10px 14px; align-items: end; padding: 13px 15px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); }
.planning-controls > label > span:first-child { display: block; margin-bottom: 4px; color: #526077; font-size: 10px; font-weight: 750; }
.planning-number-field { display: flex; align-items: center; height: 34px; border: 1px solid #cbd3df; border-radius: 7px; background: #fff; }
.planning-number-field:focus-within { border-color: #5276db; box-shadow: 0 0 0 3px rgba(36, 86, 214, .11); }
.planning-number-field input { width: 100%; min-width: 0; height: 32px; padding: 4px 8px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 13px; font-weight: 700; }
.planning-number-field small { padding: 0 9px; color: var(--muted); font-size: 10px; }
.planning-actions { display: flex; justify-content: flex-end; gap: 7px; }
.planning-actions button { min-height: 34px; white-space: nowrap; }
.planning-state { grid-column: 1 / -1; min-height: 15px; color: var(--muted); font-size: 10px; }
.planning-table-wrap { max-height: calc(100vh - 235px); overflow: auto; border: 1px solid #cfd6e2; border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
.planning-table { width: 100%; min-width: 1040px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.planning-table th, .planning-table td { height: 31px; padding: 3px 9px; border-right: 1px solid #e3e7ee; border-bottom: 1px solid #e3e7ee; background: #fff; font-size: 11px; line-height: 1.15; }
.planning-table thead th { position: sticky; top: 0; z-index: 5; height: 36px; background: #edf1f7; color: #47556c; font-size: 10px; text-align: right; }
.planning-table .planning-name-column { width: auto; text-align: left; }
.planning-table thead .planning-name-column { z-index: 7; }
.planning-table thead th:not(.planning-name-column), .planning-table td { width: 110px; text-align: right; }
.planning-table .planning-order-head { background: #fff1cc; color: #704100; }
.planning-table tbody .planning-name-column { position: sticky; left: 0; z-index: 2; padding-left: calc(8px + var(--planning-level, 0) * 18px); box-shadow: 1px 0 0 #d8dee8; }
.planning-group-row th, .planning-group-row td { font-weight: 750; }
.planning-group-row.planning-level-0 th, .planning-group-row.planning-level-0 td { background: #e9eef7; }
.planning-group-row.planning-level-1 th, .planning-group-row.planning-level-1 td { background: #f2f5f9; }
.planning-group-row.planning-level-2 th, .planning-group-row.planning-level-2 td { background: #f7f9fb; }
.planning-group-row.planning-level-3 th, .planning-group-row.planning-level-3 td { background: #fbfcfd; }
.planning-group-order { color: #704100; }
.planning-tree-toggle { display: inline-grid; place-items: center; width: 22px; height: 22px; min-height: 22px; margin: 0 4px 0 0; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #52637c; cursor: pointer; vertical-align: middle; }
.planning-tree-toggle:hover { background: rgba(73, 91, 121, .1); }
.planning-tree-toggle span { display: block; font-size: 20px; line-height: 1; transition: transform .12s ease; }
.planning-tree-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.planning-group-row strong { vertical-align: middle; }
.planning-leaf-row .planning-name-column strong, .planning-leaf-row .planning-name-column small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.planning-leaf-row .planning-name-column strong { font-size: 11px; font-weight: 650; }
.planning-leaf-row .planning-name-column small { margin-top: 1px; color: #7d8898; font-size: 8px; font-weight: 500; }
.planning-order-cell { padding: 2px 7px !important; background: #fffaf0 !important; }
.planning-order-cell input { width: 82px; height: 25px; padding: 2px 6px; border: 1px solid #e6cf94; border-radius: 5px; background: #fff; color: #704100; font: inherit; font-size: 12px; font-weight: 800; text-align: right; }
.planning-order-cell input:focus { outline: 3px solid rgba(219, 158, 22, .14); border-color: #c99725; }
.planning-order-cell input.is-invalid { border-color: #cf3c47; background: #fff0f1; }
.planning-empty-state { display: grid; place-items: center; min-height: 260px; border: 1px dashed #c7cfdb; border-radius: 12px; background: #fafbfc; color: var(--muted); text-align: center; }
.planning-empty-state strong, .planning-empty-state span { display: block; }
.planning-empty-state strong { color: var(--text); }
.planning-empty-state span { margin-top: 4px; font-size: 12px; }

/* Warehouse transfers */
.transfer-page-shell { max-width: 1900px; }
.transfer-heading { align-items: center; }
.transfer-summary-cards { display: flex; gap: 8px; }
.transfer-summary-cards > div { min-width: 205px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
.transfer-summary-cards span, .transfer-summary-cards strong { display: block; }
.transfer-summary-cards span { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.transfer-summary-cards strong { margin-top: 2px; font-size: 13px; }
.transfer-summary-cards b { color: #2456d6; }
.transfer-controls { display: flex; gap: 8px; align-items: center; min-height: 42px; padding: 5px 8px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
.transfer-controls label { margin: 0; }
.transfer-controls input { height: 30px; padding: 4px 8px; border: 1px solid #cbd3df; border-radius: 6px; background: #fff; color: var(--text); font: inherit; font-size: 11px; }
.transfer-controls input:focus { outline: 3px solid rgba(36, 86, 214, .11); border-color: #5276db; }
.transfer-days-field { display: flex; align-items: center; gap: 6px; color: #526077; font-size: 10px; font-weight: 750; white-space: nowrap; }
.transfer-days-field input { width: 74px; font-weight: 750; }
.transfer-search-field { flex: 1; min-width: 200px; }
.transfer-search-field input { width: 100%; }
.transfer-controls button { min-height: 30px; height: 30px; padding: 4px 11px; white-space: nowrap; }
.transfer-state { color: var(--muted); font-size: 9px; white-space: nowrap; }
.transfer-table-wrap { max-height: calc(100vh - 202px); overflow: auto; border: 1px solid #cfd6e2; border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
.transfer-table { width: 100%; min-width: 1060px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.transfer-table th, .transfer-table td { height: 31px; padding: 3px 4px; border-right: 1px solid #e3e7ee; border-bottom: 1px solid #e3e7ee; background: #fff; font-size: 10px; line-height: 1.15; text-align: right; vertical-align: middle; }
.transfer-table thead th, .transfer-table thead td { position: sticky; z-index: 8; background: #edf1f7; color: #47556c; font-size: 9px; font-weight: 800; }
.transfer-table thead tr:first-child th { top: 0; height: 46px; white-space: normal; overflow-wrap: anywhere; text-align: center; }
.transfer-table thead .transfer-total-row th, .transfer-table thead .transfer-total-row td { top: 46px; height: 34px; background: #dce6f9; color: #243550; }
.transfer-total-row small { display: block; margin-top: 2px; color: #67758b; font-size: 8px; font-weight: 650; }
.transfer-table .transfer-name-column { width: 300px; text-align: left; }
.transfer-table thead .transfer-name-column { z-index: 11; }
.transfer-table thead th:nth-child(2) { width: 76px; }
.transfer-table thead th:nth-child(3) { width: 62px; }
.transfer-table thead th:nth-child(4),
.transfer-table thead th:nth-child(6) { width: 82px; }
.transfer-table thead th:nth-child(5) { width: 78px; }
.transfer-table thead th:nth-child(7),
.transfer-table thead th:nth-child(9),
.transfer-table thead th:nth-child(10) { width: 70px; }
.transfer-table thead th:nth-child(8),
.transfer-table thead th:nth-child(11) { width: 82px; }
.transfer-table .transfer-edit-head { background: #e6f5ea; color: #28623b; }
.transfer-table thead .transfer-total-row .transfer-edit-total { background: #d8efdf; color: #234f32; }
.transfer-table tbody .transfer-name-column { position: sticky; left: 0; z-index: 2; padding-left: calc(7px + var(--transfer-level, 0) * 17px); box-shadow: 1px 0 0 #d8dee8; }
.transfer-group-row th, .transfer-group-row td { font-weight: 750; }
.transfer-group-row.transfer-level-0 th, .transfer-group-row.transfer-level-0 td { background: #e9eef7; }
.transfer-group-row.transfer-level-1 th, .transfer-group-row.transfer-level-1 td { background: #f2f5f9; }
.transfer-group-row.transfer-level-2 th, .transfer-group-row.transfer-level-2 td { background: #f7f9fb; }
.transfer-group-row.transfer-level-3 th, .transfer-group-row.transfer-level-3 td { background: #fbfcfd; }
.transfer-group-row td[data-group-transfer] { background: #e6f5ea; color: #28623b; }
.transfer-tree-toggle { display: inline-grid; place-items: center; width: 22px; height: 22px; min-height: 22px; margin: 0 4px 0 0; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #52637c; cursor: pointer; vertical-align: middle; }
.transfer-tree-toggle:hover { background: rgba(73, 91, 121, .1); }
.transfer-tree-toggle span { display: block; font-size: 20px; line-height: 1; transition: transform .12s ease; }
.transfer-tree-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.transfer-leaf-row .transfer-name-column strong, .transfer-leaf-row .transfer-name-column small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.transfer-leaf-row .transfer-name-column strong { font-size: 10px; font-weight: 650; }
.transfer-leaf-row .transfer-name-column small { margin-top: 1px; color: #7d8898; font-size: 8px; font-weight: 500; }
.transfer-input-cell { padding: 2px 4px !important; background: #eef8f1 !important; }
.transfer-input-cell input { width: 100%; min-width: 0; height: 25px; padding: 2px 5px; border: 1px solid #b8d9c1; border-radius: 5px; background: #f8fcf9; color: #245334; font: inherit; font-size: 11px; font-weight: 800; text-align: right; }
.transfer-input-cell input:focus { outline: 3px solid rgba(47, 132, 73, .13); border-color: #4e9b65; }
.transfer-input-cell.is-shortage, .transfer-input-cell.is-shortage input { background: #ffe8e9 !important; }
.transfer-input-cell input.is-invalid { border-color: #cf3c47; background: #ffdfe1; }
.transfer-input-cell input:disabled { color: #667085; cursor: not-allowed; opacity: .8; }
.transfer-volume-missing { background: #ffdfe1 !important; }

@media (max-width: 1180px) {
  .planning-controls { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
  .planning-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 720px) {
  .order-info-column .order-comments { grid-template-columns: 1fr; }
  .order-info-column .order-comments > div + div { border-top: 1px solid #d8dee8; border-left: 0; }
  .planning-heading { align-items: stretch; flex-direction: column; }
  .planning-source-summary { min-width: 0; }
  .planning-controls { grid-template-columns: 1fr 1fr; }
  .planning-actions { display: grid; grid-template-columns: 1fr; }
  .planning-actions button { width: 100%; }
  .planning-table-wrap { max-height: calc(100vh - 130px); }
  .planning-table .planning-name-column { width: 230px; }
  .transfer-heading { align-items: stretch; flex-direction: column; }
  .transfer-summary-cards { display: grid; grid-template-columns: 1fr 1fr; }
  .transfer-summary-cards > div { min-width: 0; }
  .transfer-controls { flex-wrap: wrap; }
  .transfer-search-field { order: 3; flex-basis: 100%; }
  .transfer-state { flex-basis: 100%; }
  .transfer-table-wrap { max-height: calc(100vh - 180px); }
}

/* SKU relationship registry */
.sku-page-heading { align-items: center; }
.sku-summary-strip { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: 9px; margin-bottom: 12px; }
.sku-summary-card { position: relative; overflow: hidden; padding: 12px 14px 12px 17px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.sku-summary-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #8793a6; }
.sku-summary-card.summary-ok::before { background: #20945a; }
.sku-summary-card.summary-warning::before { background: #dc8a1b; }
.sku-summary-card.market-wildberries::before { background: #a83bc2; }
.sku-summary-card.market-ozon::before { background: #1769ff; }
.sku-summary-card.market-yandex_market::before { background: #f3b400; }
.sku-summary-card.market-lemana_pro::before { background: #35a853; }
.sku-summary-card span, .sku-summary-card strong { display: block; }
.sku-summary-card span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.sku-summary-card strong { margin-top: 3px; font-size: 21px; }
.sku-filters { grid-template-columns: minmax(300px, 2fr) minmax(240px, 1fr) auto; }
.sku-filters .filter-actions { grid-column: auto; }
.sku-table-wrap { max-height: calc(100vh - 150px); overflow: auto; border: 1px solid #cfd6e2; border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
.sku-table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
.sku-table th, .sku-table td { min-width: 275px; max-width: 360px; padding: 10px; vertical-align: top; border-right: 1px solid #e3e7ee; border-bottom: 1px solid #e3e7ee; background: #fff; }
.sku-table thead th { position: sticky; top: 0; z-index: 5; height: 42px; background: #f4f6fa; }
.sku-table .sku-product-column { position: sticky; left: 0; z-index: 3; width: 310px; min-width: 310px; max-width: 310px; background: #fbfcfe; box-shadow: 1px 0 0 #d8dee8; }
.sku-table thead .sku-product-column { z-index: 8; background: #edf1f7; }
.sku-product-column strong, .sku-product-column span, .sku-product-column small { display: block; overflow-wrap: anywhere; }
.sku-product-column strong { font-size: 13px; }
.sku-product-column span { margin-top: 3px; color: #536176; font-size: 12px; }
.sku-product-column small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.sku-relation-head.relation-one-c { background: #eef7f1; }
.sku-relation-head.relation-wb { background: #f9effb; }
.sku-relation-head.relation-ozon { background: #edf3ff; }
.sku-relation-head.relation-yandex { background: #fff7dc; }
.sku-relation-list { display: grid; gap: 7px; }
.sku-relation-card { padding: 8px 9px; border: 1px solid #e3e8ef; border-radius: 8px; background: #fafbfd; }
.sku-relation-card strong, .sku-relation-card span, .sku-relation-card small { display: block; overflow-wrap: anywhere; }
.sku-relation-card strong { font-size: 12px; line-height: 1.35; }
.sku-relation-card span { margin-top: 3px; color: #58667a; font-size: 11px; }
.sku-relation-card small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.sku-relation-card.is-inactive { border-color: #e5b9bd; background: #fff6f7; }
.missing-relation { display: inline-flex; padding: 5px 8px; border-radius: 7px; background: #fff0dc; color: #93530e; font-size: 11px; font-weight: 800; }
.relation-warning { color: #a52732 !important; font-weight: 800; }
.sku-row-warning td { background: #fffdf8; }
.sku-row-warning .sku-product-column { background: #fff9ea; }
.sku-row-inactive { opacity: .72; }
.sku-row-flags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.sku-product-heading { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.sku-logistics-size { display: grid; grid-template-columns: auto minmax(78px, 1fr); align-items: center; gap: 3px 7px; margin-top: 8px; padding: 7px; border: 1px solid #d7e0ed; border-radius: 8px; background: #f4f7fb; }
.sku-logistics-size label { color: #526077; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.sku-logistics-size select { min-width: 0; height: 29px; padding: 3px 7px; border: 1px solid #bcc8d8; border-radius: 6px; background: #fff; color: #172238; font-size: 11px; font-weight: 800; }
.sku-logistics-size select.is-error { border-color: #cb3c49; background: #fff0f1; }
.sku-logistics-size > small { grid-column: 1 / -1; min-height: 11px; margin: 0; color: #39744c; font-size: 9px; }
.sku-logistics-size-value { display: inline-flex !important; justify-content: center; padding: 4px 7px; border-radius: 6px; background: #e3ebf8; color: #294e8f; font-size: 11px !important; }
.sku-card-measurements { margin-top: 6px !important; padding-top: 5px; border-top: 1px dashed #d6deea; color: #334b72 !important; font-weight: 700; }

.flash-stack { display: grid; gap: 8px; margin-bottom: 18px; }
.flash-message { padding: 12px 15px; border: 1px solid #cbd6ea; border-radius: 11px; background: #edf3ff; color: #29456f; font-weight: 650; }
.flash-success { border-color: #afe0c4; background: #e5f8ed; color: #17663a; }
.flash-warning { border-color: #f0d394; background: #fff5db; color: #805500; }
.flash-error { border-color: #efb4b9; background: #ffecef; color: #922b36; }

.feedback-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.feedback-heading h1 { margin: 2px 0 5px; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.035em; }
.feedback-heading p { margin: 0; color: var(--muted); }
.customer-chat-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) 255px; align-items: stretch; gap: 16px; margin-bottom: 14px; }
.customer-global-search { min-width: 0; }
.customer-global-search input { min-height: 46px; border-radius: 11px; font-size: 15px; }
.customer-summary-column { display: flex; flex-direction: column; gap: 7px; }
.customer-summary-column .result-count { width: 100%; min-width: 0; }
.customer-summary-column .result-count { padding: 10px 14px; border-radius: 13px; }
.customer-summary-column .result-count strong { font-size: 22px; }
.chat-summary-actions { display: grid; grid-template-columns: 1fr; gap: 5px; }
.chat-summary-actions form { margin: 0; }
.chat-summary-actions button, .chat-summary-actions a { box-sizing: border-box; display: block; width: 100%; min-height: 34px; padding: 7px 10px; border: 1px solid #c9d6ee; border-radius: 9px; background: #fff; color: #2456b8; font: inherit; font-size: 11px; font-weight: 800; text-align: center; text-decoration: none; cursor: pointer; }
.chat-template-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.chat-template-heading h1 { margin: 4px 0 6px; }
.chat-template-heading p { margin: 0; color: var(--muted); }
.secondary-button { display: inline-flex; padding: 11px 16px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: #2456b8; font-weight: 800; text-decoration: none; white-space: nowrap; }
.chat-template-form { display: grid; gap: 20px; }
.template-placeholders { margin: 0; padding: 12px 15px; border-radius: 12px; background: #eef3fc; color: #536178; }
.template-placeholders code { margin-left: 7px; color: #234fa8; }
.chat-template-market { padding: 18px; border: 1px solid var(--line); border-left: 5px solid #77859a; border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
.chat-template-market.market-wildberries { border-left-color: #a83bc2; }
.chat-template-market.market-ozon { border-left-color: #1769ff; }
.chat-template-market.market-yandex_market { border-left-color: #f3b400; }
.chat-template-market-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.chat-template-market-head h2 { margin: 0; }
.marketplace-automation-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border-radius: 10px; background: #eef3fc; color: #34435e; font-size: 12px; font-weight: 800; }
.chat-template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.chat-template-card { display: flex; flex-direction: column; min-width: 0; }
.chat-template-card header { min-height: 62px; }
.chat-template-card h3 { margin: 0 0 7px; }
.chat-template-card textarea { box-sizing: border-box; width: 100%; flex: 1; resize: vertical; padding: 12px; border: 1px solid var(--line); border-radius: 10px; font: inherit; line-height: 1.45; }
.template-auto-toggle { display: flex; align-items: center; gap: 7px; color: #56637a; font-size: 12px; }
.chat-template-card small { color: var(--muted); }
.chat-template-actions { position: sticky; bottom: 12px; display: flex; justify-content: flex-end; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); }
.chat-template-actions button { padding: 12px 22px; }
.template-errors { margin-bottom: 15px; padding: 12px 16px; border: 1px solid #e9a5a5; border-radius: 12px; background: #fff0f0; color: #a72b36; }
.template-errors p { margin: 3px 0; }
@media (max-width: 1050px) { .chat-template-grid { grid-template-columns: 1fr; } }
.customer-section-tabs { display: flex; gap: 8px; margin: 0 0 12px; }
.customer-section-tabs a { padding: 7px 12px; border-radius: 9px; color: var(--muted); font-size: 13px; font-weight: 800; }
.customer-section-tabs a:hover, .customer-section-tabs a.active { background: #e9eef8; color: var(--text); text-decoration: none; }
.customer-section-segments { display: inline-grid; grid-auto-flow: column; gap: 0; margin: 0; overflow: hidden; border: 1px solid #cbd3df; border-radius: 11px; background: #fff; }
.customer-section-segments a { min-height: 46px; display: flex; align-items: center; justify-content: center; margin-left: -1px; padding: 0 18px; border-left: 1px solid #cbd3df; border-radius: 0; }
.customer-section-segments a:first-child { margin-left: 0; border-left: 0; }
.customer-section-segments a.active { position: relative; z-index: 1; background: #eaf0ff; color: #234baf; box-shadow: inset 0 0 0 1px var(--accent); }
.chat-filter-panel { display: grid; grid-template-columns: minmax(310px, .72fr) minmax(430px, 1.28fr) auto; align-items: end; gap: 10px 14px; padding: 12px 14px 14px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow); }
.chat-toolbar-eyebrow { grid-column: 1 / -1; margin-bottom: -1px; }
.chat-control-11, .chat-control-21 { grid-column: 1; }
.chat-control-12, .chat-control-22 { grid-column: 2 / -1; }
.chat-control-31 { grid-column: 1 / 3; }
.chat-control-32 { grid-column: 3; }
.customer-date-range { grid-column: 2; }
.customer-rating-filter { grid-column: 3; min-width: 120px; }
.customer-rating-filter select { min-height: 46px; }
.customer-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.customer-toolbar-actions .secondary-button { min-height: 46px; padding: 0 13px; }
.chat-marketplace-segments { display: grid; grid-template-columns: repeat(5, 1fr); min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #cbd3df; border-radius: 11px; }
.chat-marketplace-segments label { position: relative; min-width: 0; }
.chat-marketplace-segments input { position: absolute; opacity: 0; pointer-events: none; }
.chat-marketplace-segments span { min-height: 46px; display: grid; place-items: center; margin-left: -1px; padding: 0 12px; border-left: 1px solid #cbd3df; background: #fff; color: #5f6b7e; font-size: 14px; font-weight: 800; cursor: pointer; }
.chat-marketplace-segments label:first-of-type span { margin-left: 0; border-left: 0; }
.chat-marketplace-segments input:checked + span { position: relative; z-index: 1; background: #eaf0ff; color: #234baf; box-shadow: inset 0 0 0 1px var(--accent); }
.chat-attention-segments { display: grid; grid-template-columns: 1fr 1.35fr; min-width: 0; overflow: hidden; border: 1px solid #cbd3df; border-radius: 11px; }
.chat-attention-segments a { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 7px; margin-left: -1px; padding: 0 14px; border-left: 1px solid #cbd3df; color: #5f6b7e; font-size: 13px; font-weight: 800; white-space: nowrap; }
.chat-attention-segments a:first-child { margin-left: 0; border-left: 0; }
.chat-attention-segments a:hover { text-decoration: none; background: #f8fafc; }
.chat-attention-segments a.active { position: relative; z-index: 1; background: #eaf0ff; color: #234baf; box-shadow: inset 0 0 0 1px var(--accent); }
.chat-attention-segments span { min-width: 22px; padding: 1px 6px; border-radius: 999px; background: #eee9ff; color: #7644da; text-align: center; font-size: 10px; }
.chat-date-range .date-range-popover { right: 0; left: auto; }
.chat-filter-reset { min-height: 46px; display: flex; align-items: center; padding: 0 5px; font-weight: 800; }
.chat-sync-column { display: grid; grid-template-columns: 1fr; gap: 1px; margin: 0; padding: 2px 3px; }
.chat-sync-column .feedback-sync-item { display: grid; grid-template-columns: minmax(78px, auto) auto minmax(0, 1fr); gap: 5px; min-height: 0; padding: 1px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 10px; }
.chat-sync-column .feedback-sync-item strong { overflow: hidden; color: #4f5c70; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.chat-sync-column .feedback-sync-item > span,
.chat-sync-column .feedback-sync-item.sync-ok > span,
.chat-sync-column .feedback-sync-item.sync-error > span,
.chat-sync-column .feedback-sync-item.sync-running > span { justify-self: start; padding: 0; background: transparent; font-size: 9px; }
.chat-sync-column .feedback-sync-item small { grid-column: 3; font-size: 9px; }
.feedback-tabs { display: flex; align-items: stretch; gap: 6px; margin-bottom: 12px; }
.feedback-tab { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 18px; border: 1px solid transparent; border-radius: 13px; color: #667085; font-size: 16px; font-weight: 800; }
.feedback-tab:hover { text-decoration: none; background: #fff; }
.feedback-tab.active { border-color: var(--line); background: #fff; color: var(--text); box-shadow: var(--shadow); }
.feedback-tab span { min-width: 25px; padding: 2px 7px; border-radius: 999px; background: #eee9ff; color: #7644da; text-align: center; font-size: 12px; }
.feedback-filters { display: grid; grid-template-columns: minmax(280px, 1.7fr) repeat(4, minmax(145px, .72fr)) auto; gap: 10px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow); }
.feedback-filters.question-filters { grid-template-columns: minmax(280px, 1.7fr) repeat(3, minmax(145px, .72fr)) auto; }
.feedback-filters.chat-filters { grid-template-columns: minmax(260px, 1.6fr) repeat(4, minmax(135px, .7fr)) auto; }
.feedback-filters label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.feedback-filters input[type="date"] { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; color: var(--text); font: inherit; }
.feedback-filter-actions { display: flex; align-items: flex-end; gap: 12px; padding-bottom: 1px; }
.feedback-filter-actions a { min-height: 42px; display: flex; align-items: center; font-weight: 700; }
.feedback-sync-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 12px 0 18px; }
.feedback-sync-item { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 8px 12px; min-height: 45px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.72); }
.feedback-sync-item > span { justify-self: start; padding: 2px 7px; border-radius: 999px; background: #e8edf4; color: #516077; font-size: 11px; font-weight: 800; }
.feedback-sync-item small { min-width: 0; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feedback-sync-item.sync-ok > span { background: #ddf6e8; color: #17663a; }
.feedback-sync-item.sync-error > span { background: #ffe5e7; color: #9a2630; }
.feedback-sync-item.sync-running > span { background: #fff1cf; color: #8c5b00; }
.customer-summary-column .feedback-sync-strip.chat-sync-column { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 3px 2px; }
.customer-summary-column .chat-sync-column .feedback-sync-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 22px; padding: 1px 3px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.customer-summary-column .chat-sync-column .feedback-sync-item strong { min-width: 0; overflow: hidden; color: #4f5c70; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.customer-summary-column .chat-sync-column .feedback-sync-item > span,
.customer-summary-column .chat-sync-column .feedback-sync-item.sync-ok > span,
.customer-summary-column .chat-sync-column .feedback-sync-item.sync-error > span,
.customer-summary-column .chat-sync-column .feedback-sync-item.sync-running > span { flex: 0 0 auto; justify-self: auto; padding: 0; background: transparent; font-size: 9px; white-space: nowrap; }
.customer-summary-column .chat-sync-column .feedback-sync-item small { flex: 0 0 auto; grid-column: auto; color: #8993a3; font-size: 8px; white-space: nowrap; }
.feedback-list { display: grid; gap: 13px; }
.feedback-card { position: relative; overflow: hidden; padding: 18px 20px 20px 24px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: var(--shadow); }
.feedback-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: #7c879b; }
.feedback-card.market-wildberries::before { background: #a83bc2; }
.feedback-card.market-ozon::before { background: #1769ff; }
.feedback-card.market-yandex_market::before { background: #f3b400; }
.feedback-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid #edf0f4; }
.feedback-card-head > small { color: #8993a3; }
.feedback-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.feedback-card-meta time { color: var(--muted); font-size: 13px; }
.feedback-stars { display: inline-flex; gap: 1px; color: #d9dee6; font-size: 18px; line-height: 1; }
.feedback-stars .filled { color: #f2a900; }
.feedback-layout { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(520px, 1.92fr); align-items: start; gap: 22px; padding-top: 17px; }
.feedback-product { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-content: start; gap: 12px; min-width: 0; }
.feedback-product-image, .feedback-product-placeholder { width: 76px; height: 88px; min-height: 88px; display: grid; place-items: center; border: 1px solid #e0e5ed; border-radius: 10px; background: #f4f6f9; color: #8792a4; font-size: 26px; font-weight: 800; }
.feedback-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.feedback-product strong, .feedback-product small { display: block; overflow-wrap: anywhere; }
.feedback-product strong { font-size: 15px; line-height: 1.3; }
.feedback-product small { margin-top: 5px; color: var(--muted); }
.unlinked-feedback { display: inline-flex; margin-top: 8px; padding: 3px 7px; border-radius: 999px; background: #fff1cf; color: #8c5b00; font-size: 10px; font-weight: 800; }
.feedback-body { min-width: 0; padding-right: 5px; }
.feedback-body h2 { margin: 0 0 9px; font-size: 15px; }
.feedback-text { margin: 0; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.feedback-detail { display: grid; grid-template-columns: 100px 1fr; gap: 9px; margin: 10px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.feedback-detail strong { color: var(--muted); font-size: 11px; text-transform: uppercase; }
.feedback-detail.positive strong { color: #267047; }
.feedback-detail.negative strong { color: #a33a42; }
.feedback-media-count { display: block; margin-top: 11px; color: var(--muted); }
.feedback-conversation { min-width: 0; display: grid; align-content: start; gap: 16px; }
.feedback-answer { min-width: 0; padding-top: 16px; border-top: 1px solid var(--line); }
.feedback-answer form { display: grid; gap: 8px; }
.feedback-answer label, .answer-label { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.feedback-answer textarea { width: 100%; min-height: 105px; resize: vertical; padding: 10px 12px; border: 1px solid #cbd3df; border-radius: 10px; color: var(--text); font: inherit; line-height: 1.4; }
.feedback-answer textarea:focus, .feedback-filters input[type="date"]:focus { outline: 3px solid rgba(36, 86, 214, .14); border-color: var(--accent); }
.feedback-answer form small, .feedback-answer > small { color: var(--muted); }
.feedback-answer > p { margin: 8px 0; padding: 11px 12px; border-radius: 10px; background: #f2f6ff; line-height: 1.45; overflow-wrap: anywhere; }
.feedback-answer .question-reply-scope { display: grid; gap: 7px; margin: 2px 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.feedback-answer .question-reply-scope legend { padding: 0 5px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.feedback-answer .question-reply-scope label { display: flex; align-items: flex-start; gap: 8px; color: var(--text); font-size: 12px; font-weight: 400; letter-spacing: 0; line-height: 1.35; text-transform: none; cursor: pointer; }
.feedback-answer .question-reply-scope input { margin-top: 2px; accent-color: var(--accent); }
.chat-order-filter-notice { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 12px; padding: 10px 14px; border: 1px solid #cbd9fa; border-radius: 11px; background: #edf3ff; color: #3b4d70; font-weight: 700; }
.chat-workspace { display: grid; grid-template-columns: minmax(340px, .72fr) minmax(560px, 1.28fr); min-height: 720px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.chat-inbox { min-width: 0; border-right: 1px solid var(--line); background: #f8fafc; }
.chat-inbox-row { position: relative; display: grid; margin-bottom: 15px; padding-left: 5px; border-bottom: 1px solid var(--line); background: #fff; }
.order-icon-form { display: contents; margin: 0; }
.chat-inbox-row::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #7c879b; }
.chat-inbox-row.market-wildberries::before { background: #a83bc2; }
.chat-inbox-row.market-ozon::before { background: #1769ff; }
.chat-inbox-row.market-yandex_market::before { background: #f3b400; }
.chat-inbox-row.active { background: #edf3ff; box-shadow: inset -3px 0 #2456d6; }
.chat-row-main { display: grid; gap: 3px; min-width: 0; padding: 10px 14px 9px; color: var(--text); }
.chat-inbox-row.has-orders .chat-row-main > strong,
.chat-inbox-row.has-orders .chat-preview { margin-right: 156px; }
.chat-row-main:hover { text-decoration: none; }
.chat-row-head, .chat-row-foot { display: flex; align-items: center; gap: 8px; min-width: 0; }
.chat-row-head { margin: -10px -14px 3px; padding: 7px 14px; }
.chat-inbox-row.market-wildberries .chat-row-head { background: #f8eefa; }
.chat-inbox-row.market-ozon .chat-row-head { background: #edf4ff; }
.chat-inbox-row.market-yandex_market .chat-row-head { background: #fff8dc; }
.chat-inbox-row.market-lemana_pro .chat-row-head { background: #edf9f0; }
.chat-message-count { color: var(--muted); font-size: 10px; white-space: nowrap; }
.chat-unread-badge { margin-left: auto; padding: 3px 8px; border: 1px solid #f2b8bd; border-radius: 999px; background: #fde8ea; color: #b4232f; font-size: 10px; font-weight: 850; white-space: nowrap; }
.chat-unread-badge + time { margin-left: 0; }
.chat-inbox-row.has-unread:not(.active) { background: #fffafa; }
.chat-inbox-row.has-unread:not(.active) .chat-row-head { box-shadow: inset 0 -1px rgba(185, 35, 48, .1); }
.chat-row-head time { margin-left: auto; color: var(--muted); font-size: 11px; white-space: nowrap; }
.chat-row-main > strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.chat-preview { display: -webkit-box; overflow: hidden; color: #526078; font-size: 13px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.chat-row-foot small { color: var(--muted); }
.chat-row-foot b, .chat-row-foot em { padding: 2px 7px; border-radius: 999px; font-size: 10px; font-style: normal; }
.chat-row-foot b { margin-left: auto; background: #e4edff; color: #2456d6; }
.chat-row-foot em { margin-left: auto; background: #f0f2f5; color: #778295; }
.chat-row-orders { position: absolute; top: 39px; right: 13px; display: flex; max-width: 150px; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.chat-row-orders button, .chat-thread-orders button, .chat-row-orders .order-return-link, .chat-thread-orders .order-return-link { min-height: 26px; padding: 3px 8px; border-radius: 7px; font-size: 10px; }
.chat-pagination { margin: 0; padding: 14px; }
.chat-thread { min-width: 0; display: grid; grid-template-rows: auto auto auto auto; align-content: start; background: #f4f6fa; }
.chat-thread-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 13px 18px; border-bottom: 1px solid var(--line); background: #fff; }
.chat-thread-head h2 { margin: 5px 0 5px; font-size: 19px; }
.chat-thread-head small { color: var(--muted); }
.chat-thread-orders { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 6px; }
.chat-thread-reference { min-width: 280px; max-width: 58%; display: grid; justify-items: end; gap: 7px; text-align: right; }
.chat-thread-product { display: grid; gap: 2px; color: var(--text); font-size: 12px; line-height: 1.35; }
.chat-thread-product b { color: var(--muted); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.chat-thread-product small { font-size: 10px; }
.chat-thread-product.is-unlinked { color: var(--muted); font-size: 11px; }
.unlinked-chat { padding: 5px 9px; border-radius: 7px; background: #f0f2f5; color: var(--muted); font-size: 11px; font-weight: 700; }
.chat-messages { max-height: 610px; min-height: 0; overflow-y: auto; padding: 22px; }
.chat-message { width: fit-content; max-width: min(78%, 760px); margin: 0 auto 10px 0; padding: 10px 13px; border: 1px solid #dfe4ec; border-radius: 4px 15px 15px; background: #fff; box-shadow: 0 3px 10px rgba(23, 32, 51, .04); }
.chat-message.message-outbound { margin-right: 0; margin-left: auto; border-color: #c9d8fa; border-radius: 15px 4px 15px 15px; background: #eaf1ff; }
.chat-message.message-system, .chat-message.message-unknown { max-width: 88%; margin-right: auto; margin-left: auto; background: #f0f2f5; color: #5f6c80; }
.chat-message header { display: flex; align-items: center; gap: 14px; margin-bottom: 5px; font-size: 11px; }
.chat-message header time { margin-left: auto; color: var(--muted); white-space: nowrap; }
.chat-message p { margin: 0; line-height: 1.48; overflow-wrap: anywhere; }
.chat-message > small { display: block; margin-top: 6px; color: var(--muted); }
.chat-attachments { display: grid; gap: 6px; margin-top: 9px; }
.chat-attachments a { display: flex; align-items: center; gap: 7px; min-width: 190px; padding: 7px 9px; border: 1px solid #d5deed; border-radius: 9px; background: rgba(255,255,255,.72); color: var(--accent); text-decoration: none; }
.chat-attachments a:hover { border-color: var(--accent); }
.chat-attachments a small { margin-left: auto; color: var(--muted); white-space: nowrap; }
.chat-attachments a:has(img) { display: grid; min-width: 0; padding: 5px; }
.chat-attachments img { display: block; width: min(360px, 100%); max-height: 360px; border-radius: 7px; object-fit: contain; background: #f1f3f6; }
.chat-attachments a:has(img) strong { padding: 2px 4px; font-size: 11px; overflow-wrap: anywhere; }
.chat-no-messages { margin: 40px auto; text-align: center; }
.chat-send-history { margin: 0 20px; padding: 0; border-top: 1px solid var(--line); }
.chat-send-history summary { font-size: 12px; }
.chat-attempt { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 9px 11px; margin-bottom: 7px; border-radius: 9px; background: #eef4ff; font-size: 12px; }
.chat-attempt p, .chat-attempt small { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; }
.chat-attempt-files { grid-column: 1 / -1; display: grid; gap: 3px; }
.chat-attempt-files span { color: #43506a; }
.chat-attempt-files .attachment-error { color: #9a2630; }
.chat-attempt.attempt-error { background: #fff0f1; }
.chat-attempt.attempt-error strong, .chat-attempt.attempt-error small { color: #9a2630; }
.chat-reply-form { display: grid; gap: 8px; padding: 17px 20px 20px; border-top: 1px solid var(--line); background: #fff; }
.chat-reply-only-status { padding: 11px 20px; border-top: 1px solid #f1c982; background: #fff3d8; color: #8a5800; font-weight: 800; }
.chat-reply-form textarea:disabled { background: #f1f3f7; color: var(--muted); cursor: not-allowed; }
.chat-reply-form button:disabled, .chat-reply-form input:disabled + * { cursor: not-allowed; opacity: .55; }
.chat-reply-form label { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.chat-reply-form textarea { width: 100%; min-height: 88px; resize: vertical; padding: 11px 12px; border: 1px solid #cbd3df; border-radius: 10px; color: var(--text); font: inherit; }
.chat-reply-form > div { display: flex; align-items: center; gap: 14px; }
.chat-reply-form small { color: var(--muted); }
.chat-file-row { flex-wrap: wrap; }
.chat-file-row input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.chat-file-picker { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; border: 1px solid #cbd3df; border-radius: 9px; background: #f8faff; color: var(--accent) !important; cursor: pointer; font-size: 12px !important; text-transform: none !important; }
.chat-file-picker:hover { border-color: var(--accent); }
.chat-file-list { display: flex !important; flex-wrap: wrap; gap: 6px !important; }
.chat-file-list:empty { display: none !important; }
.chat-file-list span { padding: 5px 8px; border-radius: 7px; background: #eef3fb; color: #43506a; font-size: 11px; }
.chat-reply-disabled { padding: 16px 20px; border-top: 1px solid var(--line); background: #fff; }
.chat-order-dialog { width: min(1050px, calc(100% - 30px)); max-height: calc(100vh - 40px); padding: 0; overflow: auto; border: 0; border-radius: 18px; box-shadow: 0 30px 90px rgba(10, 20, 40, .3); }
.chat-order-dialog::backdrop { background: rgba(10, 18, 32, .58); backdrop-filter: blur(2px); }
.chat-order-dialog-head { position: sticky; top: 0; z-index: 2; }
.chat-order-modal-body { padding: 20px 22px 26px; }
.chat-order-fulfillment + .chat-order-fulfillment { margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--line); }
.chat-order-fulfillment > header { display: flex; align-items: center; gap: 9px; }
.chat-order-fulfillment > header div { margin-right: auto; }
.chat-order-fulfillment > header div span, .chat-order-fulfillment > header div strong { display: block; }
.chat-order-fulfillment > header div span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.chat-order-grid { grid-template-columns: repeat(3, 1fr); margin-bottom: 13px; }
.chat-order-items { display: grid; gap: 6px; }
.chat-order-items div { display: flex; justify-content: space-between; gap: 20px; padding: 8px 10px; border-radius: 8px; background: #f6f8fb; }
.chat-order-items span { color: var(--muted); text-align: right; }
.chat-order-full-link { display: inline-block; margin-top: 20px; font-weight: 800; }
.dialog-loading { padding: 60px 30px; text-align: center; color: var(--muted); }

@media (max-width: 1180px) {
  .customer-chat-toolbar { grid-template-columns: minmax(0, 1fr) 220px; }
  .chat-filter-panel { grid-template-columns: minmax(270px, .8fr) minmax(330px, 1.2fr) auto; }
  .feedback-filters { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
  .feedback-filters.question-filters { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
  .feedback-filters.chat-filters { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
  .feedback-search { grid-column: span 2; }
  .feedback-layout { grid-template-columns: minmax(230px, .8fr) minmax(340px, 1.2fr); }
}

@media (max-width: 760px) {
  .customer-chat-toolbar { grid-template-columns: 1fr; }
  .customer-section-segments { width: 100%; grid-auto-flow: initial; grid-template-columns: repeat(3, 1fr); }
  .customer-section-segments a { padding: 0 8px; }
  .chat-filter-panel { grid-template-columns: 1fr; }
  .chat-toolbar-eyebrow, .chat-control-11, .chat-control-12, .chat-control-21, .chat-control-22, .chat-control-31, .chat-control-32, .customer-date-range, .customer-rating-filter { grid-column: 1; }
  .chat-marketplace-segments { overflow-x: auto; }
  .chat-attention-segments { grid-template-columns: 1fr 1.3fr; }
  .chat-filter-reset { justify-content: center; }
  .feedback-heading { align-items: flex-start; flex-direction: column; }
  .feedback-tabs { overflow-x: auto; }
  .feedback-filters { grid-template-columns: 1fr 1fr; }
  .feedback-filters.question-filters { grid-template-columns: 1fr 1fr; }
  .feedback-filters.chat-filters { grid-template-columns: 1fr 1fr; }
  .feedback-search { grid-column: 1 / -1; }
  .feedback-filter-actions { grid-column: 1 / -1; }
  .feedback-sync-strip { grid-template-columns: 1fr; }
  .feedback-layout { grid-template-columns: 1fr; }
  .feedback-card-head { align-items: flex-start; flex-direction: column; }
  .chat-workspace { grid-template-columns: 1fr; }
  .chat-inbox { max-height: 520px; overflow-y: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .chat-thread-head { flex-direction: column; }
  .chat-thread-orders { justify-content: flex-start; }
  .chat-thread-reference { min-width: 0; max-width: 100%; justify-items: start; text-align: left; }
  .chat-inbox-row.has-orders .chat-row-main > strong,
  .chat-inbox-row.has-orders .chat-preview { margin-right: 121px; }
  .chat-row-orders { max-width: 120px; }
  .chat-message { max-width: 90%; }
  .route-settings-grid, .route-placeholder-stats { grid-template-columns: 1fr; }
  .route-heading-row { grid-template-columns: 1fr auto; }
  .route-heading-row > .secondary-button { grid-column: 1 / -1; justify-self: start; }
  .route-filter-panel { grid-template-columns: 1fr 1fr; }
  .route-status-filter { grid-column: 1 / -1; }
  .route-card-grid { grid-template-columns: 1fr 1fr; }
  .route-card-grid > * { border-bottom: 1px solid var(--line); }
.detail-route-strip { align-items: flex-start; flex-direction: column; }
  .chat-order-grid { grid-template-columns: 1fr; }
  .chat-order-items div { flex-direction: column; gap: 3px; }
  .chat-order-items span { text-align: left; }
}
.sku-product-copy { min-width: 0; }
.sku-product-thumb { width: 58px; height: 72px; min-height: 72px; border-radius: 9px; }

.topbar-logout { margin: 0; }
.topbar-logout button { min-height: auto; padding: 0; background: transparent; color: #dce5ff; font-weight: 500; }
.auth-shell { min-height: calc(100vh - 170px); display: grid; place-items: center; }
.auth-card { width: min(460px, 100%); padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.auth-card-wide { width: min(680px, 100%); }
.auth-card header h1, .auth-result h1 { margin: 5px 0 7px; font-size: 32px; }
.auth-card header p, .auth-foot, .auth-result p { color: var(--muted); }
.portal-form { display: grid; gap: 16px; margin-top: 24px; }
.portal-form label { display: grid; gap: 6px; color: #47536a; font-size: 12px; font-weight: 750; }
.portal-form input[type="text"], .portal-form input[type="email"], .portal-form input[type="password"] { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; color: var(--text); font: inherit; }
.portal-form input:disabled { background: #f1f3f6; color: #7a8495; }
.portal-form small { color: var(--muted); font-weight: 400; }
.portal-form input[type="file"] { width: 100%; padding: 10px; border: 1px solid #cbd3df; border-radius: 10px; background: #fff; color: var(--text); font: inherit; }
.portal-settings-grid { width: min(1180px, 100%); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: 18px; }
.portal-settings-card { display: grid; gap: 18px; }
.portal-settings-qr { width: 220px; height: 220px; padding: 8px; border: 1px solid var(--line); border-radius: 16px; background: #fff; object-fit: contain; }
.settings-empty-state { padding: 18px; border: 1px dashed #cbd3df; border-radius: 12px; color: var(--muted); }
.portal-form .errorlist, .form-errors .errorlist { margin: 0; padding: 8px 10px; border-radius: 8px; background: #fff0f1; color: #9a2630; font-size: 12px; font-weight: 600; list-style: none; }
.report-page-shell { width: min(1500px, calc(100% - 32px)); }
.report-heading { align-items: flex-start; margin-bottom: 18px; }
.report-controls { display: grid; grid-template-columns: 180px 180px 180px 1fr auto; align-items: end; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.report-controls label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 12px; font-weight: 700; }
.report-presets { display: flex; align-items: center; gap: 7px; }
.report-presets button { min-height: 42px; padding: 0 13px; }
.report-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(145px, 1fr)); gap: 12px; margin: 18px 0; }
.report-summary-card { position: relative; overflow: hidden; padding: 16px 17px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
.report-summary-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--series-color); }
.report-summary-card span, .report-summary-card strong, .report-summary-card small { display: block; }
.report-summary-card span { color: var(--muted); font-size: 12px; font-weight: 800; }
.report-summary-card strong { margin: 3px 0 1px; font-size: 28px; line-height: 1.1; }
.report-summary-card small { color: #7b8698; font-size: 11px; }
.report-summary-card small b { color: #4d5a70; }
.report-summary-cancelled { --series-color: #c23b48; }
.report-summary-cancelled strong { color: #ae2e3b; }
.report-chart-card { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.report-chart-card header h2 { margin: 0; font-size: 21px; }
.report-chart-card header p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.report-chart { position: relative; width: 100%; margin-top: 12px; }
.report-chart svg { display: block; width: 100%; height: auto; min-height: 330px; overflow: visible; }
.report-grid-line { stroke: #e3e7ee; stroke-width: 1; }
.report-axis-label { fill: #7b8698; font-size: 11px; font-family: inherit; }
.report-series-line { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.report-series-line.is-previous { stroke-width: 2; stroke-dasharray: 8 7; opacity: .55; }
.report-series-point { stroke: #fff; stroke-width: 2; cursor: crosshair; }
.report-series-point.is-previous { opacity: .65; }
.report-series-point:hover { r: 7; }
.report-chart-tooltip { position: absolute; z-index: 5; width: 210px; display: grid; gap: 2px; padding: 10px 12px; border: 1px solid #d7deea; border-radius: 11px; background: rgba(255, 255, 255, .97); box-shadow: 0 12px 35px rgba(23, 32, 51, .18); pointer-events: none; }
.report-chart-tooltip strong { color: #26334a; }
.report-chart-tooltip span { color: var(--muted); font-size: 11px; }
.report-chart-tooltip b { margin-top: 2px; color: var(--accent); font-size: 15px; }
.report-period-legend, .report-series-legend { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 22px; }
.report-period-legend { padding-top: 12px; border-top: 1px solid #edf0f4; color: #566278; font-size: 12px; }
.report-series-legend { margin-top: 11px; color: #3f4c63; font-size: 12px; font-weight: 700; }
.report-period-legend span, .report-series-legend span { display: inline-flex; align-items: center; gap: 7px; }
.report-line-sample { width: 32px; border-top: 3px solid #637089; }
.report-line-sample.is-previous { border-top-style: dashed; opacity: .65; }
.report-series-legend i { width: 10px; height: 10px; border-radius: 50%; background: var(--series-color); }
.delivery-report-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 12px; }
.delivery-report-heading h1 { flex: 0 0 auto; margin: 0; }
.delivery-report-heading .report-warning { flex: 1; margin: 0; }
.delivery-report-filter { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.delivery-report-filter > strong { align-self: center; min-width: 220px; color: #344056; font-size: 13px; }
.delivery-report-filter .report-presets { display: flex; flex: 1; flex-wrap: wrap; gap: 7px; }
.delivery-report-filter .secondary-button { min-height: 36px; padding-top: 7px; padding-bottom: 7px; }
.delivery-report-filter .secondary-button.is-active { border-color: #2962d2; background: #eaf1ff; color: #2155b9; }
.delivery-report-range { min-width: 250px; }
.delivery-report-range .range-filter-button { width: 100%; min-height: 38px; padding-top: 7px; padding-bottom: 7px; }
.delivery-report-range-control { height: 38px; display: grid; grid-template-columns: minmax(0, 1fr) 42px; overflow: hidden; border: 1px solid #9db3e9; border-radius: 10px; background: #f4f7ff; }
.delivery-report-range-control:focus-within { outline: 3px solid rgba(36, 86, 214, .14); border-color: var(--accent); }
.delivery-report-range-control input { width: 100%; min-height: 36px; padding: 0 10px; border: 0; border-radius: 0; outline: 0; background: transparent; color: #234baf; font: inherit; font-size: 13px; font-weight: 700; }
.delivery-report-range-control input:focus { border: 0; outline: 0; }
.delivery-report-range-control .delivery-report-calendar-button { width: 42px; min-height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-left: 1px solid #cbd7f2; border-radius: 0; background: transparent; color: #52627b; }
.delivery-report-calendar-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.delivery-report-card { margin-top: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.delivery-report-card header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.delivery-report-card header h2 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin: 0; font-size: 22px; }
.delivery-report-card header h2 span { color: var(--muted); font-size: 13px; font-weight: 650; }
.delivery-report-export { white-space: nowrap; text-decoration: none; }
.delivery-report-table-wrap { margin-top: 16px; overflow-x: auto; }
.delivery-report-table { min-width: 900px; width: 100%; border-collapse: collapse; }
.delivery-report-table th, .delivery-report-table td { padding: 10px 12px; border: 1px solid #dce2eb; text-align: center; white-space: nowrap; }
.delivery-report-table thead th { background: #eef2f7; color: #4e5a70; font-size: 11px; text-transform: uppercase; }
.delivery-report-table th:first-child { position: sticky; left: 0; z-index: 1; min-width: 190px; text-align: left; }
.delivery-report-table tbody th { background: #fff; }
.delivery-report-table .report-row-grand_total th, .delivery-report-table .report-row-grand_total td { background: #172238; color: #fff; font-weight: 850; }
.delivery-report-table .report-row-marketplace_total th, .delivery-report-table .report-row-marketplace_total td { background: var(--marketplace-fill, #edf4ff); font-weight: 800; }
.delivery-report-table .report-row-month th { padding-left: 28px; color: #536077; font-weight: 650; }
.delivery-report-table .report-marketplace-heading th { position: static; padding: 12px; background: #f6f0fa; color: #64257a; font-size: 13px; text-transform: uppercase; }
.report-warning { padding: 11px 14px; border: 1px solid #f0cf84; border-radius: 11px; background: #fff7df; color: #765000; }
@media (max-width: 1180px) {
  .report-controls { grid-template-columns: repeat(3, 1fr); }
  .report-presets { grid-column: 1 / 3; }
  .report-summary-grid { grid-template-columns: repeat(3, 1fr); }
  .delivery-report-filter { align-items: stretch; flex-direction: column; }
  .delivery-report-heading { align-items: stretch; flex-direction: column; gap: 10px; }
  .delivery-report-filter > strong { min-width: 0; }
  .delivery-report-range { min-width: 0; }
  .delivery-report-card header { align-items: stretch; flex-direction: column; }
}
@media (max-width: 700px) {
  .report-controls { grid-template-columns: 1fr 1fr; }
  .report-controls label:first-child, .report-presets { grid-column: 1 / -1; }
  .report-presets { flex-wrap: wrap; }
  .report-apply { grid-column: 1 / -1; }
  .report-summary-grid { grid-template-columns: 1fr 1fr; }
  .report-chart-card { padding: 14px 8px; }
  .report-chart svg { min-height: 280px; }
}
.form-two-columns { grid-template-columns: 1fr 1fr; }
.field-wide { grid-column: 1 / -1; }
.form-actions { display: flex; align-items: center; gap: 16px; }
.primary-button, .secondary-button, .danger-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 18px; border: 0; border-radius: 10px; font: inherit; font-weight: 750; cursor: pointer; }
.primary-button { background: var(--accent); color: #fff; }
.primary-button:hover, .secondary-button:hover { text-decoration: none; }
.danger-button { background: #b62f3b; color: #fff; }
.danger-button.subtle { background: #fff0f1; color: #9a2630; }
.auth-foot { margin: 20px 0 0; text-align: center; }
.auth-result { text-align: center; }
.result-mark { width: 58px; height: 58px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; background: #ddf6e8; color: #17663a; font-size: 27px; font-weight: 900; }
.auth-result .primary-button { margin-top: 12px; }
.account-page { width: min(1180px, 100%); margin: 0 auto; }
.account-grid { display: grid; grid-template-columns: minmax(420px, 1.2fr) minmax(300px, .8fr); gap: 20px; }
.panel, .access-editor, .user-table-wrap { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.panel h2 { margin: 0 0 18px; }
.account-summary dl { display: grid; grid-template-columns: 140px 1fr; gap: 13px; }
.account-summary dt { color: var(--muted); }
.account-summary dd { margin: 0; }
.account-summary p { margin: 24px 0 0; color: var(--muted); }
.status-pill { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #edf1f7; color: #526078; font-size: 11px; font-weight: 800; white-space: nowrap; }
.status-approved { background: #ddf6e8; color: #17663a; }
.status-pending { background: #fff1cf; color: #8c5b00; }
.status-suspended, .status-rejected { background: #ffe5e7; color: #9a2630; }
.user-search { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.user-search input { max-width: 520px; }
.user-table-wrap { padding: 0; overflow-x: auto; }
.user-table td:first-child strong, .user-table td:first-child small { display: block; }
.user-table td:first-child small { color: var(--muted); }
.user-table td:first-child em { display: inline-block; margin-top: 4px; color: #6a35a3; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.secondary-button.compact { min-height: 34px; padding: 0 12px; font-size: 12px; }
.empty-cell { padding: 40px; color: var(--muted); text-align: center; }
.access-editor { padding: 0; overflow: hidden; }
.access-grid-head, .access-row { display: grid; grid-template-columns: minmax(280px, 1fr) repeat(4, 130px); align-items: stretch; }
.access-grid-head { padding: 11px 18px; background: #f2f5f9; color: var(--muted); font-size: 11px; font-weight: 800; text-align: center; text-transform: uppercase; }
.access-grid-head strong { text-align: left; }
.access-row { border-top: 1px solid var(--line); }
.access-row > div { display: grid; align-content: center; gap: 3px; padding: 15px 18px; }
.access-row > div small { color: var(--muted); }
.access-option { position: relative; display: grid; place-items: center; min-height: 70px; border-left: 1px solid var(--line); cursor: pointer; }
.access-option input { position: absolute; opacity: 0; }
.access-option span { padding: 6px 9px; border: 1px solid #d7dee9; border-radius: 999px; color: #647087; font-size: 11px; font-weight: 750; }
.access-option:has(input:checked) { background: #eef3ff; }
.access-option input:checked + span { border-color: #9eb5ee; background: #dce7ff; color: #234baf; }
.access-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 18px; border-top: 1px solid var(--line); }
.audit-panel { margin-top: 20px; }
.audit-list > div { display: grid; grid-template-columns: 140px 1fr 220px; gap: 14px; padding: 9px 0; border-top: 1px solid var(--line); }
.audit-list time, .audit-list span { color: var(--muted); font-size: 12px; }

@media (max-width: 1100px) {
  .sku-summary-strip { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 700px) {
  .sku-summary-strip, .sku-filters { grid-template-columns: 1fr; }
  .sku-table .sku-product-column { width: 220px; min-width: 220px; max-width: 220px; }
  .form-two-columns, .account-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .access-grid-head { display: none; }
  .access-row { grid-template-columns: 1fr repeat(3, 1fr); }
  .access-row > div { grid-column: 1 / -1; }
  .access-option { min-height: 54px; border-top: 1px solid var(--line); }
  .access-option span { border: 0; padding: 3px; text-align: center; }
  .audit-list > div { grid-template-columns: 1fr; gap: 3px; }
}

/* Compact manager filter workspace. */
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.feed-heading { display: grid; grid-template-columns: auto minmax(210px, auto) minmax(420px, 1fr); align-items: center; gap: 28px; }
.feed-heading-copy { min-width: 0; }
.feed-heading-copy h1 { margin: 0; }
.feed-heading-search input { width: 100%; min-height: 48px; padding: 0 16px; border: 1px solid #cbd3df; border-radius: 11px; background: #fff; color: var(--text); font: inherit; }
.feed-heading .result-count { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 16px; border-radius: 11px; white-space: nowrap; }
.feed-heading .result-count strong, .feed-heading .result-count span { display: inline; }
.feed-heading .result-count strong { font-size: 22px; }
.manager-filters-split { display: grid; grid-template-columns: minmax(590px, 1.05fr) minmax(650px, 1.3fr); gap: 0; padding: 0; overflow: visible; }
.filter-main-topline { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(400px, .95fr) 170px minmax(520px, 1.35fr); align-items: center; gap: 24px; padding: 18px 26px; border-bottom: 1px solid var(--line); }
.filter-control-panel { min-width: 0; display: flex; flex-direction: column; gap: 14px; padding: 20px 26px 16px; border-right: 1px solid var(--line); }
.filter-work-panel { min-width: 0; display: grid; align-content: start; gap: 26px; padding: 20px 28px 22px; }
.manager-filters-split .segmented-filter { display: grid; align-content: center; max-width: none; }
.manager-filters-split .marketplace-segments { grid-template-columns: repeat(5, minmax(72px, 1fr)); flex: 1 1 auto; }
.manager-filters-split .activity-segments { grid-template-columns: 1fr 1fr; width: 170px; flex: 0 0 170px; }
.manager-filters-split .segmented-filter label + label span { margin-left: -1px !important; }
.manager-filters-split .segmented-filter label:not(:first-of-type):not(:last-of-type) span { border-radius: 0; }
.manager-filters-split .segmented-filter span { min-height: 44px; padding: 0 14px; font-size: 14px !important; font-weight: 700; text-transform: none; }
.manager-filters-split .activity-segments span { font-size: 12px !important; }
.filter-date-row { display: grid; grid-template-columns: repeat(3, minmax(175px, 1fr)); gap: 14px; }
.filter-date-row .filter-control-button { min-height: 48px; }
.filter-date-row .date-range-popover { right: auto; left: 0; }
.filter-date-row .range-filter:last-child .date-range-popover { right: 0; left: auto; }
.filter-aux-row { display: flex; align-items: end; gap: 28px; }
.manager-filters-split .type-segments { width: 180px; grid-template-columns: 1fr 1fr; flex: 0 0 180px; }
.manager-filters-split .type-segments legend { margin-bottom: 6px; }
.manager-filters-split .type-segments span { min-height: 38px; }
.manager-filters-split .check-field { grid-column: auto; min-height: 38px; }
.attention-filter input { width: 17px; height: 17px; margin: 0; accent-color: var(--accent); }
.manager-filters-split .filter-actions { grid-column: auto; justify-content: flex-start; margin: 0 0 0 auto; }
.manager-filters-split .feed-refresh-status { min-width: 0; }
.manager-filters-split .workflow-status-segments { width: 100%; grid-template-columns: .55fr 1.2fr 1.25fr 1fr; }
.manager-filters-split .workflow-status-segments span { white-space: nowrap; }
.task-filters-grouped { display: grid; grid-template-columns: minmax(135px, .68fr) repeat(3, minmax(150px, 1fr)); gap: 0; padding: 5px 0 0; border: 0; }
.task-filter-heading { padding: 4px 22px 4px 0; }
.task-filter-heading strong { display: block; }
.task-filter-heading strong { font-size: 24px; letter-spacing: -.02em; }
.task-filter-group { min-height: 150px; padding: 0 20px; border-left: 1px solid #dfe4ec; }
.task-filter-group h3 { margin: 0 0 15px; font-size: 18px; font-weight: 500; }
.task-filters-grouped .task-filter-group label { display: flex; align-items: flex-start; gap: 8px; min-height: 0; margin: 0 0 11px; padding: 0; border: 0; font-size: 13px; line-height: 1.3; }
.task-filters-grouped .task-filter-group input { margin-top: 1px; }

@media (max-width: 1450px) {
  .feed-heading { grid-template-columns: auto minmax(200px, auto) minmax(330px, 1fr); }
  .manager-filters-split { grid-template-columns: 1fr; }
  .filter-main-topline { grid-template-columns: minmax(380px, 1fr) 170px minmax(480px, 1.35fr); gap: 18px; }
  .filter-control-panel { border-right: 0; border-bottom: 1px solid var(--line); }
  .task-filters-grouped { grid-template-columns: 120px repeat(3, minmax(135px, 1fr)); }
  .task-filter-group { padding: 0 14px; }
}

@media (max-width: 1120px) {
  .feed-heading { grid-template-columns: minmax(0, 1fr) 150px; }
  .feed-heading-search { grid-column: 1 / -1; grid-row: 2; }
  .filter-main-topline { grid-template-columns: minmax(360px, 1fr) 170px; }
  .filter-main-topline .workflow-status-segments { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .section-title > .one-c-fields { width: 100%; margin-left: 0; flex-wrap: wrap; }
  .feed-heading { grid-template-columns: 1fr; }
  .feed-heading-search, .feed-heading .result-count { grid-column: 1; grid-row: auto; }
  .feed-heading-line { display: block; }
  .feed-heading-line p { margin-top: 5px; white-space: normal; }
  .filter-main-topline { grid-template-columns: 1fr; gap: 13px; padding: 18px; }
  .filter-main-topline .workflow-status-segments { grid-column: auto; }
  .filter-aux-row { align-items: stretch; flex-direction: column; gap: 13px; }
  .manager-filters-split .activity-segments, .manager-filters-split .type-segments { width: 100%; flex-basis: auto; }
  .filter-date-row { grid-template-columns: 1fr; }
  .filter-work-panel { padding: 18px; }
  .manager-filters-split .workflow-status-segments { grid-template-columns: 1fr 1fr; }
  .manager-filters-split .workflow-status-segments label:nth-of-type(2) span { border-radius: 0 10px 0 0; }
  .manager-filters-split .workflow-status-segments label:nth-of-type(3) span { margin-top: -1px !important; margin-left: 0 !important; border-radius: 0 0 0 10px; }
  .manager-filters-split .workflow-status-segments label:nth-of-type(4) span { margin-top: -1px !important; border-radius: 0 0 10px 0; }
  .task-filters-grouped { grid-template-columns: 1fr 1fr; }
  .task-filter-heading { grid-column: 1 / -1; padding-bottom: 16px; }
  .task-filter-group { min-height: 0; margin-bottom: 18px; }
  .task-filter-group:last-child { grid-column: 1 / -1; }
}

/* Compact filter headers shared by the portal sections. */
.filters,
.route-filter-panel,
.return-filter-panel,
.chat-filter-panel,
.delivery-report-filter {
  --filter-control-height: 34px;
}
.feed-heading-search input,
.feed-heading .result-count {
  min-height: 38px;
}
.feed-heading-search input {
  padding-right: 12px;
  padding-left: 12px;
}
.feed-heading .result-count {
  padding-right: 13px;
  padding-left: 13px;
}
.filters :is(button, input[type="search"], input[type="date"], select),
.route-filter-panel :is(button, input[type="search"], input[type="date"], select),
.return-filter-panel :is(button, input[type="search"], input[type="date"], select),
.chat-filter-panel :is(button, input[type="search"], input[type="date"], select),
.delivery-report-filter :is(button, input[type="search"], input[type="date"], select),
.route-zone-filter summary {
  min-height: var(--filter-control-height);
}
.filters .segmented-filter span,
.route-status-filter span,
.chat-filter-panel .chat-marketplace-segments span {
  min-height: var(--filter-control-height);
}
.route-filter-panel,
.return-filter-panel,
.chat-filter-panel,
.delivery-report-filter {
  padding-top: 11px;
  padding-bottom: 11px;
}

/* Order feed: vertical marketplace rail, compact controls and stacked dates. */
.manager-filters-split {
  grid-template-columns: 64px minmax(410px, .82fr) minmax(620px, 1.28fr);
  grid-template-rows: auto 1fr;
}
.manager-filters-split > .marketplace-segments {
  grid-column: 1;
  grid-row: 1 / 3;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 46px);
  align-self: start;
  height: max-content;
  border-right: 1px solid var(--line);
}
.manager-filters-split > .marketplace-segments span {
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding: 8px 0;
  border-width: 0 0 1px;
  border-radius: 0 !important;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  white-space: nowrap;
}
.manager-filters-split > .marketplace-segments label:first-of-type span {
  border-radius: 17px 0 0 !important;
}
.manager-filters-split > .marketplace-segments label:last-of-type span {
  border-bottom: 0;
  border-radius: 0 0 0 17px !important;
}
.manager-filters-split > .marketplace-segments label + label span {
  margin-top: -1px !important;
  margin-left: 0 !important;
}
.filter-main-topline {
  grid-column: 2 / -1;
  grid-row: 1;
  grid-template-columns: 160px 180px minmax(180px, .7fr) minmax(500px, 1.7fr);
  align-items: end;
  gap: 14px;
  padding: 11px 18px;
}
.filter-main-topline .activity-segments,
.filter-main-topline .type-segments {
  width: 100%;
  min-width: 0;
  flex-basis: auto;
}
.filter-main-topline .zone-filter-select > span,
.filter-main-topline .type-segments legend {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}
.manager-filters-split .segmented-filter span,
.manager-filters-split .type-segments span,
.filter-date-row .filter-control-button {
  min-height: var(--filter-control-height);
}
.filter-control-panel {
  grid-column: 2;
  grid-row: 2;
  gap: 10px;
  padding: 12px 18px;
}
.filter-date-row {
  grid-template-columns: 1fr;
  gap: 8px;
}
.filter-date-row .filter-label {
  margin-bottom: 3px;
  font-size: 10px;
}
.filter-date-row .date-range-popover,
.filter-date-row .range-filter:last-child .date-range-popover {
  right: auto;
  left: 0;
}
.filter-aux-row {
  align-items: center;
  gap: 12px;
}
.filter-aux-row .shipment-overdue-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.manager-filters-split .filter-actions {
  gap: 9px;
}
.filter-work-panel {
  grid-column: 3;
  grid-row: 2;
  padding: 14px 20px 16px;
}
.task-filters-grouped {
  padding-top: 0;
}
.task-filter-heading strong {
  font-size: 21px;
}
.task-filter-group {
  min-height: 126px;
  padding: 0 16px;
}
.task-filter-group h3 {
  margin-bottom: 10px;
  font-size: 16px;
}
.task-filters-grouped .task-filter-group label {
  margin-bottom: 8px;
}

@media (max-width: 1450px) {
  .manager-filters-split {
    grid-template-columns: 58px minmax(330px, .78fr) minmax(540px, 1.22fr);
  }
  .filter-main-topline {
    grid-template-columns: 145px 150px minmax(160px, .7fr) minmax(410px, 1.6fr);
    gap: 10px;
  }
  .filter-control-panel {
    border-right: 1px solid var(--line);
    border-bottom: 0;
  }
  .task-filters-grouped {
    grid-template-columns: 105px repeat(3, minmax(125px, 1fr));
  }
}

@media (max-width: 1120px) {
  .manager-filters-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .manager-filters-split > .marketplace-segments {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    align-self: stretch;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .manager-filters-split > .marketplace-segments span {
    height: auto;
    min-height: var(--filter-control-height);
    padding: 0 8px;
    border-width: 0 1px 0 0;
    writing-mode: horizontal-tb;
  }
  .manager-filters-split > .marketplace-segments label:first-of-type span {
    border-radius: 17px 0 0 !important;
  }
  .manager-filters-split > .marketplace-segments label:last-of-type span {
    border-right: 0;
    border-radius: 0 17px 0 0 !important;
  }
  .manager-filters-split > .marketplace-segments label + label span {
    margin-top: 0 !important;
    margin-left: -1px !important;
  }
  .filter-main-topline {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: 1fr 1fr;
  }
  .filter-main-topline .workflow-status-segments {
    grid-column: 1 / -1;
  }
  .filter-control-panel {
    grid-column: 1;
    grid-row: 3;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .filter-date-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .filter-work-panel {
    grid-column: 1;
    grid-row: 4;
  }
}

@media (max-width: 720px) {
  .filter-main-topline {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .filter-main-topline .workflow-status-segments {
    grid-column: 1;
  }
  .filter-date-row {
    grid-template-columns: 1fr;
  }
  .filter-aux-row {
    align-items: stretch;
  }
}

/* Single-line order feed switches. */
.manager-filters-split .filter-main-topline {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  height: 46px;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.filter-main-topline > input[type="hidden"] {
  display: none;
}
.feed-toggle-button {
  position: relative;
  flex: 0 0 auto;
  min-width: 94px;
  height: 46px;
}
.feed-toggle-button:nth-of-type(1) { min-width: 118px; }
.feed-toggle-button:nth-of-type(3) { min-width: 122px; }
.feed-toggle-button:nth-of-type(4),
.feed-toggle-button:nth-of-type(5) { min-width: 148px; }
.feed-toggle-button:nth-of-type(6) { min-width: 112px; }
.feed-toggle-button input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.manager-filters-split .filter-main-topline .feed-toggle-button > span {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 16px;
  border-right: 1px solid #d8dee8;
  background: #fff;
  color: #5f6b7e;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.feed-toggle-button input:focus-visible + span {
  outline: 3px solid rgba(36, 86, 214, .2);
  outline-offset: -3px;
}
.manager-filters-split .filter-main-topline .feed-toggle-button input:checked + span {
  position: relative;
  z-index: 1;
  background: #eaf0ff;
  color: #234baf;
  box-shadow: inset 0 0 0 1px var(--accent);
}
.filter-main-topline .zone-filter-select {
  flex: 1 1 250px;
  min-width: 190px;
  max-width: 340px;
  height: 46px;
  padding: 6px 10px;
  border-right: 1px solid #d8dee8;
}
.filter-main-topline .zone-filter-select select {
  height: 34px;
  min-height: 34px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
}
.filter-main-topline .shipment-overdue-filter {
  min-width: 220px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  border-right: 1px solid #d8dee8;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}
.filter-main-topline .shipment-overdue-filter input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--accent);
}
.manager-filters-split .filter-control-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin: 0;
}
.filter-control-actions button {
  height: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--accent);
  font-size: 13px;
  line-height: 1;
}
.filter-control-actions .feed-refresh-status {
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.manager-filters-split .filter-control-panel,
.manager-filters-split .filter-work-panel {
  padding-top: 10px;
  padding-bottom: 10px;
}
.manager-filters-split .filter-date-row {
  gap: 6px;
}
.manager-filters-split .task-filter-group {
  min-height: 110px;
}

@media (max-width: 1120px) {
  .manager-filters-split .filter-main-topline {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 720px) {
  .manager-filters-split .filter-main-topline {
    height: 46px;
    padding: 0;
  }
}