:root {
  color-scheme: light;
  --bg: #f4f6f8;
  --card: #fff;
  --text: #17212b;
  --muted: #667085;
  --line: #d0d5dd;
  --accent: #2457a6;
  --accent-soft: #eef4ff;
  --wb-accent: #7c3aed;
  --wb-soft: #f5f3ff;
  --ok: #0f7a4f;
  --warn: #9a3412;
  --warn-bg: #fff7ed;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); }
a { color: var(--accent); }
h1 { font-size: 28px; }
h2 { font-size: 21px; }
h3 { font-size: 17px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; background: #101828; color: #fff; }
.topbar nav { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: flex-end; }
.marketplace-ozon .topbar-nav { flex: 1 1 auto; min-width: 0; }
.marketplace-ozon .nav-sections,
.marketplace-ozon .nav-account { display: flex; align-items: center; gap: 10px 16px; }
.marketplace-ozon .nav-sections { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
.marketplace-ozon .nav-account { flex: 0 0 auto; }
.topbar a { color: #fff; text-decoration: none; margin-left: 16px; }
.topbar nav a { margin-left: 0; }
.marketplace-switch { display: inline-flex; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 999px; }
.marketplace-link { padding: 5px 10px; color: #d0d5dd !important; }
.marketplace-link.active { background: #fff; color: #101828 !important; font-weight: 700; }
.marketplace-link.wb-link.active { color: var(--wb-accent) !important; }
.auth-user { color: #d0d5dd; font-weight: 700; }
.logout-form { margin: 0; }
.topbar-button { padding: 5px 9px; border-color: rgba(255, 255, 255, 0.28); background: transparent; color: #fff; }
.topbar-button:hover { background: rgba(255, 255, 255, 0.1); }
.brand { font-weight: 700; margin-left: 0 !important; }
.page { max-width: 1360px; margin: 0 auto; padding: 14px 18px; }
.login-card { max-width: 460px; margin: 40px auto; }
.login-card h1 { margin-top: 0; }
.login-form { margin-top: 16px; }
.hero, .card, .notice, .filters, .table-wrap, .queue-summary { background: var(--card); border: 1px solid var(--line); border-radius: 11px; padding: 16px; margin-bottom: 12px; }
.hero h1, .card h2 { margin: 0 0 10px; }
.hero p { margin: 0; color: var(--muted); }
.product-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: start; }
.kicker { color: var(--muted); font-weight: 700; margin-bottom: 5px !important; }
.hero-summary { grid-template-columns: 84px 1fr; max-width: 560px; margin-top: 10px; }
.hero-actions { justify-content: flex-end; }
.queue-summary { padding: 9px 13px; border-left: 4px solid var(--accent); }
.queue-summary p { margin: 0; font-size: 15px; color: #344054; }

.compact-counters { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 9px; }
.counter { display: inline-flex; align-items: baseline; gap: 5px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: #475467; font-size: 14px; text-decoration: none; }
.counter:hover { border-color: var(--accent); background: var(--accent-soft); }
.counter strong { color: var(--text); font-size: 16px; }
.counter-overlap-note { margin: -2px 0 9px; color: var(--muted); font-size: 12px; }
.counter-overlap-note span { margin-right: 3px; }
.filters { padding: 10px 12px; }
.queue-filters { display: grid; gap: 9px; }
.filter-primary { display: grid; grid-template-columns: minmax(165px, 1fr) minmax(135px, 0.8fr) minmax(120px, 0.75fr) minmax(110px, 0.7fr) auto auto auto; gap: 9px; align-items: end; }
.advanced-filter-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; align-items: end; padding-top: 9px; border-top: 1px solid #eaecf0; }
.advanced-filter-grid[hidden] { display: none; }
.unmatched-filter-primary { grid-template-columns: minmax(150px, 1fr) minmax(210px, 1.4fr) minmax(150px, 1fr) minmax(170px, 1fr) auto auto; }
.inline-checks { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
label, .form-field { display: grid; gap: 4px; font-weight: 600; font-size: 14px; }
input, select, textarea, .form-control { width: 100%; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); font: inherit; }
button, .button, .btn { display: inline-block; border: 1px solid transparent; border-radius: 8px; background: var(--accent); color: #fff; padding: 8px 12px; text-decoration: none; cursor: pointer; font: inherit; text-align: center; }
.btn-primary, .primary-action { background: var(--accent); color: #fff; }
.muted, .btn-ghost { border-color: var(--line); background: #e4e7ec; color: #101828; }
.btn-secondary { border-color: var(--accent); background: #fff; color: var(--accent); }
.btn-danger { border-color: #e6b4ae; background: #fff; color: #a12a20; }
.btn-danger:hover { border-color: #cf8178; background: #fff1ef; color: #861d16; }
.form-message { color: var(--muted); font-size: 13px; }
input[type="file"]::file-selector-button { margin-right: 10px; padding: 7px 10px; border: 1px solid var(--accent); border-radius: 7px; background: #fff; color: var(--accent); cursor: pointer; font: inherit; font-weight: 600; }
input[type="file"]::file-selector-button:hover { background: var(--accent-soft); }
.disabled { background: #eef2f6; color: #98a2b3; cursor: default; }
.success { border-color: #74c69d; color: var(--ok); }
.compact-notice { padding: 10px 12px; }
.check { align-self: center; display: flex; gap: 7px; align-items: center; padding-bottom: 7px; }
.check input { width: auto; }

.table-wrap { overflow-x: hidden; padding: 0; }
.queue-table-wrap { margin-bottom: 0; }
.queue-results-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 8px; }
.queue-results-meta-bottom { margin: 8px 0 0; }
.queue-results-meta p { margin: 0; color: var(--muted); font-size: 14px; }
.queue-meta-actions { display: flex; align-items: center; gap: 16px; }
.page-size-control { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 14px; }
.page-size-control a { font-weight: 700; }
.page-size-control [aria-current="true"] { color: var(--text); font-weight: 800; }
.pagination { display: flex; align-items: center; gap: 9px; }
.pagination .button { padding: 6px 10px; }
table { width: 100%; border-collapse: collapse; background: #fff; }
.queue-table { table-layout: fixed; font-size: 14px; }
th, td { padding: 9px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
th { background: #f9fafb; position: sticky; top: 0; }
.queue-table th, .queue-table td { min-width: 0; padding: 9px 8px; line-height: 1.3; overflow-wrap: anywhere; }
.queue-table tbody td { height: 78px; }
.queue-table tbody tr:hover { background: #f8fbff; }
.queue-table tbody tr.clickable-row { cursor: pointer; }
.queue-table tbody tr.clickable-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; background: var(--accent-soft); }
.queue-col-article { width: 13%; }
.queue-col-cabinet { width: 8%; }
.queue-col-name { width: 16%; }
.queue-col-dimensions { width: 12%; }
.queue-col-diff { width: 8%; }
.queue-col-status { width: 12%; }
.queue-col-action { width: 13%; }
.queue-col-photo { width: 6%; }
.queue-col-decision { width: 10%; }
.unmatched-table th, .unmatched-table td, .photos-needed-table th, .photos-needed-table td { vertical-align: top; }
.unmatched-table small, .photos-needed-table small { display: block; margin-top: 3px; }
.account-badge { display: block; width: fit-content; margin-top: 4px; padding: 2px 5px; border-radius: 999px; background: #eef2f6; color: #475467; font-size: 11px; }
.status-badge { display: block; width: fit-content; margin-top: 4px; padding: 2px 6px; border-radius: 999px; background: #eef2f6; color: #475467; font-size: 11px; font-weight: 700; }
.status-updated { background: #dcfae6; color: #067647; }
.status-approximate { background: #fef0c7; color: #93370d; }
.status-needs_remeasurement { background: #fee4e2; color: #b42318; }
.numeric-cell { white-space: nowrap; }
.numeric-cell small { display: block; white-space: normal; margin-top: 3px; }
.queue-article a { display: block; font-weight: 700; overflow-wrap: anywhere; }
.queue-article .queue-primary-id { font-size: 16px; font-weight: 800; line-height: 1.2; }
.article-tech-id { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
.queue-name { hyphens: auto; word-break: normal; }
.queue-dimensions, .queue-difference, .queue-photo, .queue-status, .queue-next-action { white-space: normal; }
.queue-next-action { color: #344054; font-weight: 600; }
.queue-dimensions span, .queue-difference span, .queue-photo span, .queue-status span { display: block; margin-top: 2px; }
.queue-dimensions span:first-child, .queue-difference span:first-child, .queue-photo span:first-child, .queue-status span:first-child { margin-top: 0; }
.queue-dimensions { font-variant-numeric: tabular-nums; }
.queue-difference strong { display: block; }
.queue-photo span { color: var(--muted); font-size: 12px; }
.queue-status span { color: var(--muted); font-size: 12px; }
small, .secondary-text { color: var(--muted); }

.wb-summary { border-left-color: var(--wb-accent); }
.wb-counter:hover { border-color: var(--wb-accent); background: var(--wb-soft); }
.wb-filters button:not(.topbar-button):not(.muted) { background: var(--wb-accent); }
.wb-filter-primary { grid-template-columns: minmax(175px, 1.15fr) minmax(130px, 0.75fr) minmax(145px, 0.9fr) minmax(110px, 0.7fr) auto auto auto; }
.wb-table-wrap { border-color: #ddd6fe; }
.wb-queue-table tbody tr:hover { background: var(--wb-soft); }
.wb-queue-table tbody tr.clickable-row:focus-visible { outline-color: var(--wb-accent); background: var(--wb-soft); }
.wb-badge { background: var(--wb-soft); color: #5b21b6; }
.wb-col-article { width: 11%; }
.wb-col-cabinet { width: 9%; }
.wb-col-title { width: 23%; }
.wb-col-dimensions { width: 13%; }
.wb-col-diff { width: 10%; }
.wb-col-photo { width: 7%; }
.wb-col-status { width: 14%; }
.wb-hero, .wb-card { border-color: var(--line); }
.wb-hero .kicker { color: #5b21b6; }
.wb-card a, .wb-table-wrap a { color: var(--wb-accent); }
.wb-card form button:not(.muted):not(.secondary-action), .wb-button { background: var(--wb-accent); }
.wb-card .secondary-action { border-color: var(--wb-accent); color: var(--wb-accent); }
.wb-card .secondary-action:hover { background: var(--wb-soft); }
.ozon-hero-summary, .wb-hero-summary { display: grid; gap: 8px 16px; max-width: 980px; margin: 12px 0 0; }
.ozon-hero-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wb-hero-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ozon-hero-fact, .wb-hero-fact { display: grid; align-content: start; gap: 4px; min-width: 0; }
.ozon-hero-fact dt, .wb-hero-fact dt { font-size: 13px; font-weight: 700; }
.ozon-hero-fact dd, .wb-hero-fact dd { min-width: 0; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.hero-difference dd span, .wb-hero-difference dd span { display: block; font-variant-numeric: tabular-nums; }
.wb-dimensions-table-wrap { overflow-x: hidden; border: 1px solid #ddd6fe; border-radius: 10px; }
.wb-dimensions-table { table-layout: fixed; font-size: 14px; }
.wb-dimensions-table th, .wb-dimensions-table td { padding: 9px 7px; line-height: 1.3; overflow-wrap: anywhere; }
.wb-dimensions-table th { background: var(--wb-soft); }
.ozon-comparison { border-color: #bfdbfe; }
.ozon-comparison .marketplace-comparison-table th { background: #eff6ff; }
.difference-label { display: block; margin-bottom: 3px; color: var(--muted); font-size: 12px; font-weight: 700; }
.wb-empty { margin-top: 10px; }

.grid { display: grid; gap: 14px; }
.two { grid-template-columns: 1fr 1fr; }
.three { grid-template-columns: repeat(3, 1fr); }
dl { display: grid; grid-template-columns: 170px 1fr; gap: 7px 11px; margin: 0; }
.compact-dl { grid-template-columns: minmax(130px, 190px) 1fr; }
dt { color: var(--muted); }
dd { margin: 0; }
.details-card { padding: 0; }
.details-card summary { cursor: pointer; font-weight: 700; padding: 13px 16px; }
.details-card[open] { padding-bottom: 16px; }
.details-card[open] > :not(summary) { margin-left: 16px; margin-right: 16px; }
.technical-block { color: #344054; }
.technical-dl { font-size: 14px; }
.technical-dl code, .history-item code { color: #475467; word-break: break-word; }
.signal-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.inline-search { display: grid; grid-template-columns: minmax(240px, 1fr) auto; gap: 9px; align-items: end; margin: 0 0 12px; }
.embedded-table { margin: 0; }
.export-actions { margin-bottom: 12px; }

.task-card { border-color: #b2ddff; background: #f5fbff; }
.review-instruction { margin: 0; font-size: 17px; font-weight: 700; }
.warning-list { display: grid; gap: 9px; margin-top: 11px; }
.warning { margin: 0; padding: 9px 11px; border: 1px solid #fdba74; border-radius: 9px; background: var(--warn-bg); color: var(--warn); font-weight: 700; }
.warning.subtle { font-weight: 400; }
.decision-summary { padding: 11px 16px; }
.decision-summary h2 { display: inline; margin-right: 16px; font-size: 17px; }
.decision-summary-grid { display: inline-grid; grid-template-columns: auto auto auto auto auto auto; gap: 6px 10px; font-size: 14px; }
.empty-state { margin: 0; color: var(--muted); font-weight: 700; }
.system-checks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.system-check { display: grid; gap: 5px; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-left-width: 4px; border-radius: 9px; background: #f9fafb; }
.system-check span { color: #475467; overflow-wrap: anywhere; }
.system-check-success { border-left-color: var(--ok); }
.system-check-warning { border-left-color: #f59e0b; }
.system-check-error { border-left-color: #d92d20; }
.system-check-empty { border-left-color: #98a2b3; }

.side-comparison { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.side-row { display: grid; grid-template-columns: minmax(180px, 1.35fr) repeat(3, 1fr); }
.side-row > * { padding: 9px 12px; border-top: 1px solid #eaecf0; }
.side-row:first-child > * { border-top: 0; }
.side-head { background: #f9fafb; color: #475467; font-weight: 700; }
.volume-summary { display: flex; gap: 18px; justify-content: space-between; margin-top: 11px; }
.hint { color: var(--muted); margin-bottom: 0; }
.revision-summary { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0 0 11px; }
.revision-summary span, .revision-summary strong { padding: 3px 8px; border-radius: 999px; background: #eef4ff; color: #1849a9; font-size: 13px; }
.inline-update-form { margin-top: 12px; }
.inline-update-form summary { width: fit-content; list-style: none; }
.inline-update-form summary::-webkit-details-marker { display: none; }
.internal-dimensions-form { display: grid; gap: 10px; margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fcfcfd; }
.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.form-errors { display: grid; gap: 4px; margin-top: 10px; padding: 10px 12px; border: 1px solid #fda29b; border-radius: 10px; background: #fffbfa; color: #b42318; }
.form-errors p { margin: 0; }
.revision-history { display: grid; gap: 10px; }
.api-card-header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.api-card-header h2 { margin-bottom: 4px; }
.api-card-header form { flex: 0 0 auto; }
.api-connection { margin: 0; color: var(--muted); }
.api-result { width: fit-content; margin: 10px 0; padding: 5px 9px; border-radius: 999px; background: #eef2f6; color: #344054; }
.api-result-success { background: #dcfae6; color: #067647; }
.api-result-warning { background: #fef0c7; color: #93370d; }
.api-result-error { background: #fee4e2; color: #b42318; }
.api-data-grid { overflow-wrap: anywhere; }

.photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 10px; }
.photo-thumb { display: grid; gap: 5px; padding: 0; border: 0; background: transparent; color: var(--text); text-align: left; cursor: zoom-in; }
.photo-thumb img { width: 100%; height: 108px; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: #f2f4f7; }
.photo-thumb span { font-weight: 700; }
.photo-thumb:hover img { border-color: var(--accent); }
.photo-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(3, 8, 18, 0.94); }
.photo-modal.is-open { display: flex; }
.modal-open { overflow: hidden; }
.photo-modal-backdrop { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.photo-modal-dialog { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 8px; width: min(1280px, calc(100vw - 48px)); max-height: calc(100vh - 48px); padding: 10px 12px 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; background: #101828; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55); }
.photo-modal-toolbar { display: flex; justify-content: flex-end; min-height: 32px; }
.photo-modal-media { display: grid; grid-template-columns: 72px minmax(0, 1fr) 72px; min-height: 0; overflow: hidden; border-radius: 8px; background: #080d16; }
.photo-modal-scroll { display: flex; align-items: center; justify-content: center; width: 100%; max-height: calc(100vh - 210px); min-height: 280px; overflow: auto; overscroll-behavior: contain; }
.photo-modal-scroll img { display: block; max-width: 100%; max-height: calc(100vh - 210px); object-fit: contain; border-radius: 8px; }
.photo-modal-scroll img.zoomed { max-width: none; max-height: none; margin: auto; }
.photo-modal-caption { display: grid; gap: 5px; justify-items: center; min-height: 76px; color: #fff; }
.photo-modal-caption small { color: #d0d5dd; word-break: break-all; }
.photo-modal-close { display: grid; place-items: center; width: 36px; height: 32px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #fff; font-size: 28px; line-height: 1; }
.photo-modal-nav { display: grid; place-items: center; width: 100%; min-width: 44px; height: 100%; min-height: 280px; padding: 0; border: 0; border-radius: 0; background: transparent; color: rgba(255, 255, 255, 0.82); font-size: 64px; font-weight: 300; line-height: 1; }
.photo-modal-nav span { transform: translateY(-3px); }
.photo-modal-nav:hover, .photo-modal-nav:focus-visible { background: rgba(255, 255, 255, 0.07); color: #fff; }
.photo-modal-close:hover, .photo-modal-close:focus-visible { background: rgba(255, 255, 255, 0.1); }
.zoom-button { padding: 6px 10px; }

.history-list { display: grid; gap: 9px; }
.history-item { padding: 10px 12px; border-left: 3px solid var(--accent); background: #f9fafb; }
.history-summary { display: grid; grid-template-columns: auto auto minmax(180px, 1fr); gap: 5px 14px; align-items: baseline; }
.history-summary h3, .history-summary p { margin: 0; }
.history-summary time { color: var(--muted); }
.history-action { grid-column: 1 / -1; color: #344054; }
.inline-details { color: var(--muted); }
.inline-details summary { cursor: pointer; white-space: nowrap; }
.inline-details[open] { grid-column: 1 / -1; }
.inline-details[open] dl { margin-top: 10px; }

.decision-form { display: grid; gap: 12px; }
.decision-form fieldset { margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.decision-form legend { padding: 0 6px; font-weight: 700; color: #344054; }
.form-grid { display: grid; gap: 10px; }
.full-field { grid-column: 1 / -1; }
.actions { display: flex; gap: 9px; flex-wrap: wrap; }
.secondary-action, .btn-secondary { border-color: var(--accent); background: #fff; color: var(--accent); }
.secondary-action:hover, .btn-secondary:hover { background: var(--accent-soft); }

@media (max-width: 900px) {
  .topbar { display: grid; gap: 9px; }
  .page { padding: 12px; }
  .filter-primary, .advanced-filter-grid, .two, .three, .product-hero, .warning-list, .decision-summary-grid, .inline-search, .system-checks { grid-template-columns: 1fr; }
  .filter-primary { align-items: stretch; }
  .hero-actions { justify-content: flex-start; }
  .queue-table { min-width: 820px; }
  .wb-queue-table, .wb-dimensions-table { min-width: 960px; }
  .queue-table-wrap { overflow-x: auto; }
  .side-row { grid-template-columns: 1.3fr repeat(3, 1fr); font-size: 13px; }
  .side-row > * { padding: 8px 6px; }
  .volume-summary, .history-item { display: grid; }
  .photo-modal { padding: 12px; }
  .photo-modal-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 60px); }
  .photo-modal-media { grid-template-columns: 52px minmax(0, 1fr) 52px; }
  .photo-modal-scroll { max-height: calc(100vh - 190px); }
  .photo-modal-scroll img { max-height: calc(100vh - 190px); }
  .photo-modal-nav { min-height: 240px; font-size: 52px; }
  .history-summary { grid-template-columns: 1fr; }
  .api-card-header { align-items: stretch; flex-direction: column; }
  .api-card-header form, .api-card-header button { width: 100%; }
  .ozon-hero-summary, .wb-hero-summary { grid-template-columns: 1fr; }
}

.internal-product-form { display: grid; gap: 16px; max-width: 900px; }
.internal-product-form label { display: grid; gap: 6px; font-weight: 650; }
.internal-product-dimensions {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
}
.internal-product-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
@media (max-width: 900px) {
  .internal-product-dimensions { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}

.marketplace-wb .wb-catalog-sync-card,
.marketplace-wb .wb-api-card {
  border-color: var(--wb-border);
  background: var(--wb-surface);
}

.marketplace-wb .wb-catalog-sync-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 14px;
  padding: 16px 18px;
  border: 1px solid var(--wb-border);
  border-radius: 12px;
}

.marketplace-wb .wb-catalog-sync-card h2 { margin: 0 0 5px; font-size: 18px; }
.marketplace-wb .wb-catalog-sync-card p { margin: 2px 0; color: var(--wb-muted); }
.marketplace-wb .wb-catalog-sync-card .catalog-sync-error { color: #8d4d62; }
.marketplace-wb .wb-catalog-sync-card .catalog-sync-warning { color: #735a28; }

.marketplace-wb .wb-catalog-sync-card button,
.marketplace-wb .wb-api-card button {
  background: var(--wb-accent);
}

.marketplace-wb .wb-catalog-sync-card button:hover,
.marketplace-wb .wb-api-card button:hover {
  background: var(--wb-accent-hover);
}

.marketplace-wb .marketplace-source-note {
  color: var(--wb-muted);
  font-size: 0.75rem;
}

@media (max-width: 760px) {
  .marketplace-wb .wb-catalog-sync-card { align-items: stretch; flex-direction: column; }
  .marketplace-wb .wb-catalog-sync-card form,
  .marketplace-wb .wb-catalog-sync-card button { width: 100%; }
}

/* Ozon visual experiment. Keep every rule under the Ozon page boundary. */
.marketplace-ozon {
  --ozon-page-bg: #eef2f7;
  --ozon-header-bg: #e7effb;
  --ozon-surface: #fff;
  --ozon-surface-soft: #f8fafd;
  --ozon-blue-soft: #eaf2ff;
  --ozon-blue-soft-hover: #dfeafc;
  --ozon-blue-pale: #f3f7ff;
  --ozon-border: #d8e2f0;
  --ozon-border-strong: #c8d7ec;
  --ozon-accent: #316ddc;
  --ozon-accent-hover: #285ec2;
  --ozon-text: #172033;
  --ozon-muted: #657187;
  --ozon-success-soft: #eaf8f0;
  --ozon-warning-soft: #fff7e5;
  --ozon-danger-soft: #fdeeee;
  --bg: var(--ozon-page-bg);
  --card: var(--ozon-surface);
  --text: var(--ozon-text);
  --muted: var(--ozon-muted);
  --line: var(--ozon-border);
  --accent: var(--ozon-accent);
  --accent-soft: var(--ozon-blue-soft);
  background: var(--ozon-page-bg);
}

.marketplace-ozon .topbar {
  gap: 18px;
  min-height: 58px;
  padding: 9px 18px;
  border-bottom: 1px solid var(--ozon-border);
  background: var(--ozon-header-bg);
  color: var(--ozon-text);
  box-shadow: 0 2px 10px rgba(48, 82, 129, 0.05);
}
.marketplace-ozon .brand {
  flex: 0 0 auto;
  color: var(--ozon-text);
  font-size: 15px;
  letter-spacing: -0.01em;
}
.marketplace-ozon .topbar nav {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 3px;
  min-width: 0;
}
.marketplace-ozon .nav-sections > a {
  padding: 7px 8px;
  border-radius: 8px;
  color: #42516a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.marketplace-ozon .nav-sections > a:hover {
  background: var(--ozon-blue-pale);
  color: var(--ozon-accent-hover);
}
.marketplace-ozon .marketplace-switch {
  flex: 0 0 auto;
  border-color: var(--ozon-border-strong);
  border-radius: 11px;
  background: #f1f5fb;
  box-shadow: inset 0 0 0 1px rgba(42, 78, 128, 0.02);
}
.marketplace-ozon .marketplace-link {
  min-width: 64px;
  padding: 8px 12px;
  color: var(--ozon-muted) !important;
  font-size: 14px;
  text-align: center;
}
.marketplace-ozon .marketplace-link.active {
  background: var(--ozon-blue-soft);
  color: var(--ozon-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(49, 109, 220, 0.08);
}
.marketplace-ozon .auth-user {
  padding-left: 12px;
  border-left: 1px solid var(--ozon-border);
  color: var(--ozon-muted);
  font-size: 13px;
  white-space: nowrap;
}
.marketplace-ozon .nav-sections { gap: 3px; }
.marketplace-ozon .nav-account { gap: 8px; margin-left: auto; }
.marketplace-ozon .nav-more { position: relative; }
.marketplace-ozon .nav-more summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border-radius: 8px;
  color: #42516a;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  white-space: nowrap;
}
.marketplace-ozon .nav-more summary::-webkit-details-marker { display: none; }
.marketplace-ozon .nav-more summary::after {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid #738098;
  border-bottom: 1.5px solid #738098;
  content: "";
  transform: rotate(45deg);
  transform-origin: center;
}
.marketplace-ozon .nav-more[open] summary::after {
  margin-top: 3px;
  transform: rotate(225deg);
}
.marketplace-ozon .nav-more summary:hover,
.marketplace-ozon .nav-more[open] summary {
  background: var(--ozon-blue-pale);
  color: var(--ozon-accent-hover);
}
.marketplace-ozon .nav-more-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  right: 0;
  display: grid;
  min-width: 210px;
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid var(--ozon-border);
  border-radius: 10px;
  background: var(--ozon-surface);
  box-shadow: 0 12px 30px rgba(40, 67, 107, 0.14);
}
.marketplace-ozon .nav-more-menu a {
  margin: 0;
  padding: 9px 10px;
  border-radius: 7px;
  color: #34445e;
  font-size: 13px;
}
.marketplace-ozon .nav-more-menu a:hover {
  background: var(--ozon-blue-pale);
  color: var(--ozon-accent-hover);
}
.marketplace-ozon .topbar-button {
  min-height: 32px;
  padding: 6px 10px;
  border-color: var(--ozon-border-strong);
  background: var(--ozon-surface-soft);
  color: #34445e;
  font-size: 13px;
}
.marketplace-ozon .topbar-button:hover {
  border-color: var(--ozon-border-strong);
  background: var(--ozon-blue-soft);
  color: var(--ozon-accent-hover);
}

.marketplace-ozon .page { padding-top: 18px; padding-bottom: 28px; }
.marketplace-ozon .hero,
.marketplace-ozon .card,
.marketplace-ozon .notice,
.marketplace-ozon .filters,
.marketplace-ozon .table-wrap,
.marketplace-ozon .queue-summary {
  border-color: var(--ozon-border);
  border-radius: 12px;
  background: var(--ozon-surface);
  box-shadow: 0 3px 14px rgba(55, 83, 126, 0.045);
}
.marketplace-ozon .card h2,
.marketplace-ozon .hero h1 { color: var(--ozon-text); letter-spacing: -0.015em; }
.marketplace-ozon .kicker { color: #6b7a92; }

.marketplace-ozon button,
.marketplace-ozon .button {
  min-height: 36px;
  border-radius: 8px;
  background: var(--ozon-accent);
  font-weight: 600;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.marketplace-ozon button:hover,
.marketplace-ozon .button:hover { background: var(--ozon-accent-hover); }
.marketplace-ozon .muted,
.marketplace-ozon .secondary-action,
.marketplace-ozon .btn-secondary,
.marketplace-ozon .btn-ghost {
  border-color: var(--ozon-border-strong);
  background: var(--ozon-surface-soft);
  color: #34445e;
}
.marketplace-ozon .muted:hover,
.marketplace-ozon .secondary-action:hover,
.marketplace-ozon .btn-secondary:hover,
.marketplace-ozon .btn-ghost:hover {
  border-color: var(--ozon-border-strong);
  background: var(--ozon-blue-soft-hover);
  color: #244f9c;
}
.marketplace-ozon .disabled,
.marketplace-ozon .disabled:hover {
  border-color: #e2e8f1;
  background: #f0f3f7;
  color: #8b96a8;
  box-shadow: none;
}
.marketplace-ozon input,
.marketplace-ozon select,
.marketplace-ozon textarea {
  min-height: 36px;
  border-color: var(--ozon-border-strong);
  background: var(--ozon-surface);
  color: var(--ozon-text);
}
.marketplace-ozon input:focus,
.marketplace-ozon select:focus,
.marketplace-ozon textarea:focus {
  border-color: #8db2ec;
  outline: 3px solid rgba(49, 109, 220, 0.1);
}

.marketplace-ozon .product-hero {
  gap: 24px;
  padding: 18px;
  border-color: var(--ozon-border-strong);
  box-shadow: 0 5px 18px rgba(48, 82, 129, 0.06);
}
.marketplace-ozon .product-hero h1 {
  max-width: 920px;
  font-size: 27px;
  line-height: 1.18;
  overflow-wrap: anywhere;
}
.marketplace-ozon .ozon-identity-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 8px 22px;
  margin: 12px 0 0;
}
.marketplace-ozon .ozon-card-product-name {
  margin: 7px 0 0;
  color: #26354d;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.marketplace-ozon .ozon-identity-summary div { min-width: 0; }
.marketplace-ozon .ozon-identity-summary dt {
  color: var(--ozon-muted);
  font-size: 12px;
  font-weight: 700;
}
.marketplace-ozon .ozon-identity-summary dd {
  margin-top: 2px;
  color: #26354d;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.marketplace-ozon .marketplace-family-note,
.marketplace-ozon .marketplace-family-notice {
  margin: 9px 0 0;
  color: var(--ozon-muted);
  font-size: 13px;
  line-height: 1.4;
}
.marketplace-ozon .marketplace-family-notice {
  max-width: 920px;
  padding: 8px 10px;
  border: 1px solid var(--ozon-border);
  border-radius: 8px;
  background: var(--ozon-blue-pale);
}
.marketplace-ozon .ozon-hero-summary { gap: 9px 20px; margin-top: 14px; }
.marketplace-ozon .ozon-hero-fact {
  padding-right: 12px;
  border-right: 1px solid #edf1f7;
}
.marketplace-ozon .ozon-hero-fact:last-child { border-right: 0; }
.marketplace-ozon .ozon-hero-fact dt { color: var(--ozon-muted); }
.marketplace-ozon .ozon-hero-fact dd { color: #26354d; }
.marketplace-ozon .hero-actions { gap: 7px; max-width: 560px; }
.marketplace-ozon .hero-actions .button { padding: 8px 11px; }

.marketplace-ozon .task-card {
  border-color: #c8dcf8;
  background: var(--ozon-blue-pale);
  box-shadow: none;
}
.marketplace-ozon .task-card .review-instruction { color: #244671; }
.marketplace-ozon .decision-summary {
  border-color: var(--ozon-border);
  background: var(--ozon-surface-soft);
  box-shadow: none;
}
.marketplace-ozon .decision-summary-pending {
  border-left: 4px solid #9cabc0;
  background: #f5f7fa;
}
.marketplace-ozon .decision-summary-saved {
  border-left: 4px solid #54a878;
  background: var(--ozon-success-soft);
}
.marketplace-ozon .decision-summary .empty-state { color: #65748b; }

.marketplace-ozon .system-checks { align-items: stretch; }
.marketplace-ozon .system-check {
  position: relative;
  min-height: 86px;
  padding: 12px 13px 12px 15px;
  border-color: var(--ozon-border);
  border-left-width: 3px;
  border-radius: 10px;
  background: var(--ozon-surface-soft);
}
.marketplace-ozon .system-check strong { color: #273850; }
.marketplace-ozon .system-check span { color: var(--ozon-muted); line-height: 1.4; }
.marketplace-ozon .system-check-success { border-left-color: #55a97a; background: #f7fcf9; }
.marketplace-ozon .system-check-warning { border-left-color: #e0a33a; background: #fffaf0; }
.marketplace-ozon .system-check-error { border-left-color: #d87474; background: #fff8f8; }
.marketplace-ozon .system-check-empty { border-left-color: #99a9bd; }

.marketplace-ozon .ozon-comparison {
  overflow: hidden;
  border-color: var(--ozon-border-strong);
  border-radius: 10px;
}
.marketplace-ozon .ozon-comparison .marketplace-comparison-table th,
.marketplace-ozon .ozon-comparison .marketplace-comparison-table td {
  padding: 10px 9px;
  border-color: var(--ozon-border);
  color: #26354b;
}
.marketplace-ozon .ozon-comparison .marketplace-comparison-table thead th {
  background: var(--ozon-blue-soft);
  color: #30445f;
}
.marketplace-ozon .ozon-comparison .marketplace-comparison-table tbody th {
  background: var(--ozon-blue-pale);
  color: #243b5a;
}
.marketplace-ozon .ozon-comparison .marketplace-comparison-table tbody td { background: #fff; }
.marketplace-ozon .ozon-comparison .marketplace-comparison-table tbody tr:hover td,
.marketplace-ozon .ozon-comparison .marketplace-comparison-table tbody tr:hover th {
  background: #f4f8fe;
}

.marketplace-ozon .api-card {
  padding: 0;
  border-color: var(--ozon-border-strong);
}
.marketplace-ozon .seller-api-summary {
  display: flex;
  align-items: center;
  gap: 7px 14px;
  min-height: 48px;
  padding: 11px 14px;
  color: #52627a;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
}
.marketplace-ozon .seller-api-summary::-webkit-details-marker { display: none; }
.marketplace-ozon .seller-api-title {
  color: #263b59;
  font-size: 15px;
  font-weight: 700;
}
.marketplace-ozon .seller-api-status {
  color: #28704b;
  font-weight: 600;
}
.marketplace-ozon .seller-api-arrow {
  width: 9px;
  height: 9px;
  margin-left: auto;
  border-right: 2px solid #71829a;
  border-bottom: 2px solid #71829a;
  transform: rotate(45deg);
  transition: transform 120ms ease;
}
.marketplace-ozon .seller-api-details[open] .seller-api-summary {
  background: var(--ozon-blue-pale);
}
.marketplace-ozon .seller-api-details[open] .seller-api-arrow {
  transform: rotate(225deg);
}
.marketplace-ozon .seller-api-body {
  padding: 15px 16px 16px;
  border-top: 1px solid var(--ozon-border);
}
.marketplace-ozon .auto-mapping-note {
  margin: 8px 0 0;
  color: var(--ozon-muted);
  font-size: 13px;
}
.marketplace-ozon .api-subtitle {
  margin: 18px 0 8px;
  padding-top: 15px;
  border-top: 1px solid var(--ozon-border);
  color: var(--ozon-text);
  font-size: 16px;
}
.marketplace-ozon .catalog-api-data { margin-bottom: 4px; }
.marketplace-ozon .api-card-header {
  padding-bottom: 11px;
  border-bottom: 1px solid #e8eef7;
}
.marketplace-ozon .api-connection { color: var(--ozon-muted); }
.marketplace-ozon .api-result { border: 1px solid var(--ozon-border); }
.marketplace-ozon .api-result-success { border-color: #b9e3ca; background: var(--ozon-success-soft); }
.marketplace-ozon .api-result-warning { border-color: #efd79f; background: var(--ozon-warning-soft); }
.marketplace-ozon .api-result-error { border-color: #edc3c3; background: var(--ozon-danger-soft); }

.marketplace-ozon .queue-summary {
  padding: 11px 14px;
  border-left: 4px solid #7ca7e8;
  background: var(--ozon-blue-pale);
  box-shadow: none;
}
.marketplace-ozon .queue-summary p { color: #3f506a; }
.marketplace-ozon .catalog-sync-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 16px 18px;
  border: 1px solid var(--ozon-border-strong);
  border-radius: 12px;
  background: var(--ozon-surface);
}
.marketplace-ozon .catalog-sync-card h2 { margin: 0 0 5px; font-size: 18px; }
.marketplace-ozon .catalog-sync-card p { margin: 2px 0; color: var(--ozon-muted); }
.marketplace-ozon .catalog-sync-card .catalog-sync-error { color: #9a4545; }
.marketplace-ozon .marketplace-source {
  margin: 8px 0 14px;
  color: var(--ozon-muted);
  font-size: 13px;
}
.marketplace-ozon .complaint-card {
  border-color: var(--ozon-border-strong);
  font-size: 14px;
}

.marketplace-ozon .photo-management-card,
.marketplace-ozon .photo-family-card { display: grid; gap: 12px; }
.marketplace-ozon .current-photo-set { display: grid; gap: 12px; }
.marketplace-ozon .photo-set-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.marketplace-ozon .photo-set-heading h2 { margin: 0; }
.marketplace-ozon .photo-set-count {
  color: var(--ozon-muted);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.marketplace-ozon .photo-set-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(136px, 152px));
  gap: 12px;
}
.marketplace-ozon .photo-set-item {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--ozon-border);
  border-radius: 9px;
  background: var(--ozon-surface);
}
.marketplace-ozon .photo-preview-trigger {
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #31445f;
  text-align: left;
  text-decoration: none;
}
.marketplace-ozon button.photo-preview-trigger:hover { background: transparent; }
.marketplace-ozon .photo-preview-media {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 7px;
  background: #eef3f8;
}
.marketplace-ozon .photo-preview-media > * { grid-area: 1 / 1; }
.marketplace-ozon .photo-preview-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.marketplace-ozon .photo-preview-label { font-size: 12px; font-weight: 700; }
.marketplace-ozon .photo-preview-error {
  padding: 10px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
}
.marketplace-ozon .photo-preview-error-link { font-size: 12px; font-weight: 700; }
.marketplace-ozon .photo-source-label {
  color: var(--ozon-muted);
  font-size: 11px;
}
.marketplace-ozon .photo-delete-form {
  margin: 2px 0 0;
  padding-top: 7px;
  border-top: 1px solid #f2d6d3;
}
.marketplace-ozon .danger-action,
.marketplace-ozon .btn-danger {
  width: 100%;
  padding: 7px 9px;
  border-color: #e6b4ae;
  background: #fff;
  color: #a12a20;
  font-size: 11px;
}
.marketplace-ozon .danger-action:hover,
.marketplace-ozon .btn-danger:hover {
  border-color: #cf8178;
  background: #fff1ef;
  color: #861d16;
}
.marketplace-ozon .photo-management-actions {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 11px;
  border-top: 1px solid var(--ozon-border);
}
.marketplace-ozon .photo-upload-panel { min-width: 0; }
.marketplace-ozon .photo-upload-panel > summary { list-style: none; cursor: pointer; }
.marketplace-ozon .photo-upload-panel > summary::-webkit-details-marker { display: none; }
.marketplace-ozon .photo-upload-panel form {
  display: grid;
  gap: 9px;
  width: min(390px, calc(100vw - 64px));
  margin-top: 8px;
  padding: 12px;
  border: 1px solid var(--ozon-border);
  border-radius: 9px;
  background: var(--ozon-surface-soft);
}
.marketplace-ozon .photo-upload-panel label { display: grid; gap: 7px; font-weight: 700; }
.marketplace-ozon .photo-base-link {
  border-color: transparent;
  background: transparent;
  color: var(--ozon-accent);
}
.marketplace-ozon .photo-base-link:hover { background: var(--ozon-blue-soft); }
.marketplace-ozon .photo-base-list { display: grid; gap: 10px; margin-top: 14px; }
.marketplace-ozon .photo-base-search .filters { margin: 0; }
.marketplace-ozon .photo-family-card {
  overflow: hidden;
  padding: 0;
}
.marketplace-ozon .photo-family-summary {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(90px, .45fr) minmax(160px, .7fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}
.marketplace-ozon .photo-family-summary::-webkit-details-marker { display: none; }
.marketplace-ozon .photo-family-card[open] .photo-family-summary {
  border-bottom: 1px solid var(--ozon-border);
  background: var(--ozon-surface-soft);
}
.marketplace-ozon .photo-family-identity { display: grid; gap: 3px; }
.marketplace-ozon .photo-family-identity .kicker { margin: 0; }
.marketplace-ozon .photo-family-stat { color: var(--ozon-muted); font-size: 12px; }
.marketplace-ozon .photo-family-stat strong { color: #31445f; }
.marketplace-ozon .photo-family-toggle { justify-self: end; }
.marketplace-ozon .photo-family-card[open] .photo-family-toggle { color: var(--ozon-muted); }
.marketplace-ozon .photo-family-body { display: grid; gap: 12px; padding: 14px; }
.marketplace-ozon .photo-family-context { margin: 0; color: var(--ozon-muted); font-size: 13px; }
.marketplace-ozon .photo-family-links { display: flex; gap: 8px; flex-wrap: wrap; }
.marketplace-ozon .photo-family-body .current-photo-set { padding-top: 2px; }
.marketplace-ozon .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}
#complaint-section,
#automatic-delivery {
  scroll-margin-top: 16px;
}
.marketplace-ozon .complaint-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.marketplace-ozon .complaint-subtitle {
  margin: -3px 0 0;
  color: #41536d;
  font-size: 14px;
}
.marketplace-ozon .complaint-ovh-hint {
  margin: 5px 0 0;
  font-size: 12px;
}
.marketplace-ozon .complaint-section {
  margin-top: 18px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e4eaf2;
  border-radius: 11px;
  background: var(--ozon-surface);
}
.marketplace-ozon .complaint-primary-state {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #cbdcf2;
  border-left: 4px solid #719bd7;
  border-radius: 12px;
  background: #f2f7ff;
}
.marketplace-ozon .complaint-primary-state h3 {
  margin: 5px 0 0;
  color: #203b63;
  font-size: 19px;
  line-height: 1.25;
}
.marketplace-ozon .complaint-primary-state-negative,
.marketplace-ozon .complaint-primary-state-failed {
  border-color: #efd0c7;
  border-left-color: #d77b68;
  background: #fff4f1;
}
.marketplace-ozon .complaint-primary-state-positive,
.marketplace-ozon .complaint-primary-state-confirmed {
  border-color: #c7e3d2;
  border-left-color: #5eaa7d;
  background: #f1faf5;
}
.marketplace-ozon .complaint-primary-state-materials {
  border-color: #ead9b5;
  border-left-color: #c6923e;
  background: #fff9ed;
}
.marketplace-ozon .complaint-primary-meta {
  display: flex;
  gap: 6px 0;
  flex-wrap: wrap;
  margin: 12px 0 0;
}
.marketplace-ozon .complaint-primary-meta div {
  display: flex;
  gap: 5px;
  align-items: baseline;
}
.marketplace-ozon .complaint-primary-meta div + div::before {
  margin: 0 10px;
  color: #a0adbe;
  content: "·";
}
.marketplace-ozon .complaint-primary-meta dt {
  color: var(--ozon-muted);
  font-size: 12px;
}
.marketplace-ozon .complaint-primary-meta dd {
  margin: 0;
  color: #273850;
  font-size: 13px;
  font-weight: 700;
}
.marketplace-ozon .complaint-next-action {
  display: flex;
  gap: 10px 18px;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding: 12px 16px;
  border: 1px solid #e4eaf2;
  border-radius: 10px;
  background: #f9fbfd;
}
.marketplace-ozon .complaint-next-action form,
.marketplace-ozon .complaint-next-action p {
  margin: 0;
}
.marketplace-ozon .complaint-next-action-reason {
  color: #667085;
  line-height: 1.4;
}
.marketplace-ozon .complaint-next-action-details {
  flex: 1;
  min-width: 0;
}
.marketplace-ozon .complaint-next-action-details > summary {
  margin-left: auto;
}
.marketplace-ozon .complaint-next-action-details[open] > summary {
  margin-bottom: 12px;
}
.marketplace-ozon .complaint-repeat-details .complaint-preparation-form {
  padding-top: 2px;
}
.marketplace-ozon .complaint-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 12px 13px 10px;
  border-bottom: 1px solid #edf1f6;
  background: #fbfcfe;
}
.marketplace-ozon .complaint-section-heading h3 {
  margin: 2px 0 0;
  color: #273850;
  font-size: 15px;
  font-weight: 700;
}
.marketplace-ozon .complaint-section-kicker {
  margin: 0;
  color: var(--ozon-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.marketplace-ozon .complaint-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  margin: 0;
}
.marketplace-ozon .complaint-summary-grid div {
  min-width: 0;
  padding: 3px 10px 3px 0;
  border-right: 1px solid var(--ozon-border);
  background: #fff;
}
.marketplace-ozon .complaint-summary-grid div:nth-child(3n) { border-right: 0; }
.marketplace-ozon .complaint-summary-grid dt {
  color: var(--ozon-muted);
  font-size: 12px;
  font-weight: 600;
}
.marketplace-ozon .complaint-summary-grid dd {
  margin-top: 4px;
  color: #273850;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.marketplace-ozon .complaint-status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--ozon-blue-soft);
  color: #2c5fac;
  font-size: 12px;
  font-weight: 700;
}
.marketplace-ozon .complaint-preparation-form {
  display: grid;
  gap: 0;
}
.marketplace-ozon .complaint-parameter-grid,
.marketplace-ozon .complaint-parameter-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.marketplace-ozon .complaint-parameter-grid { padding: 12px; }
.marketplace-ozon .complaint-parameter-grid label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
  color: #43536b;
  font-size: 12px;
  font-weight: 600;
}
.marketplace-ozon .complaint-parameter-grid input { width: 100%; }
.marketplace-ozon .complaint-parameter-grid small {
  min-height: 28px;
  font-weight: 400;
  line-height: 1.35;
}
.marketplace-ozon .complaint-parameter-summary {
  padding: 12px;
  margin: 0;
}
.marketplace-ozon .complaint-parameter-summary div {
  padding: 4px 10px 4px 0;
  border-right: 1px solid var(--ozon-border);
  background: #fff;
}
.marketplace-ozon .complaint-parameter-summary div:last-child { border-right: 0; }
.marketplace-ozon .complaint-parameter-summary dt {
  color: var(--ozon-muted);
  font-size: 12px;
}
.marketplace-ozon .complaint-parameter-summary dd {
  margin: 4px 0 0;
  color: #273850;
  font-size: 14px;
  font-weight: 700;
}
.marketplace-ozon .complaint-photo-count,
.marketplace-ozon .complaint-attempt-status {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--ozon-blue-soft);
  color: #2c5fac;
  font-size: 12px;
  font-weight: 700;
}
.marketplace-ozon .complaint-evidence-section > .hint,
.marketplace-ozon .complaint-evidence-section > .warning {
  margin: 12px 12px 0;
}
.marketplace-ozon .complaint-evidence-details {
  margin-top: 13px;
  overflow: hidden;
  border: 1px solid #e8edf4;
  border-radius: 10px;
  background: #fcfdff;
}
.marketplace-ozon .complaint-evidence-details > summary {
  padding: 11px 13px;
  color: #315b99;
  cursor: pointer;
  font-weight: 800;
}
.marketplace-ozon .complaint-evidence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 10px;
  padding: 0 12px 12px;
}
.marketplace-ozon .complaint-photo-selection-message {
  margin: 12px 12px 0;
  color: #a23a2a;
  font-size: 13px;
  font-weight: 700;
}
.marketplace-ozon .complaint-evidence-choice {
  min-width: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #fff;
}
.marketplace-ozon .complaint-evidence-choice:has(.complaint-photo-checkbox:checked) {
  border-color: #4f8fe8;
  background: #f3f8ff;
}
.marketplace-ozon .complaint-photo-selector {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px;
  color: #315b99;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.marketplace-ozon .complaint-photo-selector input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.marketplace-ozon #complaint-section input[type="checkbox"] {
  width: 19px;
  min-width: 19px;
  height: 19px;
  min-height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  appearance: auto;
  background: transparent;
  box-shadow: none;
  accent-color: var(--ozon-accent);
}
.marketplace-ozon #complaint-section input[type="checkbox"]:focus-visible {
  outline: 2px solid #5c86c8;
  outline-offset: 3px;
}
.marketplace-ozon .complaint-evidence-choice .complaint-evidence-thumb {
  display: block;
  border: 0;
  border-radius: 0;
}
.marketplace-ozon .complaint-evidence-thumb {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ozon-border);
  border-radius: 9px;
  background: #fff;
  color: #43536b;
  text-decoration: none;
}
.marketplace-ozon .complaint-evidence-thumb:hover {
  border-color: #9bb9e7;
  box-shadow: 0 3px 10px rgba(49, 91, 153, 0.12);
}
.marketplace-ozon .complaint-evidence-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-bottom: 1px solid var(--ozon-border);
}
.marketplace-ozon .complaint-evidence-thumb span {
  display: block;
  overflow: hidden;
  padding: 8px;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-ozon .complaint-evidence-confirmation {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 13px;
  padding: 7px 2px;
  border: 0;
  background: transparent;
  color: #3e4d63;
  font-weight: 500;
  line-height: 1.45;
}
.marketplace-ozon .complaint-evidence-confirmation input {
  flex: 0 0 auto;
}
.marketplace-ozon .complaint-main-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #afc9ef;
  border-radius: 12px;
  background: var(--ozon-blue-pale);
}
.marketplace-ozon .complaint-main-action div {
  display: grid;
  gap: 4px;
  color: #344d70;
}
.marketplace-ozon .complaint-main-action span {
  color: var(--ozon-muted);
  font-size: 12px;
}
.marketplace-ozon .complaint-primary-action {
  min-width: 0;
  padding: 10px 17px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
}
.marketplace-ozon .complaint-form {
  margin: 13px 0 0;
  padding: 14px;
  border: 1px solid var(--ozon-border);
  border-radius: 10px;
  background: var(--ozon-surface);
}
.marketplace-ozon .complaint-response-summary {
  padding: 13px 14px;
}
.marketplace-ozon .complaint-response-preview {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #344054;
  line-height: 1.5;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.marketplace-ozon .complaint-response-full,
.marketplace-ozon .complaint-manual-form-details {
  margin-top: 10px;
}
.marketplace-ozon .complaint-response-full > summary {
  width: fit-content;
  color: #315b99;
  cursor: pointer;
  font-weight: 700;
}
.marketplace-ozon .complaint-response-full > p {
  margin: 10px 0 0;
  padding: 11px 12px;
  border-radius: 8px;
  background: #f7f9fc;
  color: #344054;
  line-height: 1.5;
  white-space: pre-line;
}
.marketplace-ozon .complaint-manual-form-details > summary {
  width: fit-content;
  list-style: none;
  cursor: pointer;
}
.marketplace-ozon .complaint-manual-review {
  margin-top: 22px;
  border-color: #e6ebf2;
  background: #fff;
}
.marketplace-ozon .complaint-manual-review .complaint-section-heading {
  padding: 13px 14px 9px;
  background: #fff;
}
.marketplace-ozon .complaint-manual-review .complaint-attempt-status {
  padding: 4px 8px;
  background: #f2f5f9;
  color: #526177;
}
.marketplace-ozon .complaint-manual-override-form .check {
  align-items: center;
  padding: 4px 0;
}
.marketplace-ozon .complaint-manual-form-details > summary::-webkit-details-marker { display: none; }
.marketplace-ozon .complaint-manual-form-details[open] > summary {
  margin-bottom: 10px;
}
.marketplace-ozon .complaint-manual-form-details .complaint-form {
  margin-top: 0;
}
.marketplace-ozon .complaint-manual-result-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}
.marketplace-ozon .complaint-manual-result-option {
  display: grid;
  gap: 5px;
  align-content: start;
  min-width: 0;
}
.marketplace-ozon .complaint-manual-result-option .btn { width: 100%; }
.marketplace-ozon .complaint-manual-result-option small {
  color: var(--ozon-muted);
  font-size: 12px;
  line-height: 1.35;
}
.marketplace-ozon [id^="complaint-attempt-"] {
  margin-top: 22px;
  border-bottom-color: transparent;
  border-radius: 11px 11px 4px 4px;
}
.marketplace-ozon [id^="complaint-attempt-"] + .complaint-section {
  margin-top: 0;
  border-top-color: #edf1f6;
  border-radius: 4px 4px 11px 11px;
}
.marketplace-ozon .complaint-saved-evidence-grid { padding-top: 12px; }
.marketplace-ozon .complaint-last-response { margin: 12px; }
.marketplace-ozon .complaint-worker-details {
  margin-top: 22px;
  border: 1px solid #e8edf3;
  border-radius: 9px;
  background: #f8fafc;
}
.marketplace-ozon .complaint-worker-details > summary {
  padding: 10px 12px;
  color: #526177;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.marketplace-ozon .complaint-worker-details[open] > summary {
  border-bottom: 1px solid #e8edf3;
}
.marketplace-ozon .complaint-worker-content {
  display: grid;
  gap: 12px;
  padding: 12px;
}
.marketplace-ozon .complaint-worker-state {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: #526177;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.marketplace-ozon .complaint-worker-state-passed {
  background: #e8f7ef;
  color: #24704a;
}
.marketplace-ozon .complaint-worker-state-unavailable,
.marketplace-ozon .complaint-worker-state-error {
  background: #fff3df;
  color: #8b5b13;
}
.marketplace-ozon .complaint-worker-result {
  display: flex;
  align-items: baseline;
  gap: 8px 16px;
  flex-wrap: wrap;
  color: #3e4d63;
}
.marketplace-ozon .complaint-worker-result strong { color: #24704a; }
.marketplace-ozon .complaint-worker-result small {
  flex-basis: 100%;
  color: var(--ozon-muted);
}
.marketplace-ozon .complaint-worker-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.marketplace-ozon .complaint-worker-actions form { margin: 0; }
.marketplace-ozon .complaint-history {
  margin-top: 8px;
  border: 1px solid #e8edf3;
  border-radius: 9px;
  background: #f8fafc;
}
.marketplace-ozon .complaint-history > summary {
  padding: 10px 12px;
  color: #526177;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.marketplace-ozon .complaint-history[open] > summary {
  border-bottom: 1px solid #e8edf3;
}
.marketplace-ozon .complaint-attempt-technical {
  padding-top: 10px;
  border-top: 1px solid var(--ozon-border);
}
.marketplace-ozon .complaint-attempt-technical:first-of-type { border-top: 0; }
.marketplace-ozon .complaint-attempt-technical h4 { margin: 0 0 8px; }
.marketplace-ozon .complaint-attachment-diagnostics {
  margin: 0;
  padding-left: 18px;
}
.marketplace-ozon .complaint-attachment-diagnostics code {
  overflow-wrap: anywhere;
  font-size: 11px;
}
.marketplace-ozon .complaint-empty-section { padding: 14px; }
.marketplace-ozon .complaint-actions,
.marketplace-ozon .complaint-inline-form,
.marketplace-ozon .complaint-close-form,
.marketplace-ozon .complaint-create-form,
.marketplace-ozon .complaint-secondary-actions,
.marketplace-ozon .complaint-filters {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
  margin: 12px 0 0;
}
.marketplace-ozon .complaint-actions button,
.marketplace-ozon .complaint-secondary-actions button { min-width: 210px; }
.marketplace-ozon .complaint-manual-send {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ozon-border);
}
.marketplace-ozon .complaint-manual-send span {
  color: var(--ozon-muted);
  font-size: 12px;
}
.marketplace-ozon .complaint-ticket-actions .complaint-inline-form {
  width: 100%;
  margin: 0;
}
.marketplace-ozon .complaint-inline-form label { min-width: 230px; flex: 1; }
.marketplace-ozon .complaint-close-form input { min-width: 230px; }
.marketplace-ozon .complaint-create-form label { min-width: 280px; flex: 1; }
.marketplace-ozon .complaint-attempt-history {
  display: grid;
  gap: 9px;
  padding: 12px;
}
.marketplace-ozon .complaint-attempt-history h3 { margin: 0 0 8px; }
.marketplace-ozon .complaint-queue-summary h1 { margin: 2px 0 6px; }
.marketplace-ozon .complaint-filters label { min-width: 260px; }
.marketplace-ozon .complaint-table-wrap { overflow-x: auto; }
.marketplace-ozon .complaint-table {
  min-width: 1240px;
  table-layout: fixed;
}
.marketplace-ozon .complaint-col-product { width: 19%; }
.marketplace-ozon .complaint-col-account { width: 8%; }
.marketplace-ozon .complaint-col-status { width: 12%; }
.marketplace-ozon .complaint-col-manual-result { width: 10%; }
.marketplace-ozon .complaint-col-auto-check { width: 18%; }
.marketplace-ozon .complaint-col-attempt { width: 6%; }
.marketplace-ozon .complaint-col-ticket { width: 9%; }
.marketplace-ozon .complaint-col-submitted { width: 9%; }
.marketplace-ozon .complaint-col-next-retry { width: 9%; }
.marketplace-ozon .complaint-table .complaint-worker-state {
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}
.marketplace-ozon .complaint-product-cell { overflow-wrap: anywhere; }
.marketplace-ozon .complaint-ticket-cell {
  font-variant-numeric: tabular-nums;
}
.marketplace-ozon td.complaint-ticket-cell {
  white-space: nowrap;
}
.marketplace-ozon .complaint-table small {
  display: block;
  margin-top: 3px;
  color: var(--ozon-muted);
}
@media (max-width: 760px) {
  .marketplace-ozon .catalog-sync-card { align-items: stretch; flex-direction: column; }
  .marketplace-ozon .catalog-sync-card form,
  .marketplace-ozon .catalog-sync-card button { width: 100%; }
  .marketplace-ozon .complaint-card-header,
  .marketplace-ozon .complaint-next-action,
  .marketplace-ozon .complaint-section-heading,
  .marketplace-ozon .complaint-main-action,
  .marketplace-ozon .complaint-manual-send { align-items: stretch; flex-direction: column; }
  .marketplace-ozon .seller-api-summary {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .marketplace-ozon .seller-api-summary > :not(.seller-api-title):not(.seller-api-arrow) {
    grid-column: 1 / -1;
  }
  .marketplace-ozon .seller-api-arrow { grid-column: 2; grid-row: 1; }
  .marketplace-ozon .complaint-summary-grid,
  .marketplace-ozon .complaint-parameter-grid,
  .marketplace-ozon .complaint-parameter-summary { grid-template-columns: 1fr 1fr; }
  .marketplace-ozon .complaint-main-action,
  .marketplace-ozon .complaint-primary-action { width: 100%; }
  .marketplace-ozon .complaint-actions,
  .marketplace-ozon .complaint-worker-actions,
  .marketplace-ozon .complaint-inline-form,
  .marketplace-ozon .complaint-close-form,
  .marketplace-ozon .complaint-create-form,
  .marketplace-ozon .complaint-secondary-actions,
  .marketplace-ozon .complaint-filters { align-items: stretch; flex-direction: column; }
  .marketplace-ozon .complaint-actions button,
  .marketplace-ozon .complaint-worker-actions button,
  .marketplace-ozon .complaint-secondary-actions button { width: 100%; }
}
.marketplace-ozon .queue-summary h1 {
  margin: 2px 0 6px;
  color: var(--ozon-text);
  font-size: 24px;
  letter-spacing: -0.02em;
}
.marketplace-ozon .queue-summary .kicker {
  color: #5f7ea9;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.marketplace-ozon .queue-summary .queue-summary-hint {
  max-width: 950px;
  margin-top: 5px;
  color: var(--ozon-muted);
  font-size: 13px;
  line-height: 1.45;
}
.marketplace-ozon .counter {
  padding: 6px 10px;
  border-color: var(--ozon-border);
  background: var(--ozon-surface);
  color: #536178;
}
.marketplace-ozon .counter:hover {
  border-color: #aac4eb;
  background: var(--ozon-blue-soft);
}
.marketplace-ozon .filters {
  border-color: var(--ozon-border);
  background: var(--ozon-surface-soft);
  box-shadow: none;
}
.marketplace-ozon .advanced-filter-grid { border-color: var(--ozon-border); }
.marketplace-ozon .queue-table-wrap { border-color: var(--ozon-border-strong); }
.marketplace-ozon .queue-table thead th {
  background: var(--ozon-blue-soft);
  color: #334760;
  font-weight: 700;
}
.marketplace-ozon .queue-table th,
.marketplace-ozon .queue-table td { border-color: var(--ozon-border); }
.marketplace-ozon .queue-table tbody tr:hover { background: #f3f7fd; }
.marketplace-ozon .queue-status-pill {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 999px;
  background: #eef3fa;
  color: #445673;
  font-size: 12px;
  line-height: 1.3;
}
.marketplace-ozon .account-badge {
  background: var(--ozon-blue-pale);
  color: #42679d;
}
.marketplace-ozon .unmatched-row { cursor: pointer; }
.marketplace-ozon .unmatched-row:focus-visible {
  outline: 2px solid #78a2df;
  outline-offset: -2px;
  background: var(--ozon-blue-pale);
}
.marketplace-ozon .unmatched-row .row-action {
  display: block;
  width: fit-content;
  margin-top: 8px;
  color: var(--ozon-accent);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.marketplace-ozon .unmatched-row .row-action:hover { color: var(--ozon-accent-hover); }

.marketplace-ozon .mapping-hero-note {
  max-width: 760px;
  margin-top: 9px;
  color: #51617a;
  font-size: 13px;
  line-height: 1.45;
}
.marketplace-ozon .mapping-guide {
  display: grid;
  grid-template-columns: minmax(230px, 0.8fr) minmax(420px, 1.7fr);
  gap: 20px;
  border-color: #c8dcf8;
  background: var(--ozon-blue-pale);
}
.marketplace-ozon .mapping-guide h2 { margin: 3px 0 0; font-size: 19px; }
.marketplace-ozon .mapping-guide ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 21px;
  color: #44536a;
  font-size: 13px;
  line-height: 1.45;
}
.marketplace-ozon .mapping-overview .card { height: 100%; margin-bottom: 0; }
.marketplace-ozon .mapping-source-card { border-top: 3px solid #7ea8e6; }
.marketplace-ozon .mapping-result-card { border-top: 3px solid #a4b2c6; }
.marketplace-ozon .mapping-comparison-card .side-head { background: var(--ozon-blue-soft); }
.marketplace-ozon .mapping-comparison-card .side-row > * { border-color: var(--ozon-border); }
.marketplace-ozon .mapping-search-card .embedded-table { border-color: var(--ozon-border); }
.marketplace-ozon .mapping-search-card table th { background: var(--ozon-blue-soft); }
.marketplace-ozon .section-intro {
  max-width: 880px;
  margin: -2px 0 13px;
  color: var(--ozon-muted);
  font-size: 13px;
  line-height: 1.45;
}
.marketplace-ozon .mapping-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--ozon-border);
  border-radius: 9px;
  background: #fff;
}
.marketplace-ozon .mapping-choice:hover { border-color: #a9c3e9; background: var(--ozon-blue-pale); }
.marketplace-ozon .mapping-choice input { min-height: 0; margin: 3px 0 0; }
.marketplace-ozon .mapping-choice span,
.marketplace-ozon .mapping-choice small { display: block; }
.marketplace-ozon .mapping-choice small { margin-top: 3px; color: var(--ozon-muted); line-height: 1.35; }

.marketplace-ozon .photo-thumb img { border-color: var(--ozon-border); }
.marketplace-ozon .photo-thumb:hover img { border-color: #80a9e6; }
.marketplace-ozon .photo-thumb,
.marketplace-ozon .photo-thumb:hover {
  min-height: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ozon-text);
  font-weight: inherit;
}
.marketplace-ozon .photo-modal-backdrop,
.marketplace-ozon .photo-modal-backdrop:hover,
.marketplace-ozon .photo-modal-close,
.marketplace-ozon .photo-modal-nav {
  min-height: 0;
  background: transparent;
  font-weight: inherit;
}
.marketplace-ozon .photo-modal-backdrop,
.marketplace-ozon .photo-modal-backdrop:hover { border-radius: 0; }
.marketplace-ozon .photo-modal-close:hover,
.marketplace-ozon .photo-modal-close:focus-visible { background: rgba(255, 255, 255, 0.1); }
.marketplace-ozon .photo-modal-nav:hover,
.marketplace-ozon .photo-modal-nav:focus-visible { background: rgba(255, 255, 255, 0.07); }
.marketplace-ozon .history-item {
  border-left-color: #83a9e2;
  border-radius: 0 8px 8px 0;
  background: var(--ozon-surface-soft);
}
.marketplace-ozon .internal-dimensions-form,
.marketplace-ozon .decision-form fieldset {
  border-color: var(--ozon-border);
  background: var(--ozon-surface-soft);
}

.marketplace-ozon.auth-page {
  min-height: 100vh;
  background: var(--ozon-page-bg);
}
.marketplace-ozon.auth-page .topbar { display: none; }
.marketplace-ozon.auth-page .page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 24px;
}
.marketplace-ozon .login-card {
  width: min(100%, 440px);
  margin: 0;
  padding: 28px;
  border-color: var(--ozon-border-strong);
  box-shadow: 0 12px 32px rgba(52, 79, 119, 0.09);
}
.marketplace-ozon .login-card .kicker { color: #5b78a4; }
.marketplace-ozon .login-card h1 { font-size: 25px; line-height: 1.25; }
.marketplace-ozon .login-form button { width: 100%; }

@media (max-width: 1180px) {
  .marketplace-ozon .topbar { align-items: flex-start; }
  .marketplace-ozon .topbar nav { flex-wrap: wrap; }
  .marketplace-ozon .nav-sections { order: 3; flex-basis: 100%; justify-content: flex-start; }
}

@media (max-width: 900px) {
  .marketplace-ozon .topbar { gap: 8px; }
  .marketplace-ozon .product-hero { gap: 14px; }
  .marketplace-ozon .ozon-identity-summary { grid-template-columns: 1fr; }
  .marketplace-ozon .ozon-hero-fact { padding-right: 0; border-right: 0; }
  .marketplace-ozon .marketplace-comparison-wrap { overflow-x: auto; }
  .marketplace-ozon .marketplace-comparison-table { min-width: 760px; }
  .marketplace-ozon .mapping-guide { grid-template-columns: 1fr; gap: 10px; }
  .marketplace-ozon .photo-family-summary {
    grid-template-columns: 1fr auto;
    gap: 8px 14px;
  }
  .marketplace-ozon .photo-family-stat { grid-row: 2; }
  .marketplace-ozon .photo-family-toggle { grid-column: 2; grid-row: 1 / span 2; }
}

/* Wildberries theme mirrors the approved layout while keeping its own palette. */
.marketplace-wb {
  --wb-page-bg: #f2eff7;
  --wb-header-bg: #ede6f6;
  --wb-surface: #fff;
  --wb-surface-soft: #f8f5fb;
  --wb-purple-soft: #eee7f8;
  --wb-purple-pale: #f6f1fa;
  --wb-border: #ded4ea;
  --wb-border-strong: #cfc0df;
  --wb-accent: #8061a8;
  --wb-accent-hover: #6d5094;
  --wb-text: #211b2a;
  --wb-muted: #70677b;
  --wb-soft: var(--wb-purple-soft);
  --bg: var(--wb-page-bg);
  --card: var(--wb-surface);
  --text: var(--wb-text);
  --muted: var(--wb-muted);
  --line: var(--wb-border);
  --accent: var(--wb-accent);
  --accent-soft: var(--wb-purple-soft);
  background: var(--wb-page-bg);
}

.marketplace-wb .topbar-nav { flex: 1 1 auto; min-width: 0; }
.marketplace-wb .nav-sections,
.marketplace-wb .nav-account { display: flex; align-items: center; gap: 10px 16px; }
.marketplace-wb .nav-sections { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
.marketplace-wb .nav-account { flex: 0 0 auto; }
.marketplace-wb .topbar {
  gap: 18px;
  min-height: 58px;
  padding: 9px 18px;
  border-bottom: 1px solid var(--wb-border);
  background: var(--wb-header-bg);
  color: var(--wb-text);
  box-shadow: 0 2px 10px rgba(74, 55, 99, 0.05);
}
.marketplace-wb .brand {
  flex: 0 0 auto;
  color: var(--wb-text);
  font-size: 15px;
  letter-spacing: -0.01em;
}
.marketplace-wb .topbar nav {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 3px;
  min-width: 0;
}
.marketplace-wb .nav-sections { gap: 3px; }
.marketplace-wb .nav-sections > a {
  padding: 7px 8px;
  border-radius: 8px;
  color: #51475f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.marketplace-wb .nav-sections > a:hover {
  background: var(--wb-purple-pale);
  color: var(--wb-accent-hover);
}
.marketplace-wb .marketplace-switch {
  flex: 0 0 auto;
  border-color: var(--wb-border-strong);
  border-radius: 11px;
  background: #f7f4fa;
  box-shadow: inset 0 0 0 1px rgba(70, 49, 96, 0.02);
}
.marketplace-wb .marketplace-link {
  min-width: 64px;
  padding: 8px 12px;
  color: var(--wb-muted) !important;
  font-size: 14px;
  text-align: center;
}
.marketplace-wb .marketplace-link.active {
  background: var(--wb-purple-soft);
  color: var(--wb-accent-hover) !important;
  box-shadow: inset 0 0 0 1px rgba(128, 97, 168, 0.1);
}
.marketplace-wb .nav-account { gap: 8px; margin-left: auto; }
.marketplace-wb .auth-user {
  padding-left: 12px;
  border-left: 1px solid var(--wb-border);
  color: var(--wb-muted);
  font-size: 13px;
  white-space: nowrap;
}
.marketplace-wb .nav-more { position: relative; }
.marketplace-wb .nav-more summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border-radius: 8px;
  color: #51475f;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  white-space: nowrap;
}
.marketplace-wb .nav-more summary::-webkit-details-marker { display: none; }
.marketplace-wb .nav-more summary::after {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid #7b7087;
  border-bottom: 1.5px solid #7b7087;
  content: "";
  transform: rotate(45deg);
  transform-origin: center;
}
.marketplace-wb .nav-more[open] summary::after { margin-top: 3px; transform: rotate(225deg); }
.marketplace-wb .nav-more summary:hover,
.marketplace-wb .nav-more[open] summary {
  background: var(--wb-purple-pale);
  color: var(--wb-accent-hover);
}
.marketplace-wb .nav-more-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  right: 0;
  display: grid;
  min-width: 210px;
  max-width: calc(100vw - 24px);
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid var(--wb-border);
  border-radius: 10px;
  background: var(--wb-surface);
  box-shadow: 0 12px 30px rgba(65, 47, 87, 0.14);
}
.marketplace-wb .nav-more-menu a {
  margin: 0;
  padding: 9px 10px;
  border-radius: 7px;
  color: #493e56;
  font-size: 13px;
}
.marketplace-wb .nav-more-menu a:hover {
  background: var(--wb-purple-pale);
  color: var(--wb-accent-hover);
}
.marketplace-wb .topbar-button {
  min-height: 32px;
  padding: 6px 10px;
  border-color: var(--wb-border-strong);
  background: var(--wb-surface-soft);
  color: #493e56;
  font-size: 13px;
}
.marketplace-wb .topbar-button:hover {
  border-color: var(--wb-border-strong);
  background: var(--wb-purple-soft);
  color: var(--wb-accent-hover);
}

.marketplace-wb .page { padding-top: 18px; padding-bottom: 28px; }
.marketplace-wb .hero,
.marketplace-wb .card,
.marketplace-wb .notice,
.marketplace-wb .filters,
.marketplace-wb .table-wrap,
.marketplace-wb .queue-summary {
  border-color: var(--wb-border);
  border-radius: 12px;
  background: var(--wb-surface);
  box-shadow: 0 3px 14px rgba(71, 54, 92, 0.045);
}
.marketplace-wb .card h2,
.marketplace-wb .hero h1 { color: var(--wb-text); letter-spacing: -0.015em; }
.marketplace-wb .kicker { color: #766687; }
.marketplace-wb button,
.marketplace-wb .button {
  min-height: 36px;
  border-radius: 8px;
  background: var(--wb-accent);
  font-weight: 600;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.marketplace-wb button:hover,
.marketplace-wb .button:hover { background: var(--wb-accent-hover); }
.marketplace-wb .muted,
.marketplace-wb .secondary-action {
  border-color: var(--wb-border-strong);
  background: var(--wb-surface-soft);
  color: #493e56;
}
.marketplace-wb .muted:hover,
.marketplace-wb .secondary-action:hover {
  border-color: var(--wb-border-strong);
  background: var(--wb-purple-soft);
  color: var(--wb-accent-hover);
}
.marketplace-wb .disabled,
.marketplace-wb .disabled:hover {
  border-color: #e5dfeb;
  background: #f1eef4;
  color: #938a9c;
  box-shadow: none;
}
.marketplace-wb input,
.marketplace-wb select,
.marketplace-wb textarea {
  min-height: 36px;
  border-color: var(--wb-border-strong);
  background: var(--wb-surface);
  color: var(--wb-text);
}
.marketplace-wb input:focus,
.marketplace-wb select:focus,
.marketplace-wb textarea:focus {
  border-color: #aa91c7;
  outline: 3px solid rgba(128, 97, 168, 0.11);
}
.marketplace-wb .check input { min-height: 0; }
.marketplace-wb .wb-filters button:not(.topbar-button):not(.muted):hover,
.marketplace-wb .wb-card form button:not(.muted):not(.secondary-action):hover {
  background: var(--wb-accent-hover);
}

.marketplace-wb .product-hero {
  gap: 24px;
  padding: 18px;
  border-color: var(--wb-border-strong);
  box-shadow: 0 5px 18px rgba(70, 52, 91, 0.06);
}
.marketplace-wb .product-hero h1 {
  max-width: 920px;
  font-size: 27px;
  line-height: 1.18;
  overflow-wrap: anywhere;
}
.marketplace-wb .wb-hero-summary { gap: 9px 20px; margin-top: 14px; }
.marketplace-wb .wb-hero-fact {
  padding-right: 12px;
  border-right: 1px solid #f0ebf4;
}
.marketplace-wb .wb-hero-fact:last-child { padding-right: 0; border-right: 0; }
.marketplace-wb .wb-hero-fact dt { color: var(--wb-muted); }
.marketplace-wb .wb-hero-fact dd { color: #372d43; }
.marketplace-wb .hero-actions { gap: 7px; max-width: 560px; }
.marketplace-wb .hero-actions .button { padding: 8px 11px; }

.marketplace-wb .task-card {
  border-color: #d9cae8;
  background: var(--wb-purple-pale);
  box-shadow: none;
}
.marketplace-wb .task-card .review-instruction { color: #503c68; }
.marketplace-wb .decision-summary {
  border-color: var(--wb-border);
  background: var(--wb-surface-soft);
  box-shadow: none;
}
.marketplace-wb .decision-summary-pending { border-left: 4px solid #9c8aaa; }
.marketplace-wb .decision-summary-saved {
  border-left: 4px solid #6fa081;
  background: #f1f8f3;
}
.marketplace-wb .decision-summary .empty-state { color: #746a7f; }
.marketplace-wb .system-checks { align-items: stretch; }
.marketplace-wb .system-check {
  min-height: 86px;
  padding: 12px 13px 12px 15px;
  border-color: var(--wb-border);
  border-left-width: 3px;
  border-radius: 10px;
  background: var(--wb-surface-soft);
}
.marketplace-wb .system-check strong { color: #3a3046; }
.marketplace-wb .system-check span { color: var(--wb-muted); line-height: 1.4; }
.marketplace-wb .system-check-success { border-left-color: #5da177; background: #f7fbf8; }
.marketplace-wb .system-check-warning { border-left-color: #dca13d; background: #fffaf0; }
.marketplace-wb .system-check-error { border-left-color: #cf7474; background: #fff8f8; }
.marketplace-wb .system-check-empty { border-left-color: #a69aac; }

.marketplace-wb .wb-comparison {
  overflow: hidden;
  border-color: var(--wb-border-strong);
  border-radius: 10px;
}
.marketplace-wb .wb-comparison .marketplace-comparison-table th,
.marketplace-wb .wb-comparison .marketplace-comparison-table td {
  padding: 10px 9px;
  border-color: var(--wb-border);
  color: #3b3146;
}
.marketplace-wb .wb-comparison .marketplace-comparison-table thead th {
  background: var(--wb-purple-soft);
  color: #4d405b;
}
.marketplace-wb .wb-comparison .marketplace-comparison-table tbody th {
  background: var(--wb-purple-pale);
  color: #453650;
}
.marketplace-wb .wb-comparison .marketplace-comparison-table tbody td { background: #fff; }
.marketplace-wb .wb-comparison .marketplace-comparison-table tbody tr:hover td,
.marketplace-wb .wb-comparison .marketplace-comparison-table tbody tr:hover th { background: #f8f4fb; }

.marketplace-wb .queue-summary {
  padding: 11px 14px;
  border-left: 4px solid #9a7fbc;
  background: var(--wb-purple-pale);
  box-shadow: none;
}
.marketplace-wb .queue-summary h1 {
  margin: 2px 0 6px;
  color: var(--wb-text);
  font-size: 24px;
  letter-spacing: -0.02em;
}
.marketplace-wb .queue-summary p { color: #50465a; }
.marketplace-wb .queue-summary .hint { margin-top: 5px; color: var(--wb-muted); font-size: 13px; }
.marketplace-wb .counter {
  padding: 6px 10px;
  border-color: var(--wb-border);
  background: var(--wb-surface);
  color: #62576d;
}
.marketplace-wb .counter:hover {
  border-color: #bda9d2;
  background: var(--wb-purple-soft);
}
.marketplace-wb .filters {
  border-color: var(--wb-border);
  background: var(--wb-surface-soft);
  box-shadow: none;
}
.marketplace-wb .advanced-filter-grid { border-color: var(--wb-border); }
.marketplace-wb .queue-table-wrap { border-color: var(--wb-border-strong); }
.marketplace-wb .queue-table thead th,
.marketplace-wb .table-wrap:not(.queue-table-wrap) table thead th {
  background: var(--wb-purple-soft);
  color: #4c4059;
  font-weight: 700;
}
.marketplace-wb .queue-table th,
.marketplace-wb .queue-table td,
.marketplace-wb .table-wrap table th,
.marketplace-wb .table-wrap table td { border-color: var(--wb-border); }
.marketplace-wb .queue-table tbody tr:hover,
.marketplace-wb .table-wrap table tbody tr:hover { background: #f8f4fb; }
.marketplace-wb .queue-status-pill {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 999px;
  background: #f0eaf6;
  color: #59476d;
  font-size: 12px;
  line-height: 1.3;
}
.marketplace-wb .account-badge,
.marketplace-wb .wb-badge {
  background: var(--wb-purple-pale);
  color: #6b528a;
}
.marketplace-wb .wb-row:focus-visible {
  outline-color: #9d80be;
  background: var(--wb-purple-pale);
}

.marketplace-wb .photo-thumb img { border-color: var(--wb-border); }
.marketplace-wb .photo-thumb:hover img { border-color: #a58ac4; }
.marketplace-wb .photo-thumb,
.marketplace-wb .photo-thumb:hover {
  min-height: 0;
  border-radius: 0;
  background: transparent;
  color: var(--wb-text);
  font-weight: inherit;
}
.marketplace-wb .photo-modal-backdrop,
.marketplace-wb .photo-modal-backdrop:hover,
.marketplace-wb .photo-modal-close,
.marketplace-wb .photo-modal-nav {
  min-height: 0;
  background: transparent;
  font-weight: inherit;
}
.marketplace-wb .photo-modal-backdrop,
.marketplace-wb .photo-modal-backdrop:hover { border-radius: 0; }
.marketplace-wb .photo-modal-close:hover,
.marketplace-wb .photo-modal-close:focus-visible { background: rgba(255, 255, 255, 0.1); }
.marketplace-wb .photo-modal-nav:hover,
.marketplace-wb .photo-modal-nav:focus-visible { background: rgba(255, 255, 255, 0.07); }
.marketplace-wb .history-item {
  border-left-color: #a58bc4;
  border-radius: 0 8px 8px 0;
  background: var(--wb-surface-soft);
}
.marketplace-wb .internal-dimensions-form,
.marketplace-wb .decision-form fieldset {
  border-color: var(--wb-border);
  background: var(--wb-surface-soft);
}
.marketplace-wb .revision-summary span,
.marketplace-wb .revision-summary strong {
  background: var(--wb-purple-pale);
  color: #654d82;
}
.marketplace-wb .technical-block { color: #51465d; }
.marketplace-wb .technical-dl code,
.marketplace-wb .history-item code { color: #62576d; }

@media (max-width: 1180px) {
  .marketplace-wb .topbar { align-items: flex-start; }
  .marketplace-wb .topbar nav { flex-wrap: wrap; }
  .marketplace-wb .nav-sections { order: 3; flex-basis: 100%; justify-content: flex-start; }
}

@media (max-width: 900px) {
  .marketplace-wb .topbar { gap: 8px; }
  .marketplace-wb .product-hero { gap: 14px; }
  .marketplace-wb .wb-hero-fact { padding-right: 0; border-right: 0; }
  .marketplace-wb .marketplace-comparison-wrap { overflow-x: auto; }
  .marketplace-wb .marketplace-comparison-table { min-width: 760px; }
}