/* static.css */
:root {
    --bg: #f2f3f5;
    --surface: #ffffff;
    --surface-soft: #f7f8fa;
    --ink: #141414;
    --muted: #717680;
    --line: #e3e5e8;
    --line-dark: #cfd2d6;
    --blue: #1684f8;
    --blue-dark: #056bd2;
    --blue-soft: #eaf4ff;
    --green: #4f9f63;
    --green-soft: #edf8ef;
    --red: #ef5d5d;
    --red-soft: #fff0f0;
    --amber: #b57900;
    --amber-soft: #fff8df;
    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 13px;
    --shadow: 0 10px 35px rgba(20, 28, 40, .06);
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.45;
}
button, input, select, textarea { font: inherit; }
a { color: inherit; }
button { color: inherit; }

.site-shell { min-height: 100vh; padding: 16px; }
.app-header {
    width: min(1740px, 100%);
    min-height: 74px;
    margin: 0 auto 18px;
    padding: 12px 18px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
    align-items: center;
    gap: 20px;
    background: var(--surface);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-lg);
    box-shadow: 0 3px 18px rgba(0,0,0,.035);
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    width: max-content;
    color: var(--ink);
    text-decoration: none;
}
.brand-mark {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--ink);
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}
.brand-copy { display: grid; line-height: 1.1; }
.brand-copy strong { font-size: 16px; letter-spacing: .08em; }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 11px; }
.main-nav { display: flex; align-items: center; gap: 6px; }
.main-nav__link {
    padding: 10px 17px;
    border-radius: 999px;
    color: #5d6168;
    font-weight: 650;
    text-decoration: none;
    transition: .18s ease;
}
.main-nav__link:hover { background: var(--surface-soft); color: var(--ink); }
.main-nav__link.active { background: var(--ink); color: #fff; }
.header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
.ozon-badge {
    padding: 7px 13px;
    border: 1px solid #b9dcff;
    border-radius: 999px;
    color: var(--blue);
    background: var(--blue-soft);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}
.logout-link {
    padding: 9px 14px;
    border-radius: 999px;
    color: #62666d;
    text-decoration: none;
    font-weight: 650;
}
.logout-link:hover { background: var(--red-soft); color: var(--red); }
.page-container { width: min(1740px, 100%); margin: 0 auto; padding-bottom: 40px; }

.flash-list { display: grid; gap: 8px; margin-bottom: 14px; }
.alert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 15px;
    border: 1px solid #f0d2d2;
    border-radius: var(--radius-md);
    background: var(--red-soft);
    color: #9a3434;
}
.alert-success { border-color: #cfe8d4; background: var(--green-soft); color: #367747; }
.alert-warning { border-color: #f1df9d; background: var(--amber-soft); color: #806010; }
.alert-info { border-color: #cfe5fb; background: var(--blue-soft); color: #1768ac; }
.alert-close { border: 0; background: transparent; cursor: pointer; font-size: 20px; opacity: .65; }

.page-heading {
    min-height: 132px;
    margin-bottom: 16px;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    background: var(--surface);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
}
.page-heading--actions { justify-content: space-between; gap: 24px; }
.page-heading h1 { margin: 4px 0 6px; font-size: clamp(28px, 3vw, 43px); line-height: 1.05; letter-spacing: -.035em; }
.page-heading p { max-width: 720px; margin: 0; color: var(--muted); }
.eyebrow { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

.panel {
    background: var(--surface);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    padding: 24px;
}
.panel--flush { padding: 0; overflow: hidden; }
.panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 22px;
}
.panel-heading h2 { margin: 4px 0 0; font-size: 24px; }

.button, .action-primary, .action-cancel, .file-button, .side-action {
    min-height: 42px;
    padding: 10px 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 750;
    text-decoration: none;
    transition: transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}
.button:hover, .action-primary:hover, .action-cancel:hover, .file-button:hover, .side-action:hover { transform: translateY(-1px); }
.button:disabled, .action-primary:disabled, .file-button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.button-primary, .action-primary { background: var(--blue); color: #fff; }
.button-primary:hover, .action-primary:hover { background: var(--blue-dark); }
.button-dark, .file-button, .side-action { background: var(--ink); color: #fff; }
.button-dark:hover, .file-button:hover, .side-action:hover { background: #2d2d2d; }
.button-light, .action-cancel { background: #fff; color: var(--ink); border-color: var(--line-dark); }
.button-light:hover, .action-cancel:hover { background: var(--surface-soft); }
.button-danger { background: var(--red-soft); color: #c34444; border-color: #f4caca; }
.button-small { min-height: 34px; padding: 7px 13px; font-size: 12px; }
.button-block { width: 100%; }
.button-link { min-height: auto; padding: 0; border: 0; background: transparent; }
.text-action, .table-link { color: var(--blue); font-weight: 700; text-decoration: none; }
.text-action:hover, .table-link:hover { text-decoration: underline; }

input:not([type="checkbox"]):not([type="radio"]), select, textarea, .control-input {
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    border: 1px solid var(--line-dark);
    border-radius: 11px;
    background: #fff;
    color: var(--ink);
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus, .control-input:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(22,132,248,.12);
}
input[type="checkbox"], input[type="radio"] { width: 17px; height: 17px; accent-color: var(--blue); flex: 0 0 auto; }
textarea { resize: vertical; }
.field-group { display: grid; gap: 7px; }
.field-group label, .attribute-card label { color: #4e535a; font-size: 12px; font-weight: 700; }
.stack-form { display: grid; gap: 17px; }
.form-actions, .panel-footer-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap; }
.panel-footer-actions { padding: 18px 22px; border-top: 1px solid var(--line); }

.auth-minimal {
    min-height: calc(100vh - 150px);
    display: grid;
    place-items: center;
    padding: 32px 16px 70px;
}
.auth-card {
    width: min(430px, 100%);
    padding: 34px;
}
.auth-card__mark {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--ink);
    color: #fff;
    font-size: 23px;
    font-weight: 900;
}
.auth-card__heading { margin-bottom: 24px; }
.auth-card__heading h1 { margin: 6px 0 8px; font-size: 32px; letter-spacing: -.035em; }
.auth-card__heading p { margin: 0; color: var(--muted); }
.auth-card__note { margin: 17px 0 0; color: var(--muted); font-size: 11px; text-align: center; }

.company-summary { margin-bottom: 16px; display: flex; align-items: center; gap: 18px; }
.company-summary__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: var(--blue); color: #fff; font-size: 23px; font-weight: 900; }
.company-summary h2 { margin: 3px 0 0; }
.company-summary p { margin: 3px 0 0; color: var(--muted); }
.company-summary .status-chip { margin-left: auto; }
.dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.dashboard-card {
    min-height: 250px;
    padding: 30px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: end;
    gap: 20px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-xl);
    background: var(--surface);
    color: var(--ink);
    text-decoration: none;
    box-shadow: var(--shadow);
    transition: transform .18s ease, box-shadow .18s ease;
}
.dashboard-card:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(20,28,40,.11); }
.dashboard-card--accent { background: #fff; color: var(--ink); border-color: var(--line-dark); }
.dashboard-card--accent:hover { background: #f7f7f8; border-color: var(--ink); }
.dashboard-card__number { align-self: start; color: var(--muted); font-weight: 800; }
.dashboard-card--accent .dashboard-card__number, .dashboard-card--accent p { color: var(--muted); }
.dashboard-card h2 { margin: 0 0 8px; font-size: 28px; }
.dashboard-card p { max-width: 430px; margin: 0; color: var(--muted); }
.dashboard-card__arrow { font-size: 32px; }
 .pricing-workspace { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
.workspace-sidebar, .pricing-sidebar {
    padding: 22px 0 0;
    background: var(--surface);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.sidebar-title, .filters-title { margin: 0 20px 15px; font-size: 20px; }
.sidebar-form, .pricing-sidebar form { display: grid; gap: 10px; }
.filter-card { margin: 0 11px; border: 1px solid var(--line-dark); border-radius: 15px; overflow: hidden; background: #fff; }
.filter-card__title {
    width: 100%;
    min-height: 38px;
    padding: 8px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    background: var(--ink);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}
.filter-card__body { padding: 11px; }
.filter-card.collapsed .filter-card__body { display: none; }
.filter-card.collapsed .filter-chevron { transform: rotate(-90deg); }
.filter-chevron { transition: transform .15s ease; }
.choice-line { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 5px 0; color: #34383d; cursor: pointer; }
.choice-line span { min-width: 0; }
.choice-line small { display: block; margin-top: 3px; color: var(--muted); }
.choice-line--sub { padding-left: 25px; font-size: 12px; }
.choice-line--large { padding: 14px; border: 1px solid var(--line); border-radius: 13px; }
.choice-line--selected { color: var(--blue); font-weight: 750; }
.filter-hint { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.4; }
.search-field { display: flex; align-items: center; gap: 7px; }
.search-field span { color: var(--muted); }
.search-field input { min-height: 38px !important; padding: 8px 3px !important; border: 0 !important; box-shadow: none !important; }
.search-field--sidebar { padding: 0 8px; border: 1px solid var(--line-dark); border-radius: 999px; }
.category-filter-list { max-height: 430px; overflow: auto; }
.category-filter { border-bottom: 1px solid var(--line); }
.category-filter:last-child { border-bottom: 0; }
.category-filter__row, .export-category__heading { display: flex; align-items: flex-start; }
.category-expand { width: 24px; height: 29px; border: 0; background: transparent; cursor: pointer; font-size: 23px; line-height: 1; transition: transform .15s ease; }
.category-filter.expanded .category-expand, .export-category.expanded .category-expand { transform: rotate(90deg); }
.subcategory-filter, .export-subcategories { display: none; padding: 0 0 7px 8px; }
.category-filter.expanded .subcategory-filter, .export-category.expanded .export-subcategories { display: block; }
.sidebar-actions, .filter-actions { display: grid; gap: 8px; margin: 4px 11px 0; padding: 12px 0 16px; }
.reset-link, .side-reset { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; border: 1px solid var(--line-dark); border-radius: 999px; color: #4f545a; text-decoration: none; font-size: 12px; }
.reset-link span, .side-reset span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; }
.sidebar-utility { border-top: 1px solid var(--line); }
.utility-link { padding: 16px 18px; display: flex; justify-content: space-between; color: var(--ink); text-decoration: none; font-weight: 700; }
.utility-link:hover { background: var(--surface-soft); }
.workspace-main, .pricing-main { min-width: 0; }

.table-toolbar { min-height: 70px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.table-toolbar > div:first-child { display: grid; gap: 2px; }
.table-toolbar__actions { display: flex; align-items: center; gap: 14px; }
.data-table-wrap, .pricing-table-wrap { width: 100%; overflow: auto; }
.data-table-wrap--tall { max-height: 680px; }
.data-table, .pricing-table, .nested-table { width: 100%; border-collapse: collapse; }
.data-table th, .pricing-table th, .nested-table th {
    padding: 13px 14px;
    text-align: left;
    color: #5d626a;
    background: #fbfbfc;
    border-bottom: 1px solid var(--line-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 2;
}
.data-table td, .pricing-table td, .nested-table td { padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.data-table tbody tr:hover, .pricing-table tbody tr:hover { background: #fafbfc; }
.product-table { min-width: 980px; }
.image-cell { width: 72px; }
.image-cell img { width: 54px; height: 54px; object-fit: cover; border: 1px solid var(--line); border-radius: 13px; }
.image-placeholder { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 13px; background: var(--surface-soft); color: var(--muted); }
.product-title-cell { min-width: 260px; max-width: 500px; }
.secondary-text, .old-value { color: var(--muted); }
.price-value { display: inline-flex; align-items: baseline; gap: 5px; width: max-content; white-space: nowrap; padding: 7px 11px; border: 1px solid var(--line-dark); border-radius: 999px; font-weight: 750; }
.price-value--wb {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    width: max-content;
    min-width: max-content;
    white-space: nowrap;
    line-height: 1.1;
}
.price-value__amount, .price-value__currency { white-space: nowrap; }
.price-value__currency { color: var(--muted); font-size: .78em; font-weight: 800; }
.empty-state, .empty-table { padding: 48px !important; text-align: center !important; color: var(--muted); }
.record-count { min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 999px; background: var(--surface-soft); font-weight: 800; }

.pricing-app { background: var(--surface); border: 1px solid var(--line-dark); border-radius: var(--radius-xl); box-shadow: var(--shadow); overflow: hidden; }
.pricing-workspace { grid-template-columns: 255px minmax(0, 1fr); gap: 0; }
.pricing-sidebar { border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; align-self: stretch; }
.pricing-main { padding: 18px 20px 20px; }
.pricing-search { width: min(360px, 100%); margin: 0 0 14px auto; padding: 0 12px; display: flex; align-items: center; border: 1px solid var(--line-dark); border-radius: 999px; }
.pricing-search input { min-height: 37px !important; padding: 7px 5px !important; border: 0 !important; box-shadow: none !important; }
.search-icon { color: var(--muted); display:grid; place-items:center; align-self:center; line-height:1; }
.mode-note { margin-bottom: 12px; padding: 10px 13px; border: 1px solid #cde4fb; border-radius: 12px; background: var(--blue-soft); color: #3b668b; font-size: 12px; }
.mode-note strong { margin-right: 8px; color: var(--blue); }
.pricing-table-wrap { max-height: 620px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.pricing-table { min-width: 1100px; }
.select-column { width: 38px; text-align: center !important; }
.product-name-cell { min-width: 250px; }
.product-name-cell strong { display: block; max-width: 410px; }
.product-name-cell span { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.price-pill { min-width: 105px !important; min-height: 37px !important; padding: 7px 11px !important; border-radius: 999px !important; text-align: center; color: #166fc4 !important; font-weight: 750; }
.price-row--locked { opacity: .55; }
.price-row--changed { background: #f3f9ff !important; }
.status-chip, .currency-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: 1px solid var(--line-dark);
    border-radius: 999px;
    color: #646970;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
.status-chip--ok { border-color: #cce7d2; background: var(--green-soft); color: var(--green); }
.status-chip--warning { border-color: #f0dba1; background: var(--amber-soft); color: var(--amber); }
.currency-chip { color: var(--blue); border-color: #c6e1fb; background: var(--blue-soft); }
.row-result { margin-top: 5px; max-width: 190px; font-size: 10px; }
.row-result.is-loading { color: var(--muted); }
.row-result.is-success { color: var(--green); }
.row-result.is-error { color: var(--red); }
.pricing-actions-row { padding: 18px 0 12px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.inline-actions, .file-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.file-actions form { margin: 0; }
.pricing-footer { padding-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.products-footer { padding: 16px 20px 20px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid var(--line); background: #fff; }
.pagination-modern { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.page-number { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 9px; color: #3d4147; text-decoration: none; }
.page-number:hover { background: var(--surface-soft); }
.page-number.active { background: #3d3d3d; color: #fff; }
.page-dots { padding: 0 5px; color: var(--muted); }
.rows-count-form { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.rows-count-form select { width: auto; min-height: 35px; border-radius: 999px; padding: 5px 28px 5px 11px; }
.market-switch { display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid var(--line-dark); border-radius: 999px; background: var(--surface-soft); }
.market-switch__item { padding: 9px 15px; border-radius: 999px; color: #777b82; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.market-switch__item.active { background: var(--ink); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.market-switch--compact .market-switch__item { padding: 8px 13px; }
.clean-select { min-height: 38px; font-size: 12px; }

.form-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; align-items: start; }
.form-layout--narrow { grid-template-columns: minmax(0, 720px); }
.form-panel { padding: 28px; }
.info-panel { padding: 26px; border: 1px solid var(--line-dark); border-radius: var(--radius-xl); background: var(--ink); color: #fff; box-shadow: var(--shadow); }
.info-panel--blue { background: var(--blue); border-color: var(--blue); }
.info-panel .eyebrow { color: #73bdff; }
.info-panel--blue .eyebrow { color: rgba(255,255,255,.72); }
.info-panel h3 { margin: 7px 0 17px; font-size: 23px; }
.info-list { margin: 0; padding-left: 18px; display: grid; gap: 11px; color: rgba(255,255,255,.78); }
.file-drop {
    min-height: 230px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1.5px dashed #b8bdc4;
    border-radius: var(--radius-lg);
    background: var(--surface-soft);
    cursor: pointer;
    text-align: center;
}
.file-drop:hover { border-color: var(--blue); background: var(--blue-soft); }
.file-drop input { position: absolute; width: 1px !important; height: 1px; opacity: 0; pointer-events: none; }
.file-drop__icon { min-width: 58px; height: 58px; padding: 0 10px; display: grid; place-items: center; border-radius: 17px; background: var(--ink); color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .05em; }
.file-drop small { color: var(--muted); }

.detail-form { display: grid; gap: 16px; }
.detail-section { overflow: hidden; }
.attribute-table { min-width: 720px; }
.attribute-table td:first-child { width: 38%; }
.attribute-table .control-input { max-width: 780px; }
.control-textarea { min-height: 64px; }
.field-meta { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.required-mark { margin-left: 3px; color: var(--red); }
.required-row { background: #fffdf5; }
.attribute-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.attribute-card { padding: 15px; display: grid; gap: 9px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.attribute-card--required { border-color: #eedb9d; background: #fffdf7; }
.attribute-card label small { display: block; margin-top: 3px; color: var(--muted); font-weight: 500; }
.sticky-form-actions { position: sticky; bottom: 12px; z-index: 10; padding: 12px; display: flex; justify-content: flex-end; gap: 9px; border: 1px solid var(--line-dark); border-radius: 999px; background: rgba(255,255,255,.94); box-shadow: 0 12px 35px rgba(0,0,0,.11); backdrop-filter: blur(12px); }

.attribute-preview { margin: 8px 0; border: 1px solid var(--line); border-radius: 11px; overflow: auto; }
.nested-table th { position: static; }
.positive-text { color: var(--green); }
.negative-text { color: var(--red); }
.value-arrow { display: inline-block; margin: 0 7px; color: var(--muted); }
.error-section { margin-top: 16px; }
.empty-panel { text-align: center; padding: 60px 25px; }
.empty-panel__icon { width: 58px; height: 58px; margin: 0 auto 15px; display: grid; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: 25px; font-weight: 900; }
.empty-panel h2 { margin: 0 0 8px; }
.empty-panel p { margin: 0 0 20px; color: var(--muted); }

.modal-overlay { position: fixed; inset: 0; z-index: 1000; padding: 20px; display: none; align-items: center; justify-content: center; background: rgba(12,14,18,.58); backdrop-filter: blur(5px); }
.modal-overlay.is-open { display: flex; }
.modal-card { width: min(650px, 100%); max-height: 88vh; padding: 24px; overflow: auto; border-radius: var(--radius-xl); background: #fff; box-shadow: 0 30px 100px rgba(0,0,0,.25); }
.modal-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
.modal-heading h2 { margin: 4px 0 0; }
.modal-close { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; font-size: 22px; }
.modal-divider { height: 1px; margin: 17px 0; background: var(--line); }
.export-tree { max-height: 390px; overflow: auto; }
.export-tree.is-disabled { opacity: .42; }
.export-category { padding: 7px 0; border-bottom: 1px solid var(--line); }
.modal-actions { margin-top: 20px; display: flex; justify-content: flex-end; gap: 9px; }

@media (max-width: 1100px) {
    .app-header { grid-template-columns: 1fr auto; }
    .main-nav { grid-row: 2; grid-column: 1 / -1; justify-content: center; border-top: 1px solid var(--line); padding-top: 10px; }
    .workspace, .pricing-workspace { grid-template-columns: 220px minmax(0,1fr); }
    .form-layout { grid-template-columns: 1fr; }
    .info-panel { order: -1; }
}

@media (max-width: 820px) {
    .site-shell { padding: 8px; }
    .app-header { display: flex; flex-wrap: wrap; border-radius: 15px; }
    .brand { flex: 1; }
    .header-actions { margin-left: auto; }
    .main-nav { width: 100%; order: 3; overflow: visible; flex-wrap: wrap; justify-content: center; }
    .main-nav__link { white-space: nowrap; }
    .page-heading { min-height: auto; padding: 21px; border-radius: 18px; }
    .page-heading--actions { align-items: flex-start; flex-direction: column; }
    .heading-actions { justify-content: flex-start; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .workspace, .pricing-workspace { grid-template-columns: 1fr; }
    .workspace-sidebar, .pricing-sidebar { border-radius: 18px; border: 1px solid var(--line-dark); }
    .pricing-app { overflow: visible; background: transparent; border: 0; box-shadow: none; }
    .pricing-workspace { gap: 12px; }
    .pricing-main { padding: 14px; background: #fff; border: 1px solid var(--line-dark); border-radius: 18px; }
    .pricing-actions-row, .pricing-footer, .products-footer { align-items: stretch; flex-direction: column; }
    .file-actions, .inline-actions { width: 100%; }
    .file-actions > *, .inline-actions > * { flex: 1; }
    .file-actions form { display: flex; }
    .file-actions form .file-button { width: 100%; }
    .attribute-grid { grid-template-columns: 1fr; }
    .company-summary { align-items: flex-start; flex-wrap: wrap; }
    .company-summary .status-chip { margin-left: 0; }
}

@media (max-width: 520px) {
    .brand-copy small, .ozon-badge { display: none; }
    .app-header { padding: 9px; }
    .brand-mark { width: 37px; height: 37px; }
    .main-nav__link { padding: 8px 12px; font-size: 12px; }
    .page-heading h1 { font-size: 30px; }
    .button, .action-primary, .action-cancel, .file-button, .side-action { width: 100%; }
    .heading-actions, .form-actions, .panel-footer-actions, .modal-actions { width: 100%; flex-direction: column-reverse; }
    .market-switch { width: 100%; }
    .market-switch__item { flex: 1; text-align: center; }
    .auth-minimal { padding: 20px 0 45px; }
    .auth-card { padding: 24px; }
    .dashboard-card { min-height: 220px; padding: 22px; grid-template-columns: 1fr auto; }
    .dashboard-card__number { display: none; }
    .sticky-form-actions { position: static; border-radius: 18px; flex-direction: column-reverse; }
}

/* ===== Расширенный раздел цен ===== */
.filters-heading-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.filters-clear-mini { color:var(--blue); font-size:11px; font-weight:800; text-decoration:none; }
.filter-scroll { max-height:190px; overflow:auto; padding-right:3px; }
.filter-scroll--tall { max-height:260px; }
.filter-card--switch { padding:14px; }
.switch-filter { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; cursor:pointer; }
.switch-filter span { display:grid; gap:3px; }
.switch-filter strong { font-size:12px; }
.switch-filter small { color:var(--muted); font-size:10px; line-height:1.35; }
.switch-filter input { position:absolute; opacity:0; pointer-events:none; }
.switch-filter i { position:relative; width:42px; height:24px; border-radius:999px; background:#d5d9de; transition:.2s; }
.switch-filter i::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.18); transition:.2s; }
.switch-filter input:checked + i { background:var(--blue); }
.switch-filter input:checked + i::after { transform:translateX(18px); }
.pricing-topline { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.pricing-topline .pricing-search { flex:1; margin:0; }
.table-toolbar { display:flex; align-items:center; gap:9px; flex:0 0 auto; }
.table-count { color:var(--muted); font-size:12px; white-space:nowrap; }
.column-settings-button { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--line-dark); border-radius:11px; background:#fff; color:var(--ink); cursor:pointer; font-size:18px; transition:.18s; }
.column-settings-button:hover { background:var(--surface-soft); transform:rotate(12deg); }
.analytics-note { margin:0 0 12px; padding:10px 13px; border:1px solid #efdca4; border-radius:11px; background:#fff9e8; color:#8a6a13; font-size:11px; }
.pricing-table th[hidden], .pricing-table td[hidden] { display:none !important; }
.pricing-table { min-width:1450px; }
.mono-value { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; color:#4e535b; }
.cost-editor-button { min-width:118px; padding:8px 10px; display:grid; gap:2px; border:1px solid #d4d8dd; border-radius:11px; background:#fff; text-align:left; cursor:pointer; }
.cost-editor-button:hover { border-color:var(--blue); background:var(--blue-soft); }
.cost-editor-button strong { color:var(--ink); font-size:13px; }
.cost-editor-button span { color:var(--muted); font-size:9px; }
.financial-stack { min-width:112px; display:grid; gap:4px; }
.financial-stack span { display:flex; align-items:center; justify-content:space-between; gap:7px; font-size:10px; white-space:nowrap; }
.financial-value{display:inline-flex;align-items:center;gap:4px}
.financial-currency-mark{color:#73777d;font-size:10px;font-weight:850;line-height:1}
.financial-stack b { color:#73777d; font-size:9px; font-weight:850; }
.metric-positive { color:var(--green); }
.metric-negative { color:var(--red); }
.metric-zero { color:var(--muted); }
.cell-subline { display:block; margin-top:3px; color:var(--muted); font-size:9px; }
.muted-value { color:#a0a4aa; }
.status-chip--promo { border-color:#c9dfff; background:#edf5ff; color:#126fc4; }
.price-pill--synced { border-color:var(--blue) !important; box-shadow:0 0 0 3px rgba(28,132,230,.12); background:#f4f9ff !important; }
.bulk-price-actions { position:sticky; z-index:30; bottom:12px; margin:14px auto 0; width:min(720px,calc(100% - 24px)); padding:11px 13px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--line-dark); border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 16px 45px rgba(0,0,0,.15); backdrop-filter:blur(14px); }
.bulk-price-actions[hidden] { display:none; }
.bulk-price-actions > span { color:var(--muted); font-size:12px; }
.bulk-price-actions > div { display:flex; gap:8px; }
.pricing-actions-row--files { justify-content:flex-end; }
.cost-modal-card { width:min(820px,100%); padding:24px; border-radius:22px; background:#fff; box-shadow:0 28px 70px rgba(15,23,42,.22); }
.cost-modal-card .modal-heading{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.cost-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cost-form-grid label { display:grid; gap:8px; padding:14px; color:#4c5158; font-size:11px; font-weight:700; border:1px solid var(--line); border-radius:16px; background:var(--surface-soft); box-shadow:0 2px 10px rgba(15,23,42,.04); }
.cost-form-grid input { width:100%; min-height:43px; padding:10px 12px; border:1px solid var(--line-dark); border-radius:12px; background:#fff; transition:border-color .16s ease, box-shadow .16s ease; }
.cost-form-grid input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(28,132,230,.12)}
.cost-total-line { margin-top:18px; padding:17px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-radius:16px; background:linear-gradient(90deg,#a100ff 0%,#8f22ff 100%); color:#fff; }
.cost-total-line strong { font-size:22px; }
.columns-modal-card { width:min(850px,100%); }
.columns-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.columns-config-grid section { padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface-soft); }
.columns-config-grid h3 { margin:0 0 10px; font-size:13px; }
.column-list { min-height:150px; display:grid; align-content:start; gap:7px; }
.column-config-item { padding:9px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:8px; border:1px solid var(--line-dark); border-radius:10px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.03); }
.column-config-item.is-dragging { opacity:.45; border-style:dashed; }
.column-drag-handle { width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:8px; background:var(--surface-soft); color:#696e76; cursor:grab; font-size:20px; line-height:1; }
.column-drag-handle:active { cursor:grabbing; }
.column-config-item span { font-size:11px; font-weight:750; }
.column-toggle-button { padding:6px 8px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--blue); cursor:pointer; font-size:9px; font-weight:800; }
.column-settings-actions[hidden] { display:none; }

@media (max-width:820px) {
    .pricing-topline { align-items:stretch; flex-direction:column; }
    .table-toolbar { justify-content:space-between; }
    .cost-form-grid, .columns-config-grid { grid-template-columns:1fr; }
    .bulk-price-actions { width:100%; bottom:6px; align-items:stretch; flex-direction:column; }
    .bulk-price-actions > div { width:100%; }
    .bulk-price-actions button { flex:1; }
}

/* ===== Несколько магазинов ===== */
.header-store-picker { position:relative; }
.header-store-picker > summary {
    min-width:138px; padding:9px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px;
    border:1px solid var(--line-dark); border-radius:999px; background:#fff; cursor:pointer;
    color:#555a62; font-size:12px; font-weight:750; list-style:none;
}
.header-store-picker > summary::-webkit-details-marker { display:none; }
.header-store-picker > summary strong { min-width:31px; padding:2px 7px; border-radius:999px; background:var(--blue-soft); color:var(--blue); text-align:center; }
.header-store-picker[open] > summary { border-color:var(--blue); box-shadow:0 0 0 3px rgba(22,132,248,.1); }
.header-store-picker__menu {
    position:absolute; z-index:100; top:calc(100% + 9px); right:0; width:min(340px,calc(100vw - 30px));
    padding:15px; display:grid; gap:8px; border:1px solid var(--line-dark); border-radius:15px;
    background:#fff; box-shadow:0 18px 50px rgba(20,28,40,.17);
}
.header-store-picker__menu .choice-line { padding:8px; border-radius:10px; }
.header-store-picker__menu .choice-line:hover { background:var(--surface-soft); }
.header-store-picker__actions { margin-top:6px; padding-top:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--line); }
.header-store-picker__actions a { color:var(--blue); font-size:11px; font-weight:800; text-decoration:none; }
.button-small { min-height:34px; padding:7px 12px; font-size:11px; }
.dashboard-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.stores-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr); gap:18px; align-items:start; }
.stores-panel,.store-add-panel { padding:20px; }
.panel-heading { margin-bottom:16px; }
.panel-heading h2 { margin:4px 0 0; }
.store-list { display:grid; gap:10px; }
.store-card {
    position:relative; padding:14px; display:grid; grid-template-columns:auto 42px minmax(0,1fr) auto auto;
    align-items:center; gap:12px; border:1px solid var(--line); border-radius:14px; background:#fff; transition:.18s;
}
.store-card.is-selected { border-color:#b9dcff; background:#f7fbff; }
.store-card__select { display:grid; place-items:center; cursor:pointer; }
.store-card__select input { width:17px; height:17px; accent-color:var(--blue); }
.store-card__mark { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--ink); color:#fff; font-weight:850; }
.store-card__content { min-width:0; }
.store-card__content h3 { margin:0 0 3px; font-size:14px; }
.store-card__content p { margin:0; color:var(--muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.store-card__content small { display:block; margin-top:4px; color:#969ba3; font-size:9px; }
.store-delete-button { padding:7px 9px; border:0; border-radius:9px; background:transparent; color:var(--red); cursor:pointer; font-size:10px; font-weight:800; }
.store-delete-button:hover { background:var(--red-soft); }
.store-selection-actions { margin-top:15px; padding-top:14px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--line); }
.store-selection-actions span { color:var(--muted); font-size:11px; }
.store-chip { display:inline-flex; max-width:150px; padding:5px 8px; border:1px solid #c9dfff; border-radius:999px; background:#edf5ff; color:#126fc4; font-size:9px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.store-checkbox-grid,.modal-store-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.modal-filter-block { display:grid; gap:8px; }
.pricing-table { min-width:1550px; }

@media (max-width:1100px) {
    .dashboard-grid--three { grid-template-columns:1fr; }
    .stores-layout { grid-template-columns:1fr; }
    .app-header { grid-template-columns:minmax(180px,1fr) auto; }
    .main-nav { grid-column:1 / -1; justify-content:center; order:3; }
}
@media (max-width:720px) {
    .store-card { grid-template-columns:auto 38px minmax(0,1fr); }
    .store-card .status-chip,.store-delete-button { grid-column:3; justify-self:start; }
    .store-selection-actions { align-items:stretch; flex-direction:column; }
    .store-checkbox-grid,.modal-store-grid { grid-template-columns:1fr; }
    .header-store-picker__menu { position:fixed; top:82px; right:15px; left:15px; width:auto; }
}

.header-user{font-size:13px;font-weight:700;color:var(--ink);padding:0 4px;}

/* =========================================================
   Главная панель
   ========================================================= */
.app-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 10px 16px;
}
.main-nav {
    min-width: 0;
    overflow: visible;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 17px;
    row-gap: 0;
    padding: 0 4px;
}
.main-nav__link {
    position: relative;
    flex: 0 0 auto;
    padding: 13px 0 11px;
    border-radius: 0;
    background: transparent !important;
    color: #a0a2a6;
    font-size: 12px;
    font-weight: 650;
}
.main-nav__link:hover { color: #5b5d61; }
.main-nav__link.active { color: #4e5054; }
.main-nav__link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 2px;
    border-radius: 2px;
    background: #4e5054;
}
.dashboard-page { background: #f7f7f7; }
.dashboard-page .site-shell { padding-top: 8px; }
.dashboard-page .page-container { width: min(1640px, 100%); }
.dashboard-shell { display: grid; gap: 18px; }
.dashboard-status {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #65676b;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 16px;
}
.dashboard-status--error { color: #a53434; background: #fff3f3; border-color: #f0caca; }
.dashboard-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid #d7d7d7;
    border-top-color: #262626;
    border-radius: 50%;
    animation: dashboardSpin .8s linear infinite;
}
@keyframes dashboardSpin { to { transform: rotate(360deg); } }
.dashboard-warning-list { display: grid; gap: 8px; }
.dashboard-warning {
    padding: 11px 14px;
    border: 1px solid #eadba8;
    border-radius: 13px;
    background: #fff9e7;
    color: #6f5c18;
    font-size: 12px;
}
.dashboard-kpis {
    display: grid;
    grid-template-columns: 1.16fr .92fr 1.16fr 1.05fr;
    gap: 14px;
}
.metric-card {
    min-width: 0;
    min-height: 178px;
    padding: 18px 20px;
    border-radius: 22px;
    background: #222324;
    color: #fff;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
}
.metric-card__header {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}
.metric-card__header h2 {
    min-width: 0;
    margin: 0;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.metric-card__icon {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #555658;
    font-size: 17px;
}
.info-dot {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: auto;
    display: grid;
    place-items: center;
    border: 1px solid #aaa;
    border-radius: 50%;
    background: transparent;
    color: #ddd;
    cursor: help;
    font-size: 11px;
    font-weight: 800;
}
.info-tooltip {
    position: absolute;
    z-index: 30;
    top: 27px;
    right: 0;
    width: 270px;
    padding: 13px 14px;
    border: 1px solid #dedede;
    border-radius: 13px;
    background: #fff;
    color: #333;
    box-shadow: 0 16px 35px rgba(0,0,0,.16);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: .16s ease;
}
.info-tooltip--wide { width: 340px; }
.info-dot:hover .info-tooltip,
.info-dot:focus-visible .info-tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
.orders-card-grid { display: grid; gap: 10px; }
.orders-card-row {
    display: grid;
    grid-template-columns: minmax(110px, .9fr) minmax(88px, .75fr) minmax(82px, .65fr);
    align-items: center;
    gap: 12px;
}
.orders-card-row > div:first-child { display: flex; align-items: baseline; gap: 9px; }
.orders-card-row strong { font-size: 25px; line-height: 1; }
.orders-card-row span { color: #d0d0d0; font-size: 11px; font-weight: 650; }
.orders-card-money { font-size: 14px; font-weight: 700; }
.metric-card__main-value { margin: 20px 0 10px; font-size: clamp(28px, 2.2vw, 38px); font-weight: 780; letter-spacing: -.035em; }
.metric-card__note { display: block; margin-top: 13px; color: #aaa; font-size: 10px; }
.metric-change { min-width: 0; font-size: 11px; font-weight: 750; }
.metric-change span { display: inline-flex; align-items: center; gap: 5px; }
.metric-change small { display: block; margin-left: 3px; color: inherit; opacity: .9; }
.change-up { color: #a7d98c; }
.change-down { color: #ff8e8e; }
.change-neutral { color: #c3c3c3; }
.mini-tabs { margin-left: auto; display: flex; gap: 10px; }
.mini-tab {
    position: relative;
    padding: 3px 1px 7px;
    border: 0;
    background: transparent;
    color: #9d9d9d;
    cursor: pointer;
    font-size: 11px;
    font-weight: 750;
}
.mini-tab.active { color: #fff; }
.mini-tab.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}
.metric-card--stock .info-dot { margin-left: 0; }
.stock-values { display: grid; gap: 12px; }
.stock-values > div { display: grid; }
.stock-values strong { font-size: 25px; line-height: 1; }
.stock-values span { margin-top: 4px; color: #b9b9b9; font-size: 10px; }
.dashboard-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(360px, .95fr);
    gap: 16px;
    align-items: start;
}
.dashboard-panel {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dddddd;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,.025);
}
.dashboard-panel--chart { min-height: 470px; grid-column: 1 / -1; }
.dashboard-panel--top { min-height: 470px; grid-column: 1 / -1; }
.dashboard-panel--distribution { min-height: 440px; grid-column: 1; }
.dashboard-panel--news { grid-column: 2; }
.dashboard-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}
.dashboard-panel__head--wrap { flex-wrap: wrap; }
.dashboard-panel__eyebrow { display: block; margin-bottom: 8px; color: #4f5155; font-size: 13px; font-weight: 780; }
.dashboard-panel__tools { display: flex; align-items: center; gap: 9px; }
.dashboard-tabs { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.dashboard-tabs--small { gap: 14px; }
.dashboard-tab {
    position: relative;
    padding: 4px 0 9px;
    border: 0;
    background: transparent;
    color: #a0a0a0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 650;
}
.dashboard-tabs--small .dashboard-tab { font-size: 11px; }
.dashboard-tab.active { color: #4f5053; }
.dashboard-tab.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 2px;
    border-radius: 3px;
    background: #55575a;
}
.period-select {
    width: auto;
    min-width: 148px;
    min-height: 34px !important;
    padding: 6px 32px 6px 13px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #b6b6b6 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 11px;
    font-weight: 700;
}
.chart-settings-button {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 10px;
    background: #ededed;
    color: #555;
    cursor: pointer;
    font-size: 17px;
}
.chart-stage { position: relative; height: 340px; }
.chart-stage canvas { display: block; width: 100%; height: 100%; }
.chart-tooltip {
    position: absolute;
    z-index: 5;
    width: 178px;
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    pointer-events: none;
    font-size: 10px;
}
.chart-tooltip strong { display: block; margin-bottom: 5px; }
.chart-tooltip span { display: block; color: #666; }
.chart-legend {
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
    padding-top: 8px;
    font-size: 10px;
}
.chart-legend > div { display: grid; grid-template-columns: 8px auto auto auto; align-items: center; gap: 7px; }
.chart-legend i { width: 7px; height: 7px; border-radius: 50%; }
.chart-legend strong { font-size: 11px; }
.chart-legend em { font-style: normal; color: #888; }
.chart-legend em.positive { color: #5b9e55; }
.chart-legend em.negative { color: #ca5757; }
.top-products { display: grid; }
.top-product-row {
    min-width: 0;
    min-height: 76px;
    display: grid;
    grid-template-columns: 26px 55px minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #ededed;
}
.top-product-row:last-child { border-bottom: 0; }
.top-product-rank { color: #aaa; font-size: 11px; font-weight: 800; }
.top-product-image {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #fafafa;
    color: #005bff;
    font-weight: 900;
}
.top-product-image img { width: 100%; height: 100%; object-fit: contain; }
.top-product-copy { min-width: 0; }
.top-product-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.top-product-copy small { display: flex; align-items: center; gap: 5px; margin-top: 5px; color: #999; font-size: 9px; }
.top-product-copy i { width: 6px; height: 6px; border-radius: 50%; }
.top-product-row > b { padding: 8px 11px; border: 1px solid #d8d8d8; border-radius: 999px; white-space: nowrap; font-size: 11px; }
.dashboard-empty-state { padding: 34px 10px; color: #969696; text-align: center; font-size: 12px; }
.distribution-layout { min-height: 350px; display: grid; grid-template-columns: minmax(250px, .9fr) minmax(250px,1.1fr); align-items: center; gap: 24px; }
.donut-wrap { position: relative; width: min(330px,100%); aspect-ratio: 1; margin: auto; }
.donut-wrap canvas { width: 100%; height: 100%; }
.donut-center { position: absolute; inset: 36%; display: grid; place-content: center; text-align: center; pointer-events: none; }
.donut-center strong { font-size: 14px; }
.donut-center span { color: #999; font-size: 9px; }
.distribution-legend { display: grid; gap: 10px; }
.distribution-row { display: grid; grid-template-columns: 9px minmax(80px,1fr) auto 48px; align-items: center; gap: 9px; font-size: 10px; }
.distribution-row i { width: 8px; height: 8px; border-radius: 50%; }
.distribution-row strong { font-size: 11px; }
.distribution-row b { text-align: right; font-size: 11px; }
.modal-backdrop {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(20,20,20,.38);
}
.modal-backdrop[hidden] { display: none; }
.chart-settings-modal {
    width: min(480px,100%);
    padding: 24px;
    border: 1px solid #d8d8d8;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(0,0,0,.22);
}
.chart-settings-modal__head { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.chart-settings-modal__head h2 { margin: 2px 0 0; font-size: 24px; }
.chart-settings-modal__icon { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 14px; background: #ededed; font-size: 22px; }
.modal-close { width: 34px; height: 34px; margin-left: auto; border: 0; border-radius: 50%; background: #f2f2f2; cursor: pointer; font-size: 20px; }
.chart-settings-section { padding: 17px 0; border-top: 1px solid #ededed; }
.chart-settings-section h3 { margin: 0 0 12px; font-size: 15px; }
.settings-radio { display: flex; align-items: center; gap: 9px; margin: 8px 0; color: #555; }
.color-setting { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 10px 0; color: #555; }
.color-setting input[type="color"] { width: 44px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }
.chart-settings-actions { display: flex; justify-content: space-between; gap: 14px; padding-top: 15px; }
.chart-settings-actions .button { min-width: 145px; }
.dashboard-empty { min-height: 460px; display: grid; place-items: center; align-content: center; gap: 13px; text-align: center; }
.dashboard-empty__mark { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; background: #111; color: #fff; font-size: 28px; font-weight: 900; }
.dashboard-empty h1 { margin: 4px 0 0; }
.dashboard-empty p { max-width: 520px; margin: 0 0 9px; color: var(--muted); }
.placeholder-page { min-height: 420px; display: grid; place-content: center; justify-items: start; }
.placeholder-page h1 { margin: 6px 0 9px; font-size: 42px; }
.placeholder-page p { max-width: 620px; color: var(--muted); }

@media (max-width: 1320px) {
    .dashboard-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .app-header { grid-template-columns: auto minmax(0,1fr); }
    .header-actions { grid-column: 1 / -1; border-top: 1px solid #eee; padding-top: 8px; }
}
@media (max-width: 980px) {
    .dashboard-content-grid { grid-template-columns: 1fr; }
    .dashboard-panel--chart, .dashboard-panel--top,
    .dashboard-panel--distribution, .dashboard-panel--news { grid-column: 1; }
    .distribution-layout { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    .site-shell { padding: 8px; }
    .dashboard-kpis { grid-template-columns: 1fr; }
    .orders-card-row { grid-template-columns: 1fr auto; }
    .orders-card-row .metric-change { grid-column: 1 / -1; }
    .dashboard-panel__head { align-items: stretch; }
    .dashboard-panel__tools { width: 100%; }
    .period-select { flex: 1; }
    .distribution-layout { grid-template-columns: 1fr; }
    .chart-stage { height: 290px; }
    .info-tooltip, .info-tooltip--wide { width: min(290px, calc(100vw - 40px)); }
    .top-product-row { grid-template-columns: 22px 48px minmax(0,1fr); }
    .top-product-row > b { grid-column: 3; justify-self: start; }
}
.dashboard-status[hidden], .dashboard-warning-list[hidden] { display: none !important; }
.orders-card-row > div:first-child {
    display: grid;
    grid-template-columns: auto minmax(55px, 1fr);
    align-items: baseline;
    gap: 7px;
}
.orders-card-row > div:first-child span { line-height: 1.1; }

/* Email registration, login and password recovery */
.auth-page { background: #fff; color: #404040; }
.auth-page .app-header { display: none; }
.auth-page .site-shell { max-width: none; min-height: 100vh; padding: 0; }
.auth-page .page-container { width: 100%; max-width: none; min-height: 100vh; padding: 0; }
.auth-page .flash-list { width: min(680px, calc(100% - 32px)); margin: 18px auto -6px; }
.auth-flow { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.auth-flow-card {
    width: min(710px, 100%);
    min-height: 730px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 70px 86px 42px;
    border: 1px solid #d6d6d6;
    border-radius: 48px;
    background: #fff;
}
.auth-flow-card--registration { min-height: 870px; }
.auth-flow-card--password { width: min(760px, 100%); min-height: 820px; }
.auth-flow-card--forgot { width: min(720px, 100%); min-height: 550px; }
.auth-flow-card--verify { width: min(760px, 100%); min-height: 760px; }
.auth-flow-card--success { min-height: 560px; align-items: center; justify-content: center; text-align: center; }
.auth-flow-card--blocked { width: min(680px, 100%); min-height: 560px; align-items: center; text-align: center; }
.auth-flow-card--login { width: min(690px, 100%); min-height: 670px; }
.auth-flow-head { text-align: center; margin-bottom: 48px; }
.auth-flow-head--left { text-align: left; }
.auth-flow-head h1,
.auth-flow-card--success h1 {
    margin: 0 0 10px;
    color: #424242;
    font-size: clamp(34px, 5vw, 47px);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.04em;
}
.auth-flow-head p { margin: 0; color: #7a7a7a; font-size: 20px; line-height: 1.35; }
.auth-field-block { margin-bottom: 34px; }
.auth-field-block > label,
.auth-label-with-help > label { display: block; margin-bottom: 10px; color: #454545; font-size: 20px; font-weight: 540; }
.auth-action-row { display: grid; grid-template-columns: minmax(0,1fr) 195px; gap: 6px; }
.auth-input-wrap {
    min-height: 59px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 15px;
    border: 3px solid #d5d5d5;
    border-radius: 9px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.auth-input-wrap:focus-within { border-color: #9c9c9c; box-shadow: 0 0 0 3px rgba(70,70,70,.06); }
.auth-input-wrap.is-invalid { border-color: #ff5b5b; }
.auth-input-wrap.is-valid { border-color: #9fda86; }
.auth-input-icon { flex: 0 0 38px; display: grid; place-items: center; align-self: center; color: #858585; font-size: 31px; line-height: 1; }
.auth-input-wrap input {
    width: 100%; min-width: 0; height: 52px; padding: 0; border: 0; outline: 0; background: transparent;
    color: #454545; font: inherit; font-size: 21px; font-weight: 550;
}
.auth-input-wrap input::placeholder { color: #d1d1d1; opacity: 1; }
.auth-input-wrap input:disabled { color: #777; cursor: not-allowed; }
.auth-dark-button,
.auth-submit-button {
    min-height: 59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: #454545;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 760;
    text-decoration: none;
    transition: background .18s ease, opacity .18s ease, transform .18s ease;
}
.auth-dark-button:hover:not(:disabled), .auth-submit-button:hover:not(:disabled) { background: #292929; transform: translateY(-1px); }
.auth-dark-button:disabled, .auth-submit-button:disabled { background: #b7b7b7; color: #eee; cursor: not-allowed; transform: none; }
.auth-dark-button--center { min-width: 195px; align-self: center; margin: 0 auto; }
.auth-submit-button { width: 100%; min-height: 82px; margin-top: 16px; font-size: 27px; }
.auth-submit-button.is-active { background: #454545; color: #fff; }
.auth-button-link { margin-top: 22px; padding: 0 30px; }
.auth-field-hint, .auth-sent-copy { margin: 10px 0 0; color: #858585; font-size: 16px; line-height: 1.35; }
.auth-field-error, .auth-inline-error { margin: 12px 0 0; color: #ff5b5b; font-size: 18px; line-height: 1.35; }
.auth-field-error::before { content: "!"; width: 27px; height: 27px; display: inline-grid; place-items: center; margin-right: 9px; border: 3px solid currentColor; border-radius: 50%; font-weight: 800; }
.auth-inline-error { display: grid; gap: 4px; margin: 0 0 18px; }
.auth-inline-error[hidden], .auth-field-error[hidden] { display: none; }
.auth-inline-error--page { margin-top: -22px; }
.auth-code-area { margin-top: 12px; }
.auth-code-grid { display: flex; align-items: center; gap: 7px; margin: 14px 0 8px; }
.auth-code-grid input {
    width: 58px; height: 58px; border: 3px solid #d5d5d5; border-radius: 8px; outline: none;
    color: #444; background: #fff; text-align: center; font: inherit; font-size: 28px; font-weight: 700;
}
.auth-code-grid input:focus { border-color: #777; }
.auth-code-grid input.is-invalid { border-color: #ff5b5b; }
.auth-code-grid input.is-valid { border-color: #a5dc8e; }
.auth-code-grid input.code-after-separator { margin-left: 34px; }
.auth-code-grid input.code-after-separator::before { content: "-"; }
.auth-code-grid--large input { width: 72px; height: 82px; font-size: 35px; }
.auth-code-grid--large input.code-after-separator { margin-left: 50px; }
.auth-code-grid { position: relative; }
.auth-code-grid input.code-after-separator { position: relative; }
.auth-code-grid::after {
    content: "–";
    position: absolute;
    left: 205px;
    top: 50%;
    transform: translateY(-52%);
    color: #a6d88c;
    font-size: 32px;
    font-weight: 800;
    pointer-events: none;
}
.auth-code-grid--large::after { left: 254px; font-size: 38px; }
.auth-resend-line { margin: 10px 0 0; color: #777; font-size: 15px; }
.auth-resend-line--large { margin-top: 26px; font-size: 18px; }
.auth-link-button { padding: 0; border: 0; background: transparent; color: #444; text-decoration: underline; cursor: pointer; font: inherit; }
.auth-link-button:disabled { color: #777; cursor: default; }
.auth-confirmed { display: flex; align-items: center; gap: 9px; margin-top: 18px; color: #777; font-size: 18px; }
.auth-confirmed > span { width: 35px; height: 35px; display: grid; place-items: center; border: 3px solid #888; border-radius: 50%; color: #6a9e56; font-weight: 900; }
.auth-terms-row { display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: start; gap: 15px; margin-top: 30px; color: #777; font-size: 16px; line-height: 1.35; cursor: pointer; }
.auth-terms-row input { position: absolute; opacity: 0; pointer-events: none; }
.auth-square-check { width: 34px; height: 34px; position: relative; flex: 0 0 34px; box-sizing: border-box; border: 3px solid #8a8a8a; border-radius: 6px; background: #fff; }
.auth-terms-row input:checked + .auth-square-check::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 17px;
    border: solid #777;
    border-width: 0 4px 4px 0;
    transform: translate(-50%, -59%) rotate(45deg);
    transform-origin: center;
    box-sizing: border-box;
}
.auth-terms-row a, .auth-bottom-link a, .auth-login-links a { color: #444; text-decoration: underline; }
.auth-bottom-link { margin: auto 0 0; padding-top: 54px; color: #858585; text-align: center; font-size: 18px; }
.auth-login-links { display: grid; gap: 18px; margin-top: 28px; color: #777; text-align: center; font-size: 17px; }
.auth-password-form { display: flex; flex-direction: column; }
.auth-eye-button, .auth-help-button { flex: 0 0 auto; border: 0; background: transparent; color: #aaa; cursor: pointer; font-size: 28px; }
.auth-label-with-help { position: relative; display: flex; align-items: center; justify-content: space-between; }
.auth-help-button { width: 38px; height: 38px; display: grid; place-items: center; border: 3px solid #999; border-radius: 50%; font-size: 20px; font-weight: 800; }
.password-help-popover {
    position: absolute; z-index: 30; left: calc(100% + 80px); top: 0; width: 420px; padding: 20px;
    border: 1px solid #888; border-radius: 22px; background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.12);
    color: #777; font-size: 17px; line-height: 1.45;
}
.password-help-popover > div { padding: 10px 0; border-bottom: 1px solid #999; }
.password-help-popover > div:last-child { border-bottom: 0; }
.password-strength { display: grid; grid-template-columns: repeat(6,1fr); gap: 5px; margin: 22px 0 14px; }
.password-strength i { height: 24px; border-radius: 5px; background: #e8e8e8; }
.password-strength i.level-1 { background: #a40000; }
.password-strength i.level-2 { background: #ff5b5b; }
.password-strength i.level-3 { background: #ffc85b; }
.password-strength i.level-4 { background: #fff06d; }
.password-strength i.level-5 { background: #a9d98c; }
.password-strength i.level-6 { background: #4f7d38; }
.password-strength-label { color: #ff5b5b; font-size: 18px; font-weight: 620; }
.password-strength-label.is-good { color: #5e9448; }
.password-rules { margin: 12px 0 0; padding: 0; list-style: none; color: #555; font-size: 16px; }
.password-rules li { display: flex; gap: 9px; margin: 6px 0; }
.password-rules li span { color: #ff5b5b; font-size: 24px; line-height: .8; }
.password-rules li.is-ok span { color: #9bd783; }
.auth-switch-row { display: flex; align-items: center; gap: 15px; margin: 10px 0 0; color: #555; cursor: pointer; font-size: 17px; }
.auth-switch-row input { position: absolute; opacity: 0; pointer-events: none; }
.auth-switch { width: 60px; height: 32px; position: relative; border-radius: 999px; background: #ddd; transition: background .2s; }
.auth-switch::after { content: ""; position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 2px 5px rgba(0,0,0,.12); }
.auth-switch-row input:checked + .auth-switch { background: #555; }
.auth-switch-row input:checked + .auth-switch::after { transform: translateX(28px); }
.auth-code-instruction { margin: 0 0 14px; color: #777; font-size: 20px; }
.auth-success-check { margin: 60px 0 100px; color: #9cdd82; font-size: 120px; font-weight: 300; line-height: 1; }
.auth-flow-card--success p { margin: 0; color: #858585; font-size: 20px; }
.auth-flow-card--success small { margin-top: 14px; color: #aaa; }
.auth-block-icon { width: 100px; height: 100px; display: grid; place-items: center; margin: 20px auto 30px; border: 5px solid #ff5b5b; border-radius: 50%; color: #ff5b5b; font-size: 58px; font-weight: 800; }
.auth-flow-card--blocked > p { color: #777; font-size: 19px; }

@media (max-width: 1000px) {
    .password-help-popover { left: auto; right: 0; top: 46px; width: min(420px, calc(100vw - 80px)); }
}
@media (max-width: 720px) {
    .auth-flow { padding: 10px; align-items: start; }
    .auth-flow-card { min-height: calc(100vh - 20px); padding: 42px 24px 28px; border-radius: 28px; }
    .auth-flow-head { margin-bottom: 36px; }
    .auth-flow-head h1, .auth-flow-card--success h1 { font-size: 34px; }
    .auth-flow-head p { font-size: 17px; }
    .auth-action-row { grid-template-columns: 1fr; }
    .auth-dark-button { width: 100%; }
    .auth-input-wrap input { font-size: 18px; }
    .auth-code-grid { gap: 4px; justify-content: center; }
    .auth-code-grid input { width: 43px; height: 52px; font-size: 23px; }
    .auth-code-grid input.code-after-separator { margin-left: 24px; }
    .auth-code-grid::after { left: calc(50% - 9px); font-size: 26px; }
    .auth-code-grid--large input { width: 46px; height: 64px; }
    .auth-code-grid--large input.code-after-separator { margin-left: 26px; }
    .auth-code-grid--large::after { left: calc(50% - 9px); }
    .auth-submit-button { min-height: 66px; font-size: 21px; }
    .password-help-popover { width: min(340px, calc(100vw - 56px)); }
}

/* Public guest screen shown on the main page and unfinished sections. */
.guest-access {
    min-height: calc(100vh - 150px);
    display: grid;
    place-items: center;
    padding: 48px 20px 72px;
}
.guest-access__card {
    width: min(680px, 100%);
    padding: 64px 54px;
    border: 1px solid #d9d9d9;
    border-radius: 34px;
    background: #fff;
    text-align: center;
    box-shadow: 0 22px 70px rgba(26, 26, 26, .06);
}
.guest-access__mark {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    margin: 0 auto 26px;
    border-radius: 22px;
    background: #f0f0f0;
    color: #3e3e3e;
    font-size: 38px;
    font-weight: 850;
}
.guest-access__card h1 {
    max-width: 540px;
    margin: 0 auto 16px;
    color: #3f3f3f;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
}
.guest-access__card p {
    max-width: 530px;
    margin: 0 auto;
    color: #7d7d7d;
    font-size: 19px;
    line-height: 1.5;
}
.guest-access__actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 38px;
}
.guest-access__button {
    min-width: 190px;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    border: 1px solid #cfcfcf;
    border-radius: 11px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 17px;
    font-weight: 760;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.guest-access__button:hover {
    transform: translateY(-1px);
    background: #f5f5f5;
    border-color: #aaa;
}
.guest-access__button--primary {
    border-color: #444;
    background: #444;
    color: #fff;
}
.guest-access__button--primary:hover {
    background: #292929;
    border-color: #292929;
}

@media (max-width: 720px) {
    .guest-access { min-height: calc(100vh - 120px); padding: 24px 10px 40px; }
    .guest-access__card { padding: 48px 22px; border-radius: 26px; }
    .guest-access__actions { flex-direction: column; }
    .guest-access__button { width: 100%; }
}

/* Гостевые кнопки в верхнем меню: единый белый стиль. */
.header-auth-button {
    background: #fff;
    color: var(--ink);
    border-color: var(--line-dark);
    box-shadow: none;
}
.header-auth-button:hover {
    background: var(--surface-soft);
    color: var(--ink);
    border-color: #bfc3ca;
}
.auth-field-hint {
    margin: 7px 2px 0;
    color: var(--muted);
    font-size: 13px;
}

/* =========================================================
   PRICE FILE IMPORT
   ========================================================= */
.price-import-page .main-content {
    min-height: calc(100vh - 140px);
}
.price-upload-card,
.price-result-card {
    position: relative;
    width: min(900px, calc(100% - 32px));
    margin: 34px auto;
    padding: 42px 56px 38px;
    border: 1px solid #b8b8b8;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(24, 28, 36, .04);
}
.price-result-card--wide { width: min(1500px, calc(100% - 32px)); }
.price-upload-back {
    position: absolute;
    top: 28px;
    left: 30px;
    color: #8b8b8b;
    font-size: 42px;
    line-height: 1;
    text-decoration: none;
    font-weight: 700;
    transform: rotate(2deg);
}
.price-upload-back:hover { color: #292929; }
.price-upload-heading,
.price-result-heading {
    text-align: center;
    margin: 0 auto 30px;
}
.price-upload-heading h1,
.price-result-heading h1 {
    margin: 6px 0 8px;
    color: #787878;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.1;
    text-transform: uppercase;
}
.price-result-heading h1 { color: #252525; text-transform: none; }
.price-result-heading p,
.price-upload-message,
.price-upload-help,
.price-upload-warning-note {
    color: #858585;
    font-size: 16px;
}
.price-upload-stores {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: -14px 0 24px;
}
.price-upload-stores span {
    padding: 6px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 999px;
    color: #696969;
    background: #fafafa;
    font-size: 13px;
}
.price-upload-form { text-align: center; }
.price-upload-drop,
.price-upload-file {
    width: min(700px, 100%);
    min-height: 76px;
    margin: 0 auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 2px solid #8f8f8f;
    border-radius: 999px;
    color: #858585;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.price-upload-drop:hover,
.price-upload-drop.is-dragover { border-color: #005bff; background: #f5f8ff; }
.price-upload-drop.is-loading { pointer-events: none; opacity: .7; }
.price-upload-drop input { position: absolute; opacity: 0; pointer-events: none; }
.price-upload-file__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 46px;
    color: #8b8b8b;
    font-size: 42px;
    line-height: 1;
    flex: 0 0 auto;
}
.price-upload-help { margin: 18px 0 12px; font-weight: 600; }
.price-upload-check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    color: #575757;
    font-size: 14px;
    cursor: pointer;
}
.price-upload-check input { width: 18px; height: 18px; accent-color: #252525; }
.price-upload-hidden-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}
.price-upload-result {
    display: grid;
    grid-template-columns: 58px 1fr;
    align-items: center;
    gap: 12px;
    width: min(790px, 100%);
    margin: 0 auto;
}
.price-upload-result__mark {
    font-size: 54px;
    line-height: 1;
    font-weight: 300;
    text-align: center;
}
.price-upload-result--success .price-upload-result__mark { color: #9ade77; }
.price-upload-result--error .price-upload-result__mark { color: #ff5a5f; }
.price-upload-file { width: 100%; margin: 0; cursor: default; }
.price-upload-file--error { color: #e5494f; }
.price-upload-message,
.price-upload-warning-note { text-align: center; margin: 18px auto 0; }
.price-upload-warning-note { color: #b16c00; }
.price-upload-market-button {
    min-width: 380px;
    max-width: 100%;
    min-height: 58px;
    padding: 14px 28px;
    border: 0;
    border-radius: 999px;
    background: #005bff;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.price-upload-market-button:hover { background: #0047c7; box-shadow: 0 8px 20px rgba(0,91,255,.2); transform: translateY(-1px); }
.price-upload-apply-form { display: flex; justify-content: center; margin-top: 24px; }
.price-upload-reselect {
    display: block;
    width: max-content;
    margin: 18px auto 0;
    color: #5e5e5e;
    text-decoration: underline;
}
.price-result-table-wrap {
    width: 100%;
    overflow: auto;
    border: 1px solid #dedede;
    border-radius: 20px;
}
.price-result-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    background: #fff;
}
.price-result-table th,
.price-result-table td {
    padding: 15px 18px;
    border-bottom: 1px solid #dedede;
    text-align: left;
    vertical-align: middle;
}
.price-result-table th {
    color: #343434;
    background: #fafafa;
    font-size: 13px;
    white-space: nowrap;
}
.price-result-table tr:last-child td { border-bottom: 0; }
.price-result-table img,
.price-image-placeholder {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid #ddd;
}
.price-image-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #005bff;
    font-weight: 800;
    background: #f5f8ff;
}
.price-readonly-value {
    display: inline-flex;
    padding: 8px 12px;
    border: 1px solid #cfcfcf;
    border-radius: 12px;
    background: #f7f7f7;
    color: #454545;
    white-space: nowrap;
}
.price-result-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
}
.price-result-actions--center { justify-content: center; }

@media (max-width: 760px) {
    .price-upload-card,
    .price-result-card { padding: 76px 20px 28px; border-radius: 24px; }
    .price-upload-back { top: 22px; left: 22px; }
    .price-upload-result { grid-template-columns: 1fr; }
    .price-upload-file { border-radius: 22px; }
    .price-upload-market-button { min-width: 0; width: 100%; }
    .price-result-actions { flex-direction: column; }
    .price-result-actions > * { width: 100%; }
    .price-result-actions .button { width: 100%; text-align: center; }
}


/* ===== ПРЕДПРОСМОТР ИЗМЕНЕНИЙ ЦЕН И ХАРАКТЕРИСТИК ===== */
.change-preview-block {
    margin-top: 28px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
    text-align: left;
}
.change-preview-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
}
.change-preview-heading h2 { margin: 4px 0 0; font-size: 18px; }
.change-preview-list {
    display: grid;
    gap: 12px;
    padding: 16px;
    max-height: 560px;
    overflow: auto;
}
.change-preview-list--attributes { max-height: none; padding: 18px; }
.change-preview-product {
    position: relative;
    display: grid;
    grid-template-columns: minmax(250px, 0.8fr) minmax(360px, 1.2fr);
    gap: 22px;
    align-items: start;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
}
.change-preview-product__main { display: flex; gap: 14px; min-width: 0; align-items: center; }
.change-preview-product__image {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
}
.change-preview-product__image--empty {
    display: grid;
    place-items: center;
    padding: 6px;
    color: var(--muted);
    font-size: 10px;
    text-align: center;
}
.change-preview-product__info { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.change-preview-product__info strong { overflow: hidden; text-overflow: ellipsis; }
.change-preview-product__info > span:not(.store-chip) { color: var(--muted); font-size: 12px; }
.change-preview-product__info .store-chip { width: fit-content; margin-top: 3px; }
.change-preview-values { display: grid; gap: 8px; min-width: 0; }
.change-preview-line {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(90px, auto) 24px minmax(90px, auto);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 11px;
    background: #f7f7f8;
}
.change-preview-line__label { font-size: 12px; font-weight: 700; color: #4c4f55; }
.change-preview-line__old { color: #777b83; text-decoration: line-through; overflow-wrap: anywhere; }
.change-preview-line__arrow { color: #9ca0a8; text-align: center; font-weight: 800; }
.change-preview-line__new { color: #1f7a43; overflow-wrap: anywhere; }
.change-preview-product__remove { grid-column: 1 / -1; display: flex; justify-content: flex-end; }

@media (max-width: 900px) {
    .change-preview-product { grid-template-columns: 1fr; }
    .change-preview-line { grid-template-columns: 1fr; gap: 5px; }
    .change-preview-line__arrow { text-align: left; transform: rotate(90deg); width: fit-content; }
}

/* ===== API integrations ===== */
.api-shell { display:grid; gap:20px; }
.api-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 12px; border:1px solid var(--line-dark); border-radius:18px; background:#fff; }
.api-tabs { display:flex; align-items:center; gap:28px; min-width:0; overflow-x:auto; scrollbar-width:none; }
.api-tabs::-webkit-scrollbar { display:none; }
.api-tab { position:relative; display:inline-flex; align-items:center; min-height:42px; color:#929292; font-size:16px; font-weight:800; text-decoration:none; white-space:nowrap; transition:.18s; }
.api-tab::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:3px; border-radius:999px; background:currentColor; transform:scaleX(0); transform-origin:center; transition:.18s; }
.api-tab.active::after { transform:scaleX(1); }
.api-tab--all.active { color:#58a53d; }
.api-tab--ozon.active { color:#1681ed; }
.api-tab--wildberries.active { color:#b31bd3; }
.api-tab--yandex.active { color:#dfc900; }
.api-toolbar__actions { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.api-add-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 20px; border-radius:999px; color:#fff; font-weight:800; text-decoration:none; transition:.18s; }
.api-add-button:hover { transform:translateY(-1px); filter:brightness(.97); }
.api-add-button span { font-size:24px; line-height:1; font-weight:400; }
.api-add-button--all { background:#64a94a; }
.api-add-button--ozon { background:#348cf3; }
.api-add-button--wildberries { background:#c52ae2; }
.api-add-button--yandex { background:#f4df20; color:#403b00; }
.api-settings-button { flex:0 0 42px; padding:0; color:#73777d; }
.api-settings-button .api-action-svg { width:21px; height:21px; }
.api-table-panel { padding:0; overflow:hidden; border-color:var(--line-dark); }
.api-table-scroll { overflow:auto; }
.api-token-table { width:100%; min-width:1120px; border-collapse:collapse; }
.api-token-table th, .api-token-table td { padding:17px 15px; border-bottom:1px solid #b9b9b9; text-align:left; vertical-align:middle; }
.api-token-table th { color:#454545; font-size:14px; font-weight:800; background:#fff; white-space:nowrap; }
.api-token-table tbody tr:last-child td { border-bottom:0; }
.api-token-table tbody tr:hover { background:#fafafa; }
.api-sort-link { display:inline-flex; align-items:center; gap:5px; color:inherit; text-decoration:none; }
.api-sort-link.is-active { color:#222; }
.api-sort-icon { font-size:13px; }
.api-platform-label { font-weight:900; text-transform:uppercase; }
.api-platform-label--ozon { color:#2585ee; }
.api-platform-label--wildberries { color:#be24da; }
.api-platform-label--yandex { color:#d6c100; }
.api-status { display:inline-flex; align-items:center; gap:7px; font-weight:800; white-space:nowrap; }
.api-status__dot { width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 0 currentColor; animation:apiPulse 1.8s infinite; }
.api-status--active { color:#98cf75; }
.api-status--error, .api-status--expired { color:#ff5d62; }
@keyframes apiPulse { 0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 45%,transparent)} 70%{box-shadow:0 0 0 7px transparent} 100%{box-shadow:0 0 0 0 transparent} }
.api-remaining { font-weight:800; color:#96cf70; white-space:nowrap; }
.api-remaining.is-expired { color:#ff5d62; }
.api-row-actions { display:flex; align-items:center; gap:5px; }
.api-row-actions form { margin:0; display:flex; }
.api-action-svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; transition:transform .2s cubic-bezier(.22,1,.36,1); }
.api-icon-action { width:34px; height:34px; padding:0; display:grid; place-items:center; border:1px solid transparent; background:transparent; color:#7b7f85; cursor:pointer; border-radius:10px; transition:color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s cubic-bezier(.22,1,.36,1); }
.api-icon-action:hover { background:#f4f5f6; border-color:#e5e7e9; color:#292c30; box-shadow:0 4px 12px rgba(20,28,40,.06); transform:translateY(-1px); }
.api-icon-action:active { transform:scale(.94); box-shadow:none; }
.api-icon-action:focus-visible, .api-settings-button:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(22,132,248,.16); }
.api-icon-action--delete:hover { background:#fff1f1; border-color:#f3cccc; color:#d94c4c; }
.api-icon-action--refresh:hover { background:#eef6ff; border-color:#cfe5fb; color:#1684f8; }
.api-icon-action--refresh:hover .api-action-svg { transform:rotate(55deg); }
.api-settings-button:hover .api-action-svg { transform:rotate(35deg); }
.api-columns-card { max-width:660px; }
.api-rename-card { max-width:520px; }

.api-choice-card { max-width:900px; margin:26px auto; padding:35px 48px; border:1px solid var(--line-dark); border-radius:28px; background:#fff; }
.api-choice-card h1 { margin:20px 0 32px; text-align:center; font-size:34px; }
.api-back-link { display:inline-flex; color:#555; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.api-choice-list { display:grid; gap:18px; max-width:700px; margin:0 auto; }
.api-choice { display:flex; align-items:center; justify-content:space-between; padding:6px 2px; color:#555; font-size:38px; text-decoration:none; font-weight:500; }
.api-choice strong { font-weight:900; }
.api-choice strong span { color:#555; font-weight:500; }
.api-choice > span, .api-choice > b { font-size:60px; line-height:.8; font-weight:400; }
.api-choice--ozon strong, .api-choice--ozon > span, .api-choice--ozon > b { color:#3188ef; }
.api-choice--wildberries strong, .api-choice--wildberries > span { color:#bf26dd; }
.api-choice--yandex strong, .api-choice--yandex > span { color:#dfcc08; }

.api-create-layout { display:grid; grid-template-columns:minmax(360px, 520px); justify-content:center; gap:44px; align-items:start; max-width:1180px; margin:20px auto; }
.api-create-layout.has-instruction { grid-template-columns:minmax(360px, 520px) minmax(0, 1fr); justify-content:stretch; }
.api-create-card { padding:26px 28px 30px; border:1px solid var(--line-dark); border-radius:22px; background:#fff; }
.api-create-card h1 { margin:20px 0 24px; text-align:center; font-size:25px; }
.api-create-form { display:grid; gap:15px; }
.api-create-form .field-group { gap:7px; }
.api-create-form input, .api-create-form select { min-height:44px; border-radius:13px; }
.api-platform-heading { margin:3px 0 -3px; font-size:22px; font-weight:700; }
.api-platform-heading strong { font-weight:900; }
.api-platform-heading--ozon strong { color:#3188ef; }
.api-platform-heading--wildberries strong { color:#bf26dd; }
.api-platform-heading--yandex strong { color:#dfcc08; }
.secret-field { position:relative; }
.secret-field input { width:100%; padding-right:48px; }
.secret-toggle { position:absolute; right:7px; top:50%; width:34px; height:34px; transform:translateY(-50%); border:0; background:transparent; color:#777; font-size:19px; cursor:pointer; }
.api-save-button { min-height:44px; border:0; border-radius:999px; color:#fff; font-weight:900; font-size:16px; cursor:pointer; transition:.18s; }
.api-save-button:disabled { background:#c9c9c9 !important; color:#f3f3f3; cursor:not-allowed; }
.api-save-button--ozon { background:#398df1; }
.api-save-button--wildberries { background:#c728e2; }
.api-save-button--yandex { background:#f3df1e; color:#514900; }
.api-security-note { padding:8px 11px; border:1px solid #777; border-radius:12px; font-size:11px; line-height:1.35; color:#565656; }
.api-instruction-toggle { margin-top:18px; min-height:47px; padding:0 22px; border:0; border-radius:999px; color:#fff; font-size:20px; font-weight:900; cursor:pointer; }
.api-instruction-toggle span { display:inline-block; margin-left:6px; transition:.18s; }
.api-instruction-toggle.is-open span { transform:rotate(180deg); }
.api-instruction-toggle--ozon { background:#398df1; }
.api-instruction-toggle--wildberries { background:#c728e2; }
.api-instruction-toggle--yandex { background:#f3df1e; color:#514900; }
.api-instruction { padding:54px 8px 20px; font-size:16px; color:#4d4d4d; animation:apiReveal .22s ease; }
.api-instruction ol { margin:0; padding:0; list-style:none; counter-reset:apiSteps; display:grid; gap:18px; }
.api-instruction li { position:relative; padding-left:48px; line-height:1.55; font-weight:650; }
.api-instruction li::before { counter-increment:apiSteps; content:counter(apiSteps); position:absolute; left:0; top:-2px; width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#348cf3; color:#fff; font-weight:900; }
.api-theme-wildberries .api-instruction li::before { background:#c728e2; }
.api-theme-yandex .api-instruction li::before { background:#f3df1e; color:#4c4400; }
@keyframes apiReveal { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }

.api-success-card { max-width:1050px; margin:30px auto; padding:48px; border:1px solid var(--line-dark); border-radius:28px; background:#fff; text-align:center; }
.api-success-card h1 { margin:0; font-size:32px; color:#555; }
.api-success-card h1 span { color:#3188ef; }
.api-success-card--wildberries h1 span { color:#c728e2; }
.api-success-card--yandex h1 span { color:#d9c300; }
.api-success-card p { margin:30px 0 10px; font-size:22px; color:#555; }
.api-success-check { margin:24px auto 18px; color:#9cdb7c; font-size:110px; line-height:1; font-weight:300; }
.api-success-card a { color:#555; font-size:20px; font-weight:800; text-underline-offset:4px; }

@media (max-width: 980px) {
    .api-toolbar { align-items:stretch; flex-direction:column; }
    .api-toolbar__actions { justify-content:space-between; }
    .api-create-layout, .api-create-layout.has-instruction { grid-template-columns:1fr; justify-content:stretch; }
    .api-instruction { padding-top:0; }
}
@media (max-width: 620px) {
    .api-toolbar { border-radius:14px; }
    .api-tabs { gap:18px; }
    .api-add-button { padding:0 13px; font-size:13px; }
    .api-choice-card, .api-create-card, .api-success-card { padding:24px 18px; border-radius:20px; }
    .api-choice { font-size:25px; }
    .api-choice > span, .api-choice > b { font-size:42px; }
    .api-success-card h1 { font-size:25px; }
}

.api-token-subtype { display:block; margin-top:4px; color:#939393; font-size:11px; font-weight:700; }

/* =========================================================
   WILDBERRIES · ТОВАРЫ
   ========================================================= */
:root {
    --wb: #a500e8;
    --wb-dark: #7900ad;
    --wb-soft: #f8eaff;
    --wb-line: #e6b9fa;
}
.product-platform-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    width: 100%;
    margin: 2px auto 26px;
}
.product-platform-tabs--centered {
    min-height: 44px;
}
.product-platform-tab {
    position: relative;
    padding: 9px 2px 12px;
    color: #8a8e95;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .045em;
    text-decoration: none;
    transition: color .18s ease;
}
.product-platform-tab::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
}
.product-platform-tab:hover { color: var(--ink); }
.product-platform-tab--disabled {
    color: #b4b6ba;
    cursor: default;
    opacity: .72;
    pointer-events: none;
}
.product-platform-tab--ozon.active { color: var(--blue); }
.product-platform-tab--ozon.active::after { background: var(--blue); }
.product-platform-tab--wb.active { color: var(--wb); }
.product-platform-tab--wb.active::after { background: var(--wb); }
.eyebrow--wb { color: var(--wb); }
.button-wb {
    border-color: var(--wb) !important;
    background: var(--wb) !important;
    color: #fff !important;
}
.button-wb:hover:not(:disabled) { border-color: var(--wb-dark) !important; background: var(--wb-dark) !important; }
.button-wb:disabled, .button-wb.is-disabled { opacity: .46; cursor: not-allowed; pointer-events: none; }
.button.is-disabled { opacity: .46; cursor: not-allowed; pointer-events: none; }
.field-help { display:block; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.45; }
.table-link--wb { color: var(--wb-dark); }
.store-chip--wb { border-color: var(--wb-line); background: var(--wb-soft); color: var(--wb-dark); }
.page-number--wb.active, .page-number.active.page-number--wb { border-color: var(--wb); background: var(--wb); color: #fff; }
.product-table--wb th { white-space: nowrap; }
.product-table--wb th:nth-child(7), .product-table--wb td:nth-child(7) { min-width: 145px; }
.product-table--wb .wb-price-cell { white-space: nowrap; }
.read-only-note { display: block; margin-top: 4px; color: var(--amber); font-size: 11px; font-weight: 750; }
.empty-integration-panel { max-width: 760px; margin: 26px auto; padding: 42px; text-align: center; }
.empty-integration-panel h2 { margin: 0 0 10px; }
.empty-integration-panel p { max-width: 620px; margin: 0 auto 24px; color: var(--muted); }

.wb-card-summary { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; }
.wb-card-summary__media { min-height: 250px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface-soft); }
.wb-card-summary__media img { width: 100%; height: 100%; max-height: 320px; object-fit: contain; }
.wb-card-summary__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-content: start; }
.field-group--wide { grid-column: 1 / -1; }
.attribute-grid--dimensions { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
.attribute-card label { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.attribute-card label small { color: var(--muted); }
.required-row { background: #fffafd; }
.required-mark { margin-left: 5px; color: var(--red); }
.field-meta { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
.wb-size-list { display: flex; flex-wrap: wrap; gap: 10px; }
.wb-size-chip { min-width: 130px; padding: 10px 13px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.wb-size-chip span { color: var(--muted); font-size: 12px; }
.file-drop--wb:hover, .file-drop--wb:focus-within { border-color: var(--wb); background: var(--wb-soft); }
.file-drop--wb .file-drop__icon { color: var(--wb); }
.compact-filter-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.choice-line--compact { width: auto; }
.notice-stack { display: grid; gap: 8px; margin-bottom: 14px; }
.flash { padding: 12px 15px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; }
.flash-warning { border-color: #f1df9d; background: var(--amber-soft); color: #806010; }

@media (max-width: 900px) {
    .wb-card-summary { grid-template-columns: 1fr; }
    .wb-card-summary__media { min-height: 190px; }
    .wb-card-summary__fields { grid-template-columns: 1fr; }
    .field-group--wide { grid-column: auto; }
    .attribute-grid--dimensions { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
}
@media (max-width: 560px) {
    .product-platform-tabs { gap: 15px; }
    .product-platform-tab { font-size: 12px; }
    .attribute-grid--dimensions { grid-template-columns: 1fr; }
}

/* =========================================================
   WILDBERRIES · ЦЕНЫ
   ========================================================= */
.pricing-app--wb { border-color: var(--wb-line); }
.pricing-app--wb .pricing-sidebar { background: linear-gradient(180deg, #fff 0%, #fffafd 100%); }
.pricing-table--wb { min-width: 1900px; }
.pricing-table--wb th { background: #fffafd; }
.pricing-table--wb .price-pill { color: var(--wb-dark) !important; }
.pricing-page--wb .column-settings-button:hover,
.cost-editor-button--wb:hover { border-color: var(--wb); background: var(--wb-soft); }
.mode-note--wb { border-color: var(--wb-line); background: var(--wb-soft); color: #6d2b82; }
.mode-note--wb strong { color: var(--wb-dark); }
.filters-clear-mini--wb { color: var(--wb-dark); }
.switch-filter--wb input:checked + i { background: var(--wb); }
.status-chip--wb { border-color: var(--wb-line); background: var(--wb-soft); color: var(--wb-dark); }
.currency-chip--wb { border-color: var(--wb-line); background: var(--wb-soft); color: var(--wb-dark); }
.action-primary--wb,
.file-button--wb { border-color: var(--wb) !important; background: var(--wb) !important; color: #fff !important; }
.action-primary--wb:hover,
.file-button--wb:hover { border-color: var(--wb-dark) !important; background: var(--wb-dark) !important; }
.bulk-price-actions--wb { border-color: var(--wb-line); }

.cost-total-line--ozon {
    background: linear-gradient(135deg, #0047c7 0%, #005bff 100%);
    color: #fff;
}
.cost-total-line--wb {
    background: linear-gradient(135deg, var(--wb-dark), var(--wb));
    color: #fff;
}
.cost-total-line--yandex {
    background: linear-gradient(135deg, #e0bd00 0%, #f4df20 100%);
    color: #2b2600;
}
.cost-total-line--yandex strong { color: #171400; }

.price-upload-card--wb { border-color: var(--wb-line); }
.price-upload-drop--wb:hover,
.price-upload-drop--wb.is-dragover { border-color: var(--wb); background: var(--wb-soft); }
.price-upload-market-button--wb { background: var(--wb); }
.price-upload-market-button--wb:hover { background: var(--wb-dark); box-shadow: 0 8px 20px rgba(165,0,232,.2); }
.price-upload-result__mark--wb,
.change-preview-line__new--wb { color: var(--wb-dark); }
.price-range-filter { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.price-range-filter label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 700; }
.price-range-filter input { min-width: 0; width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid var(--line-dark); border-radius: 9px; }
.price-range-filter .button { grid-column: 1 / -1; }
.percent-input { position: relative; min-width: 108px; }
.percent-input .price-pill { width: 100%; padding-right: 28px !important; }
.percent-input > span { position: absolute; top: 50%; right: 11px; transform: translateY(-50%); color: var(--muted); font-size: 11px; font-weight: 800; pointer-events: none; }
.table-sort { color: inherit; text-decoration: none; }
.table-sort:hover { color: inherit; }
.pricing-table--wb [data-column="sale_price"] strong,
.pricing-table--wb [data-column="club_price"] strong { white-space: nowrap; }
.pricing-table--wb .price-row--changed { background: #fff5ff !important; }
.pricing-table--wb .price-pill--synced { border-color: var(--wb) !important; box-shadow: 0 0 0 3px rgba(165,0,232,.12); background: #fff8ff !important; }

/* Группы маркетплейсов в общем переключателе магазинов */
.header-store-picker__platform {
    margin-top: 3px;
    padding: 7px 8px 3px;
    color: var(--blue);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
}
.header-store-picker__platform--ozon { color: #005bff; }
.header-store-picker__platform--wb { color: #a500e8; }
.header-store-picker__platform + .choice-line { margin-top: -2px; }

/* Marketplace filters and live distribution on the dashboard */
.dashboard-marketplace-tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 2px 0 8px;
    flex-wrap: wrap;
}
.dashboard-marketplace-tab {
    min-height: 28px;
    padding: 5px 11px;
    border: 1px solid #dedede;
    border-radius: 999px;
    background: #fff;
    color: #858585;
    cursor: pointer;
    font-size: 10px;
    font-weight: 780;
    transition: .16s ease;
}
.dashboard-marketplace-tab:hover { border-color: #bdbdbd; color: #4e4e4e; }
.dashboard-marketplace-tab.active { border-color: #343434; background: #343434; color: #fff; }
.dashboard-marketplace-tab--ozon.active { border-color: #005bff; background: #005bff; }
.dashboard-marketplace-tab--wb.active { border-color: #a500e8; background: #a500e8; }
.dashboard-live-status {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 4px;
    color: #9a9a9a;
    font-size: 9px;
}
.dashboard-live-status > span:first-child {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6ebd66;
    box-shadow: 0 0 0 4px rgba(110,189,102,.13);
}
.donut-wrap { width: min(390px,100%); }

/* Shared eye / eye-off controls for passwords and API secrets */
.auth-eye-button,
.secret-toggle {
    display: inline-grid;
    place-items: center;
    padding: 0;
    line-height: 0;
}
.visibility-icon { width: 22px; height: 22px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.visibility-icon--off { display: none; }
.auth-eye-button.is-visible .visibility-icon--on,
.secret-toggle.is-visible .visibility-icon--on { display: none; }
.auth-eye-button.is-visible .visibility-icon--off,
.secret-toggle.is-visible .visibility-icon--off { display: block; }
.auth-eye-button { width: 38px; height: 38px; color: #8b8b8b; font-size: 0; }
.auth-eye-button:hover,
.auth-eye-button:focus-visible,
.secret-toggle:hover,
.secret-toggle:focus-visible { color: #3f3f3f; outline: none; }
.secret-toggle { color: #777; font-size: 0; }

/* Lock pictogram for password fields */
.auth-lock-icon {
    width: 25px;
    height: 25px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.auth-user-icon {
    width: 25px;
    height: 25px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.dashboard-empty-state--dash {
    min-height: 150px;
    display: grid;
    place-items: center;
    color: #9a9a9a;
    font-size: 38px;
    font-weight: 750;
}
.distribution-row--unavailable { opacity: .62; }

/* ===== Price workspace: phase 1 improvements ===== */
.heading-actions--pricing { display:flex; align-items:center; gap:12px; }
.market-switch--tabs { padding:0; gap:24px; border:0; border-radius:0; background:transparent; }
.market-switch--tabs .market-switch__item { position:relative; padding:10px 2px 12px; border-radius:0; background:transparent; color:#9a9a9a; box-shadow:none; }
.market-switch--tabs .market-switch__item.active { background:transparent; color:#555; box-shadow:none; }
.market-switch--tabs .market-switch__item.active::after { content:""; position:absolute; left:0; right:0; bottom:4px; height:2px; border-radius:2px; background:currentColor; }
.page-settings-button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line-dark); border-radius:12px; background:#fff; color:var(--ink); font-size:19px; cursor:pointer; transition:.18s ease; }
.page-settings-button:hover { transform:rotate(12deg); background:var(--surface-soft); }
.page-settings-button--wb:hover { color:var(--wb-dark); border-color:var(--wb-line); background:var(--wb-soft); }

.pricing-sort-control { width:100%; padding:0; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; background:transparent; color:inherit; font:inherit; font-weight:800; cursor:pointer; white-space:nowrap; }
.pricing-sort-control:hover { color:inherit; }
.pricing-sort-control--wb:hover { color:inherit; }
.pricing-sort-arrows { display:inline-flex; flex-direction:column; line-height:.66; font-size:7px; color:#202020; }
.pricing-sort-arrows i { font-style:normal; opacity:.28; transition:.16s; }
.pricing-sort-control.is-active.is-asc .pricing-sort-arrows i:first-child,
.pricing-sort-control.is-active.is-desc .pricing-sort-arrows i:last-child { opacity:1; color:#666; }
.pricing-sort-control.is-active.is-asc .pricing-sort-arrows i:last-child,
.pricing-sort-control.is-active.is-desc .pricing-sort-arrows i:first-child { opacity:.16; }
.pricing-sort-control--wb.is-active .pricing-sort-arrows i { color:var(--wb-dark); }

.page-settings-modal-card { width:min(760px,96vw); }
.settings-tabs { display:flex; gap:20px; margin:4px 0 22px; border-bottom:1px solid var(--line); }
.settings-tab { position:relative; padding:11px 2px 14px; border:0; background:transparent; color:#999; font-size:14px; font-weight:850; cursor:pointer; }
.settings-tab::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:transparent; }
.settings-tab--general.is-active { color:#2d9d62; }
.settings-tab--general.is-active::after { background:#2d9d62; }
.settings-tab--ozon.is-active { color:var(--blue); }
.settings-tab--ozon.is-active::after { background:var(--blue); }
.settings-tab--wb.is-active { color:var(--wb-dark); }
.settings-tab--wb.is-active::after { background:var(--wb-dark); }
.settings-tab--disabled { cursor:not-allowed; opacity:.45; }
.settings-panel { display:none; min-height:130px; }
.settings-panel.is-active { display:block; }
.settings-switch-row { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface-soft); cursor:pointer; }
.settings-switch-row span { display:grid; gap:5px; }
.settings-switch-row small { color:var(--muted); line-height:1.35; }
.settings-switch-row input { position:absolute; opacity:0; pointer-events:none; }
.settings-switch-row i { position:relative; flex:0 0 48px; width:48px; height:28px; border-radius:999px; background:#d3d5d8; transition:.18s; }
.settings-switch-row i::after { content:""; position:absolute; top:4px; left:4px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.18); transition:.18s; }
.settings-switch-row input:checked + i { background:var(--blue); }
.pricing-page--wb .settings-switch-row input:checked + i { background:var(--wb-dark); }
.settings-switch-row input:checked + i::after { transform:translateX(20px); }
.settings-info-row { display:grid; gap:8px; padding:19px; border:1px solid var(--line); border-radius:16px; background:var(--surface-soft); }
.settings-info-row span { color:var(--muted); }

.loss-warning-card { width:min(820px,96vw); max-height:min(760px,92vh); overflow:auto; }
.loss-warning-list { display:grid; gap:10px; margin:8px 0 20px; }
.loss-warning-item { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:14px; padding:12px; border:1px solid #f0c4c4; border-radius:14px; background:#fff8f8; }
.loss-warning-item > div { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; border-radius:12px; background:#eee; color:#999; }
.loss-warning-item img { width:100%; height:100%; object-fit:cover; }
.loss-warning-item section { display:grid; gap:4px; min-width:0; }
.loss-warning-item section strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.loss-warning-item section small { color:var(--muted); }
.loss-warning-item p { margin:0; display:grid; gap:4px; text-align:right; }
.loss-warning-item p b { color:#d63d3d; }
.loss-warning-item p span { color:var(--muted); font-size:12px; }

.price-update-page { background:#f5f6f8; }
.price-update-shell { width:min(1180px,calc(100% - 32px)); margin:34px auto 70px; }
.price-update-card,.price-result-card { width:min(780px,100%); margin:22px auto; padding:38px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 20px 60px rgba(20,28,40,.08); text-align:center; }
.price-update-spinner { width:70px; height:70px; margin:0 auto 22px; border:7px solid #e9edf3; border-top-color:var(--blue); border-radius:50%; animation:priceSpin 1s linear infinite; }
.price-update-shell--wb .price-update-spinner { border-top-color:var(--wb-dark); }
@keyframes priceSpin { to { transform:rotate(360deg); } }
.price-progress-track { width:100%; height:12px; margin:26px 0 8px; overflow:hidden; border-radius:999px; background:#eceff3; }
.price-progress-track span { display:block; height:100%; border-radius:inherit; background:var(--blue); transition:width .28s ease; }
.price-update-shell--wb .price-progress-track span { background:var(--wb-dark); }
.price-progress-value { font-size:24px; }
.price-update-stats,.price-result-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:28px 0; }
.price-result-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
.price-update-stats > div,.price-result-summary > div { display:grid; gap:6px; padding:15px 9px; border:1px solid var(--line); border-radius:14px; background:var(--surface-soft); }
.price-update-stats span,.price-result-summary span { color:var(--muted); font-size:12px; }
.price-update-stats strong,.price-result-summary strong { font-size:22px; }
.price-result-summary .is-success strong { color:#2f9b62; }
.price-result-summary .is-pending strong { color:#c68416; }
.price-result-summary .is-error strong { color:#d84b4b; }
.price-update-actions,.price-result-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:24px; }
.price-errors-panel { margin-top:24px; }
.price-errors-table .table-thumb { width:54px; height:54px; object-fit:cover; border-radius:10px; }
.price-readonly-error { display:inline-block; padding:8px 10px; border:1px solid #efb9b9; border-radius:10px; background:#fff5f5; color:#bf3838; font-weight:800; }
.error-copy { color:#b93f3f; line-height:1.4; }

@media (max-width:760px) {
    .heading-actions--pricing { width:100%; justify-content:space-between; }
    .price-update-card,.price-result-card { padding:24px 18px; }
    .price-update-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .price-result-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .loss-warning-item { grid-template-columns:50px minmax(0,1fr); }
    .loss-warning-item p { grid-column:1/-1; text-align:left; }
    .price-update-shell > .back-link--labeled { width:max-content; max-width:100%; margin:0 0 14px; }
}

/* Price loss review */
.price-subpage-head{display:flex;gap:18px;align-items:flex-start;margin:18px 0 24px}.price-subpage-head h1{margin:4px 0 7px}.back-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ddd;border-radius:12px;color:#333;text-decoration:none;font-size:24px;background:#fff}.back-link--labeled{width:auto;min-height:44px;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;gap:10px;font-size:15px;line-height:1.25;font-weight:800;white-space:nowrap;word-break:normal;overflow-wrap:normal;max-width:100%}.back-link--labeled:hover{background:#fafbfc;border-color:#cfd6de}.back-link--labeled::first-letter{font-size:18px}.loss-review-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px}.loss-review-summary>div{display:flex;align-items:baseline;gap:10px}.loss-review-summary strong{font-size:30px}.loss-review-summary span,.loss-review-summary p{color:#777}.loss-review-summary p{margin:0;max-width:680px}.loss-review-list{display:grid;gap:12px}.loss-review-item{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(180px,.55fr) minmax(360px,1.5fr);gap:18px;align-items:center;padding:17px;border:1px solid #e4e4e4;border-radius:18px;background:#fff;transition:.18s}.loss-review-item.is-edited{box-shadow:0 0 0 2px rgba(35,131,226,.12)}.loss-review-page--wb .loss-review-item.is-edited{box-shadow:0 0 0 2px rgba(165,0,232,.12)}.loss-review-product{display:flex;align-items:center;gap:13px;min-width:0}.loss-review-product>div:last-child{min-width:0}.loss-review-product strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loss-review-product small{display:block;color:#888;margin-top:5px}.loss-review-image{width:58px;height:58px;flex:0 0 58px;border-radius:13px;background:#f5f5f5;display:grid;place-items:center;overflow:hidden}.loss-review-image img{width:100%;height:100%;object-fit:contain}.loss-review-price span{display:block;font-size:12px;color:#777;margin-bottom:5px}.loss-review-price>div{display:flex;align-items:center;border:1px solid #d7d7d7;border-radius:13px;padding:0 12px;background:#fafafa}.loss-review-price input{width:100%;padding:11px 0;border:0;background:transparent;font-weight:800;font-size:17px;outline:none}.loss-review-price b{font-size:12px;color:#777}.loss-review-schemes{display:flex;flex-wrap:wrap;gap:7px}.loss-scheme{min-width:105px;padding:8px 10px;border-radius:11px;border:1px solid #ddd;background:#f7f7f7}.loss-scheme strong,.loss-scheme span{display:block}.loss-scheme strong{font-size:12px}.loss-scheme span{font-size:11px;margin-top:3px}.loss-scheme--safe{border-color:#b8e1c4;background:#effaf2;color:#19833a}.loss-scheme--loss{border-color:#ffc1c1;background:#fff0f0;color:#d63131}.loss-scheme--unavailable{color:#999;background:#f4f4f4}.loss-review-actions{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:13px;border:1px solid #e4e4e4;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.financial-stack{display:grid;gap:5px;min-width:115px}.financial-stack__row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.financial-stack__row small{color:#777;font-weight:700}.financial-stack__row strong{white-space:nowrap}.global-region-switch{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding-left:9px;border-left:1px solid #ddd}.global-region-switch a{padding:5px 9px;border-radius:8px;color:#8a8a8a;text-decoration:none;font-size:13px;font-weight:800}.global-region-switch a.active{background:#ededed;color:#333}.global-region-switch a.active::before{content:'›';margin-right:5px}
@media(max-width:1000px){.loss-review-item{grid-template-columns:1fr}.loss-review-actions{flex-wrap:wrap}.loss-review-summary{align-items:flex-start;flex-direction:column}}
.global-region-dropdown{position:relative;margin-left:8px}.global-region-dropdown summary{list-style:none;cursor:pointer;padding:7px 11px;border:1px solid #ddd;border-radius:10px;background:#f1f1f1;color:#444;font-size:13px;font-weight:800}.global-region-dropdown summary::-webkit-details-marker{display:none}.global-region-dropdown summary span{margin-left:7px}.global-region-dropdown>div{position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:155px;padding:6px;border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}.global-region-dropdown a{display:block;padding:9px 11px;border-radius:8px;color:#777;text-decoration:none;font-weight:750}.global-region-dropdown a:hover{background:#f5f5f5}.global-region-dropdown a.active{background:#e9e9e9;color:#333}.global-region-dropdown a.active::before{content:'›';margin-right:7px;font-weight:900}

/* Extended pricing settings and factual WB analytics */
.settings-panel.is-active { display:grid; gap:12px; }
.settings-field-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:2px; }
.settings-field-grid label { display:grid; gap:7px; padding:13px; border:1px solid var(--line); border-radius:14px; background:#fff; color:#555; font-size:12px; font-weight:800; }
.settings-field-grid input[type="number"], .settings-field-grid select { width:100%; min-height:40px; padding:8px 10px; border:1px solid #d8d8d8; border-radius:10px; background:#fafafa; color:#222; font:inherit; }
.settings-field-grid input[type="checkbox"] { position:static; width:22px; height:22px; opacity:1; pointer-events:auto; accent-color:var(--blue); }
.settings-yandex-inline-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:12px; align-items:start; }
.settings-field-grid--compact { grid-template-columns:1fr; margin-top:0; }
.settings-field-grid--compact label { min-height:100%; }
.pricing-page--wb .settings-field-grid input[type="checkbox"] { accent-color:var(--wb-dark); }
.scheme-status-stack { display:grid; gap:5px; min-width:100px; }
.scheme-status-row { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 7px; border-radius:8px; background:#f4f4f4; font-size:11px; }
.scheme-status-row small { font-weight:800; color:#777; }
.scheme-status-row strong { font-size:11px; }
.scheme-status-row.is-active { background:#eef9f2; color:#23824c; }
.scheme-status-row.is-inactive { background:#f4f4f4; color:#999; }
.scheme-status-row.is-unknown { background:#fff8e9; color:#a87312; }
.status-chip--muted { background:#f0f0f0; color:#777; }
@media (max-width:760px) { .settings-field-grid { grid-template-columns:1fr; } .settings-yandex-inline-grid { grid-template-columns:1fr; } }

/* =====================================================
   Orders RUSSIA
   ===================================================== */
.orders-page { background:#f3f4f6; }
.orders-shell { width:min(1740px,100%); margin:0 auto; display:grid; gap:16px; }
.orders-region-switch { display:flex; justify-content:flex-start; align-items:center; gap:22px; min-height:30px; }
.orders-region-switch a { position:relative; padding:3px 1px 8px; color:#929292; text-decoration:none; font-size:13px; font-weight:900; letter-spacing:.05em; }
.orders-region-switch a.active { color:#343434; }
.orders-region-switch a.active::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; border-radius:999px; background:#343434; }
.orders-warning-list { display:grid; gap:8px; }
.orders-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.orders-metric-card { position:relative; min-height:126px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:20px 24px; overflow:visible; border-radius:8px; background:#222; color:#fff; box-shadow:0 7px 20px rgba(0,0,0,.08); }
.orders-metric-card h3 { margin:0 0 12px; font-size:18px; line-height:1.12; }
.orders-metric-card strong { display:block; font-size:23px; line-height:1; }
.orders-metric-card small { display:block; margin-top:8px; color:#bcbcbc; font-size:12px; }
.orders-workspace { display:grid; grid-template-columns:175px minmax(0,1fr); gap:18px; align-items:start; padding:14px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow); }
.orders-side-tabs { display:grid; align-content:start; gap:8px; padding-top:2px; }
.orders-side-tab { min-height:37px; padding:8px 12px; border:0; border-radius:999px; background:#222; color:#fff; font-size:11px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.orders-side-tab span { margin-left:3px; }
.orders-side-tab:not(.active) { opacity:.7; }
.orders-side-tab--problem { background:#ff5f5f; }
.orders-main { min-width:0; display:grid; gap:11px; }
.orders-status-tabs { display:flex; justify-content:center; align-items:center; gap:25px; overflow-x:auto; padding:0 5px 8px; }
.orders-status-tab { position:relative; flex:0 0 auto; padding:6px 1px 11px; border:0; background:transparent; color:#222; font-size:17px; font-weight:900; cursor:pointer; text-transform:uppercase; white-space:nowrap; }
.orders-status-tab span { font-weight:750; }
.orders-status-tab.active::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:2px; border-radius:999px; background:#222; }
.orders-filter-form { display:grid; grid-template-columns:repeat(5,max-content) minmax(170px,1fr); gap:7px; align-items:start; position:relative; }
.orders-filter { position:relative; }
.orders-filter summary { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 11px; list-style:none; border:1px solid #a9a9a9; border-radius:7px; background:#fff; color:#333; font-size:11px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.orders-filter summary::-webkit-details-marker { display:none; }
.orders-filter[open] summary { background:#f0f0f0; }
.orders-filter__menu { position:absolute; top:calc(100% + 5px); left:0; z-index:70; min-width:235px; max-height:320px; overflow:auto; padding:8px; border:1px solid #d3d3d3; border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(0,0,0,.15); }
.orders-filter__menu label { display:flex; align-items:center; gap:9px; padding:8px; border-radius:8px; color:#333; cursor:pointer; }
.orders-filter__menu label:hover { background:#f4f4f4; }
.orders-filter__menu input[type=checkbox] { width:18px; height:18px; margin:0; accent-color:#222; }
.orders-filter__menu--dates { display:grid; grid-template-columns:1fr 1fr; gap:9px; min-width:320px; }
.orders-filter__menu--dates label { display:grid; gap:4px; }
.orders-filter__menu--dates input { min-width:0; padding:8px; border:1px solid #d4d4d4; border-radius:8px; }
.orders-filter__menu--dates button { grid-column:1/-1; }
.orders-filter-actions { grid-column:1/-1; grid-row:2; display:flex; justify-content:flex-end; align-items:center; gap:8px; min-height:32px; }
.orders-reset { padding:7px 13px; border-radius:999px; background:#9c9c9c; color:#fff; text-decoration:none; font-size:12px; font-weight:850; }
.orders-refresh { width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; background:transparent; color:#888; font-size:28px; cursor:pointer; }
.orders-search { grid-column:1/4; grid-row:2; justify-self:start; min-width:310px; height:32px; display:flex; align-items:center; gap:7px; padding:0 10px; border:1px solid #cfcfcf; border-radius:999px; color:#777; background:#fff; }
.orders-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; font-size:11px; }
.orders-filter-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:-5px; }
.orders-filter-chips > span { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:999px; background:#333; color:#fff; font-size:10px; font-weight:800; }
.orders-filter-chips button { padding:0; border:0; background:transparent; color:#fff; font-size:16px; line-height:1; cursor:pointer; }
.orders-assembly-tools { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.orders-assembly-tools > div { display:flex; flex-wrap:wrap; gap:8px; }
.orders-tool-button { min-height:33px; padding:7px 13px; border:0; border-radius:999px; background:#242424; color:#fff; font-size:11px; font-weight:900; cursor:pointer; }
.orders-tool-button:disabled { opacity:.34; cursor:not-allowed; }
.orders-tool-button--light { border:1px solid #888; background:#fff; color:#333; }
.orders-table-wrap { min-width:0; max-height:600px; overflow:auto; border:1px solid #d7d7d7; border-radius:8px; }
.orders-table { width:100%; min-width:1180px; border-collapse:separate; border-spacing:0; background:#fff; }
.orders-table thead { position:sticky; top:0; z-index:15; }
.orders-table th { padding:7px 9px; background:#242424; color:#fff; font-size:10px; font-weight:800; white-space:nowrap; }
.orders-table th:first-child { border-radius:7px 0 0 0; }
.orders-table th:last-child { border-radius:0 7px 0 0; }
.orders-table td { padding:12px 9px; border-bottom:1px solid #bdbdbd; vertical-align:middle; color:#292929; font-size:11px; }
.orders-table tbody tr:last-child td { border-bottom:0; }
.orders-table tr.is-selected td { background:#fbfbfb; }
.orders-table td > strong,.orders-table td > time,.orders-table td > small { display:block; }
.orders-table td > small { margin-top:4px; color:#888; }
.orders-check { display:flex; align-items:center; justify-content:center; }
.orders-check input { width:16px; height:16px; margin:0; accent-color:#222; }
.orders-order-number { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.market-dot { width:8px; height:8px; display:inline-block; flex:0 0 8px; border-radius:50%; background:#999; }
.market-dot--ozon { background:#1485f6; }
.market-dot--wildberries { background:#a100df; }
.orders-dash { color:#aaa; font-size:16px; }
.orders-countdown,.orders-penalty,.orders-no-penalty { display:block; margin-top:5px; font-size:10px; font-weight:900; white-space:nowrap; }
.countdown--success,.orders-no-penalty { color:#65ac44; }
.countdown--warning { color:#d59b25; }
.countdown--danger,.orders-penalty { color:#ef5454; }
.orders-products-cell { min-width:310px; }
.order-product { display:grid; grid-template-columns:48px 36px minmax(170px,1fr); gap:8px; align-items:center; }
.order-product + .order-product { margin-top:9px; padding-top:9px; border-top:1px dashed #dedede; }
.order-product__image { width:48px; height:48px; display:grid; place-items:center; overflow:hidden; border:1px solid #ddd; border-radius:8px; background:#f7f7f7; }
.order-product__image img { width:100%; height:100%; object-fit:contain; }
.order-product__qty { font-weight:850; white-space:nowrap; }
.order-product strong { display:block; line-height:1.25; }
.order-product small { display:block; margin-top:3px; color:#888; }
.orders-warehouse-scheme { display:flex; align-items:center; gap:5px; margin-top:4px; font-weight:800; }
.orders-profit { display:block; margin-top:5px; font-weight:900; color:#888; }
.orders-profit.positive { color:#69b74a; }
.orders-profit.negative { color:#ef5656; }
.orders-status-cell { min-width:130px; }
.orders-status-pill { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:6px 11px; border:0; border-radius:999px; background:#222; color:#fff; font-size:9px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.picker-badge { width:23px; height:23px; display:grid; place-items:center; margin:-3px 1px -3px -7px; border-radius:50%; background:#eadcff; color:#7d28b1; font-size:9px; }
.orders-history { display:grid; gap:5px; margin-top:9px; padding:9px; border-left:2px solid #aaa; background:#fafafa; }
.orders-history[hidden] { display:none; }
.orders-history > div { display:grid; grid-template-columns:7px 1fr auto; align-items:center; gap:7px; }
.orders-history > div > span { width:7px; height:7px; border-radius:50%; background:#444; }
.orders-history time { color:#888; }
.orders-history-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.orders-history-dialog[open] {
    display: grid;
    place-items: center;
}
.orders-history-dialog::backdrop {
    background: rgba(20, 26, 34, .45);
    backdrop-filter: blur(4px);
}
.orders-history-dialog__card {
    position: relative;
    width: min(520px, calc(100vw - 28px));
    max-height: min(680px, calc(100vh - 28px));
    overflow: auto;
    padding: 24px;
    border: 1px solid #dfe4ea;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(19, 27, 38, .22);
}
.orders-history-dialog__card h2 {
    margin: 6px 42px 18px 0;
    color: #20262e;
    font-size: 24px;
}
.orders-history-dialog__close {
    position: absolute;
    right: 16px;
    top: 16px;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 12px;
    background: #f2f4f7;
    color: #20262e;
    font-size: 27px;
    line-height: 1;
    cursor: pointer;
}
.orders-history-dialog__list {
    display: grid;
    gap: 10px;
}
.orders-history-dialog__list > div {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #edf0f3;
    border-radius: 14px;
    background: #fafbfc;
}
.orders-history-dialog__list > div > span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #252c34;
}
.orders-history-dialog__list strong {
    color: #252c34;
    font-size: 13px;
}
.orders-history-dialog__list time {
    color: #7d8793;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}
.orders-history-dialog__empty {
    padding: 20px;
    border: 1px dashed #d5dbe3;
    border-radius: 14px;
    color: #7d8793;
    text-align: center;
}
.orders-picked { white-space:nowrap; color:#ef5353; }
.orders-picked.complete { color:#54aa55; }
.orders-picked.partial { color:#ef5353; }
.order-sticker-button { width:32px; height:32px; display:grid; place-items:center; border:1px solid #aaa; border-radius:50%; background:#fff; font-size:18px; cursor:pointer; }
.order-sticker-button:disabled { opacity:.28; cursor:not-allowed; }
.orders-comment-button { max-width:150px; padding:0; border:0; background:transparent; color:#333; font-size:10px; cursor:pointer; text-align:left; }
.orders-comment-button span { font-size:13px; }
.orders-empty { min-height:170px; display:grid; place-items:center; color:#999; font-size:14px; }
.orders-sort { display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:0; border:0; background:transparent; color:inherit; font-size:inherit; font-weight:inherit; cursor:pointer; }
.orders-sort__arrows { display:grid; line-height:.68; color:#a7a7a7; font-size:6px; }
.orders-sort.is-asc .orders-sort__arrows i:first-child,.orders-sort.is-desc .orders-sort__arrows i:last-child { color:#fff; }
.orders-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; }
.orders-footer > label { justify-self:start; font-size:11px; font-weight:750; }
.orders-footer select { padding:4px 7px; border:0; border-radius:999px; background:#222; color:#fff; }
.orders-footer > strong { justify-self:end; padding:4px 9px; border-radius:999px; background:#222; color:#fff; font-size:10px; }
.orders-pagination { display:flex; align-items:center; justify-content:center; gap:4px; }
.orders-pagination button { width:37px; height:37px; border:0; border-radius:5px; background:#f5f5f5; font-weight:800; cursor:pointer; }
.orders-pagination button.active { background:#333; color:#fff; }
.orders-selection-bar { position:fixed; left:50%; bottom:18px; z-index:100; min-width:min(520px,calc(100vw - 34px)); display:flex; justify-content:space-between; align-items:center; gap:15px; padding:8px 10px 8px 19px; border:1px solid #777; border-radius:999px; background:rgba(29,29,29,.96); color:#fff; box-shadow:0 12px 36px rgba(0,0,0,.25); transform:translateX(-50%); backdrop-filter:blur(8px); }
.orders-selection-bar[hidden] { display:none; }
.orders-selection-bar .button { min-width:170px; border:1px solid #fff; }

.orders-dialog { width:min(780px,calc(100vw - 30px)); max-height:90vh; padding:0; overflow:visible; border:0; border-radius:20px; background:transparent; }
.orders-dialog::backdrop { background:rgba(0,0,0,.38); backdrop-filter:blur(2px); }
.orders-dialog__card,.orders-scanner-card { position:relative; padding:28px; overflow:auto; border:1px solid #bdbdbd; border-radius:20px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.22); }
.orders-dialog__card h2,.orders-scanner-card h2 { margin:0 0 20px; text-align:center; font-size:27px; }
.orders-dialog__close { position:absolute; top:13px; right:17px; width:36px; height:36px; padding:0; border:0; background:transparent; color:#111; font-size:35px; line-height:1; cursor:pointer; }
.orders-dialog textarea { width:100%; padding:13px; resize:vertical; border:1px solid #ccc; border-radius:12px; outline:none; }
.orders-dialog__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:17px; }
.orders-dialog--scanner { width:min(920px,calc(100vw - 24px)); }
.orders-scanner-card { min-height:460px; display:flex; flex-direction:column; align-items:stretch; gap:12px; }
.orders-scanner-card > small { align-self:flex-start; color:#888; font-size:18px; font-weight:800; }
.orders-scanner-card h2 { margin-bottom:4px; }
.scanner-message { width:min(600px,100%); min-height:57px; display:flex; justify-content:center; align-items:center; gap:18px; margin:4px auto; padding:8px 22px; border:1px solid #aaa; border-radius:999px; color:#222; font-size:22px; font-weight:900; text-align:center; }
.scanner-message.success { border-color:#75c950; background:#75c950; color:#fff; }
.scanner-message.error { border-color:#ff5e5e; background:#ff5e5e; color:#fff; }
.scanner-product { width:min(650px,100%); display:flex; justify-content:center; align-items:center; gap:18px; margin:0 auto 4px; }
.scanner-product[hidden] { display:none; }
.scanner-product__image { width:92px; height:92px; flex:0 0 92px; display:grid; place-items:center; overflow:hidden; border:1px solid #ccc; border-radius:14px; background:#fafafa; }
.scanner-product__image img { width:100%; height:100%; object-fit:contain; }
.scanner-product strong { display:block; font-size:24px; }
.scanner-product small { display:block; margin-top:5px; color:#777; font-size:16px; font-weight:800; }
.scanner-entry { width:min(680px,100%); margin:0 auto; }
.scanner-entry > label { display:block; margin:0 0 7px; color:#34363a; font-size:15px; font-weight:850; }
.scanner-entry__row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; }
#scanner-input { width:100%; min-height:52px; padding:0 16px; border:1.5px solid #aeb1b6; border-radius:14px; background:#fff; color:#202226; font:inherit; font-size:18px; font-weight:700; outline:none; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; }
#scanner-input:focus { border-color:#33363a; box-shadow:0 0 0 4px rgba(40,43,47,.09); }
#scanner-input.is-invalid { border-color:#ef5350; background:#fff7f7; box-shadow:0 0 0 4px rgba(239,83,80,.10); }
#scanner-input:disabled { background:#f3f4f5; color:#777; }
.scanner-entry__row .button { min-width:145px; min-height:52px; border-radius:14px; }
.scanner-result { min-height:28px; text-align:center; color:#777; font-size:18px; font-weight:850; word-break:break-all; }
.orders-scanner-card footer { display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; margin-top:auto; padding-top:12px; border-top:1px solid #ececef; }
.orders-scanner-card footer > strong { color:#e64d4d; font-size:20px; }
.scanner-footer-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.orders-scanner-card footer .button { min-width:170px; font-size:16px; }
#scanner-complete:disabled { cursor:not-allowed; opacity:.45; box-shadow:none; }
.orders-supply-card p { font-size:18px; font-weight:700; }
.supply-list { display:grid; gap:6px; margin:13px 0; }
.supply-list label { display:flex; align-items:center; gap:9px; padding:8px 14px; border-radius:10px; font-size:18px; font-weight:800; cursor:pointer; }
.supply-list input { width:22px; height:22px; accent-color:#222; }
.supply-create-toggle { width:100%; min-height:55px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid #aaa; border-radius:17px; background:#fff; font-size:23px; font-weight:900; cursor:pointer; }
.supply-create-toggle span { font-size:38px; font-weight:400; }
.supply-create { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:10px; }
.supply-create input { min-width:0; padding:11px 15px; border:1px solid #bbb; border-radius:14px; font-size:18px; font-weight:750; }
.supply-create .button { border-radius:999px; }

@media (max-width:1250px) {
    .orders-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .orders-workspace { grid-template-columns:1fr; }
    .orders-side-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .orders-filter-form { grid-template-columns:repeat(3,max-content) minmax(180px,1fr); }
    .orders-search { grid-column:1/3; }
}
@media (max-width:800px) {
    .orders-metrics { grid-template-columns:1fr; }
    .orders-status-tabs { justify-content:flex-start; }
    .orders-filter-form { display:flex; flex-wrap:wrap; }
    .orders-filter-actions,.orders-search { width:100%; grid-column:auto; grid-row:auto; }
    .orders-search { min-width:0; }
    .orders-footer { grid-template-columns:1fr; justify-items:center; }
    .orders-footer > label,.orders-footer > strong { justify-self:center; }
    .orders-selection-bar { flex-direction:column; border-radius:18px; }
    .orders-scanner-card { padding:22px 16px; }
    .orders-scanner-card footer { flex-direction:column; align-items:stretch; }
    .scanner-footer-actions { width:100%; }
    .scanner-footer-actions .button { flex:1 1 180px; }
    .scanner-entry__row { grid-template-columns:1fr; }
    .scanner-entry__row .button { width:100%; }
    .scanner-product { justify-content:flex-start; }
    .scanner-product strong { font-size:20px; }
    .scanner-message { font-size:18px; }
}
.orders-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.orders-toolbar__right { display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
.orders-number { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.orders-row.is-selected td { background:#f4f7fa; }


/* Orders Russia stage 2 */
.alert,.flash{position:relative}.alert-message{display:block;padding-right:34px}.alert-help{display:block;margin-top:6px;padding-right:34px;color:inherit;opacity:.78;font-size:12px;line-height:1.4}.alert-close{position:absolute;right:10px;top:8px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:currentColor;font-size:22px;line-height:1;cursor:pointer}.alert-close:hover{background:rgba(0,0,0,.08)}
.orders-supply-actions{display:flex;align-items:center;gap:12px;margin:8px 0 10px}.orders-supply-actions small{color:#777;max-width:650px}.button-wb{border-color:#a500e8;background:#a500e8;color:#fff}.button-wb:hover{filter:brightness(.95)}.orders-dialog-field{display:grid;gap:7px;margin:12px 0;font-weight:800}.orders-dialog-field select{min-height:42px;padding:8px 11px;border:1px solid #ccc;border-radius:10px;background:#fff}.supply-list label span{display:grid;gap:2px}.supply-list label small{color:#888}.marketplace-operation-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7db;color:#725600;font-size:12px;line-height:1.45}.negative small{display:block;margin-top:5px;font-weight:400}.orders-warning-list .alert{padding-right:42px}


/* Global dismissible marketplace errors and outside-click dropdown behavior */
.app-error-center { position:fixed; top:86px; right:20px; z-index:10000; width:min(470px,calc(100vw - 40px)); display:grid; gap:10px; pointer-events:none; }
.app-error-toast { position:relative; display:grid; gap:6px; padding:15px 48px 15px 16px; border:1px solid #efb2b2; border-radius:14px; background:#fff7f7; color:#6c2020; box-shadow:0 18px 48px rgba(80,20,20,.18); pointer-events:auto; animation:appErrorIn .18s ease-out; }
.app-error-toast strong { font-size:14px; color:#3d1a1a; }
.app-error-toast__message { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.app-error-toast small { padding-top:6px; border-top:1px solid #f1cccc; color:#835252; font-size:12px; line-height:1.45; }
.app-error-toast__close { position:absolute; top:8px; right:9px; width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:9px; background:transparent; color:#8c4949; font-size:24px; line-height:1; cursor:pointer; }
.app-error-toast__close:hover { background:#f5dddd; color:#481818; }
.app-success-toast{border-color:#cfe8d4 !important;background:#f5fff7 !important;color:#245c33 !important;box-shadow:0 18px 48px rgba(22,85,43,.16) !important}.app-success-toast strong{color:#1e4d2b}.app-success-toast .app-error-toast__close{color:#3d7750}.app-success-toast .app-error-toast__close:hover{background:#e5f7e9;color:#1e4d2b}
@keyframes appErrorIn { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:700px) { .app-error-center { top:70px; right:10px; width:calc(100vw - 20px); } }


/* =========================================================
   Плавность интерфейса и единая интерактивная анимация
   ========================================================= */
html { scroll-behavior:smooth; }

/* Модальные окна остаются в DOM и поэтому мягко открываются и закрываются. */
.modal-overlay {
    display:flex;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease, visibility 0s linear .2s;
}
.modal-overlay.is-open {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
}
.modal-overlay .modal-card {
    opacity:0;
    transform:translateY(14px) scale(.985);
    transition:opacity .2s ease, transform .24s cubic-bezier(.22,1,.36,1);
}
.modal-overlay.is-open .modal-card { opacity:1; transform:none; }

.panel, .page-heading, .dashboard-panel, .metric-card, .store-card,
.api-toolbar, .api-table-panel, .orders-stat, .orders-filter-panel {
    transition:border-color .2s ease, box-shadow .22s ease, background-color .2s ease;
}
.api-token-table tbody tr, .data-table tbody tr, .pricing-table tbody tr,
.products-table tbody tr, .orders-table tbody tr {
    transition:background-color .18s ease;
}
.api-tab, .dashboard-tab, .main-nav__link, .logout-link,
.column-settings-button, .modal-close, .alert-close {
    transition:color .18s ease, background-color .18s ease, border-color .18s ease,
               box-shadow .18s ease, transform .18s cubic-bezier(.22,1,.36,1);
}
button:not(:disabled):active, summary:active { transform:scale(.975); }
.modal-close:hover, .column-settings-button:hover { transform:translateY(-1px); }
.alert-close:active, .modal-close:active, .column-settings-button:active { transform:scale(.93); }

.settings-panel.is-active { animation:appSoftReveal .22s cubic-bezier(.22,1,.36,1) both; }
.header-store-picker[open] .header-store-picker__menu,
.global-region-dropdown[open] > div { animation:appMenuReveal .2s cubic-bezier(.22,1,.36,1) both; }

@media (prefers-reduced-motion:no-preference) {
    .app-header { animation:appHeaderEnter .28s cubic-bezier(.22,1,.36,1) backwards; }
    .page-container { animation:appPageEnter .34s cubic-bezier(.22,1,.36,1) backwards; }
    .flash-list .alert { animation:appAlertEnter .24s cubic-bezier(.22,1,.36,1) both; }
}

@keyframes appHeaderEnter {
    from { opacity:0; transform:translateY(-8px); }
    to { opacity:1; transform:none; }
}
@keyframes appPageEnter {
    from { opacity:0; transform:translateY(8px); }
    to { opacity:1; transform:none; }
}
@keyframes appAlertEnter {
    from { opacity:0; transform:translateY(-7px); }
    to { opacity:1; transform:none; }
}
@keyframes appMenuReveal {
    from { opacity:0; transform:translateY(-6px) scale(.985); }
    to { opacity:1; transform:none; }
}
@keyframes appSoftReveal {
    from { opacity:0; transform:translateY(5px); }
    to { opacity:1; transform:none; }
}

@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *, *::before, *::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}


/* =========================================================
   Слои выпадающих элементов
   ========================================================= */
/* Шапка должна оставаться выше карточек и таблиц, но ниже модальных окон. */
.app-header {
    position: relative;
    z-index: 500;
    overflow: visible;
}
.header-actions {
    position: relative;
    z-index: 1;
}
.header-store-picker[open] {
    z-index: 520;
}
.header-store-picker__menu {
    z-index: 530;
}

/* Открытый фильтр или переключатель региона поднимается над следующими блоками. */
.orders-filter[open],
.global-region-dropdown[open] {
    position: relative;
    z-index: 220;
}
.orders-filter__menu,
.global-region-dropdown > div {
    z-index: 230;
}

/* Анимации страницы не удерживают лишние stacking context после завершения. */
@media (prefers-reduced-motion:no-preference) {
    .app-header,
    .page-container {
        animation-fill-mode: backwards;
    }
}

/* =========================================================
   CHARACTERISTIC FILE IMPORT
   ========================================================= */
.characteristic-upload-card { width: min(980px, calc(100% - 32px)); }
.characteristic-upload-card .price-upload-heading { max-width: 760px; }
.characteristic-upload-card .price-upload-heading p { margin: 0; color: #858585; font-size: 16px; }
.characteristic-upload-form { display: grid; gap: 20px; }
.characteristic-upload-drop { min-height: 88px; }
.characteristic-upload-file-badge {
    display: inline-grid;
    place-items: center;
    min-width: 58px;
    height: 48px;
    padding: 0 9px;
    border-radius: 14px;
    background: #1f1f1f;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    flex: 0 0 auto;
}
.characteristic-upload-file-badge--wb { background: var(--wb); }
.characteristic-upload-store-select {
    width: min(760px, 100%);
    margin: 0 auto;
    padding: 16px 18px;
    border: 1px solid #dedede;
    border-radius: 22px;
    background: #fafafa;
    text-align: left;
}
.characteristic-upload-store-select__label {
    display: block;
    margin: 0 0 10px;
    color: #686868;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.characteristic-upload-store-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.characteristic-upload-store-option {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.characteristic-upload-store-option:hover {
    border-color: #b9c8ea;
    box-shadow: 0 5px 15px rgba(31, 54, 94, .06);
    transform: translateY(-1px);
}
.characteristic-upload-store-option input { width: 18px; height: 18px; accent-color: #005bff; flex: 0 0 auto; }
.characteristic-upload-store-option span { min-width: 0; display: grid; gap: 2px; }
.characteristic-upload-store-option strong,
.characteristic-upload-store-option small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.characteristic-upload-store-option strong { color: #2d2d2d; font-size: 14px; }
.characteristic-upload-store-option small { color: #8b8b8b; font-size: 12px; }
.characteristic-upload-notes {
    display: grid;
    gap: 7px;
    width: min(760px, 100%);
    margin: 26px auto 0;
    padding: 18px 22px;
    border: 1px solid #dce6fb;
    border-radius: 20px;
    background: #f7f9fe;
    color: #6f7682;
    font-size: 13px;
    line-height: 1.45;
}
.characteristic-upload-notes strong { color: #2d3f68; font-size: 14px; }
.characteristic-upload-notes span::before { content: "•"; margin-right: 8px; color: #005bff; }
.characteristic-upload-notes--wb { border-color: var(--wb-line); background: var(--wb-soft); }
.characteristic-upload-notes--wb strong { color: var(--wb-dark); }
.characteristic-upload-notes--wb span::before { color: var(--wb); }
.import-error-panel--warning {
    margin-bottom: 18px;
    border-color: #f2d592;
    background: #fffaf0;
    color: #735100;
}
.import-error-panel--warning h3 { color: #8d6500; }

@media (max-width: 720px) {
    .characteristic-upload-store-grid { grid-template-columns: 1fr; }
    .characteristic-upload-card { padding-left: 24px; padding-right: 24px; }
    .characteristic-upload-drop { border-radius: 24px; align-items: flex-start; flex-direction: column; }
    .characteristic-upload-drop strong { text-align: left; }
}

/* Unified Yandex Market product theme */
.product-platform-tab--yandex.active,.eyebrow--yandex,.table-link--yandex{color:#d5b900}
.product-platform-tab--yandex.active::after{background:#f4df20}
.button-yandex{background:#f4df20;color:#282400;border-color:#f4df20}
.button-yandex:hover{background:#e7d216;transform:translateY(-1px)}
.store-chip--yandex{background:#fff8bf;color:#665b00;border:1px solid #eadb65}
.page-number.active.page-number--yandex{background:#f4df20!important;color:#292500!important;border-color:#e0c900!important}
.upload-shell--yandex .upload-dropzone{border-color:#e4cf25;background:#fffdf0}
.product-table--yandex tbody tr:hover{background:#fffdf2}

/* Consistent focus and motion across all marketplace pages */
.button,.product-platform-tab,.text-action,.table-link,.filter-card__title,.page-number{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.button:focus-visible,.product-platform-tab:focus-visible,.text-action:focus-visible,.table-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,133,255,.22);outline-offset:2px}
.data-table tbody tr{transition:background-color .16s ease}
.header-store-picker__platform--yandex { color: #b28a00; }
.market-dot--yandex { background:#f4cf19; }

/* Yandex Market pricing and dashboard parity */
.pricing-page--yandex .pricing-sidebar{--market-accent:#f4cf19}
.pricing-app--yandex .pricing-sidebar{border-top:3px solid #f4cf19}
.mode-note--yandex{border-color:#ead45d;background:#fffbe0;color:#665900}
.mode-note--yandex strong{color:#403800}
.pricing-table--yandex thead th{background:#fffdf0}
.pricing-table--yandex tbody tr:hover{background:#fffdf4}
.pricing-table--yandex tr.is-loss{background:#fff2f2}
.pricing-table--yandex tr.is-changed{box-shadow:inset 4px 0 #f4cf19}
.pricing-sort-control--yandex.is-active{color:#9c8200}
.switch-filter--yandex input:checked+i{background:#f4cf19}
.price-cell-input{width:104px;min-width:86px;padding:9px 10px;border:1px solid #d8d8d8;border-radius:11px;background:#fff;font:inherit;text-align:right}
.price-cell-input:focus{border-color:#d9bd16;box-shadow:0 0 0 3px rgba(244,207,25,.18);outline:none}
.status-ok{color:#3b8d3b;font-weight:800}.status-error{color:#bd3d3d;font-weight:800}
.dashboard-marketplace-tab--yandex.active,.dashboard-marketplace-tab--yandex:hover{background:#f4cf19;color:#2a2600;border-color:#f4cf19}
.upload-page--yandex .upload-dropzone{border-color:#e4cf25;background:#fffdf0}
@media(max-width:900px){.pricing-table--yandex{min-width:1550px}}

/* Product editors: Yandex Market and fixed WB directories */
.product-name-link{color:inherit;text-decoration:none;transition:color .18s ease}
.product-name-link:hover{color:#1577da}
.product-name-link--yandex:hover{color:#9a8100}
.product-detail-heading h1{max-width:1100px}
.product-editor{display:grid;gap:18px}
.product-summary-card{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:30px;padding:26px}
.product-summary-card--yandex{border-top:3px solid #f4cf19}
.product-summary-card__content{min-width:0;display:grid;align-content:start;gap:22px}
.product-summary-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.product-price-badge{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #eadb65;border-radius:999px;background:#fff8bf;color:#4d4500;font-weight:800}
.product-gallery{display:grid;gap:14px;min-width:0}
.product-gallery__stage{position:relative;display:grid;place-items:center;min-height:360px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#f5f6f8)}
.product-gallery__main{display:block;width:100%;height:360px;object-fit:contain;border-radius:14px}
.product-gallery__thumbs{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px}
.product-gallery__thumb{width:68px;height:68px;flex:0 0 68px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.product-gallery__thumb:hover,.product-gallery__thumb.is-active{border-color:#d6bb19;box-shadow:0 0 0 3px rgba(244,207,25,.18);transform:translateY(-1px)}
.product-gallery__thumb img{width:100%;height:100%;object-fit:contain;border-radius:9px}
.form-grid--editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.characteristics-panel{overflow:hidden}
.characteristics-table-wrap{max-height:680px}
.attribute-table--editor td:first-child{width:38%;min-width:260px}
.attribute-table--editor td{vertical-align:top}
.characteristic-help{display:block;margin-top:6px;color:var(--muted);line-height:1.45}
.characteristic-select{width:100%;min-height:44px}
.characteristic-select--multiple{min-height:132px;padding:8px}
.field-help{display:block;margin-top:7px;color:var(--muted);font-size:12px}
.image-placeholder--large{display:grid;place-items:center;width:100%;min-height:300px;color:var(--muted);text-align:center}

/* Yandex price table: complete product data and readable money cells */
.pricing-table-wrap--yandex{max-height:calc(100vh - 330px);min-height:420px}
.pricing-table--yandex{min-width:2280px}
.table-product-image--large{width:58px;height:58px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}
.image-placeholder--table{display:grid;place-items:center;width:58px;height:58px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted)}
.pricing-product-cell{min-width:260px;max-width:340px}
.pricing-product-link{display:block;color:var(--text);text-decoration:none;line-height:1.35}
.pricing-product-link:hover{color:#9a8100}
.pricing-product-cell small{display:block;margin-top:5px;color:var(--muted)}
.money-cell{display:flex;align-items:center;gap:7px;min-width:150px}
.money-cell span{font-size:11px;font-weight:800;color:var(--muted)}
.financial-cell{white-space:nowrap;font-weight:700}
.financial-cell.is-negative{color:#bd3d3d}

@media(max-width:1100px){
  .product-summary-card{grid-template-columns:1fr}
  .product-gallery__stage{min-height:280px}
  .product-gallery__main{height:300px}
}
@media(max-width:720px){
  .product-summary-card{padding:18px}
  .form-grid--editor{grid-template-columns:1fr}
  .attribute-table--editor td:first-child{min-width:210px}
}

.product-summary-card--wb{border-top:3px solid #b220d5}
.product-gallery--wb .product-gallery__thumb:hover,.product-gallery--wb .product-gallery__thumb.is-active{border-color:#b220d5;box-shadow:0 0 0 3px rgba(178,32,213,.14)}
.product-name-link--wb{color:inherit;text-decoration:none}
.product-name-link--wb:hover{color:#a500e8;text-decoration:underline;text-underline-offset:3px}

/* Yandex import/export parity and stable image fallbacks */
[hidden]{display:none!important}
.price-upload-card--yandex{border-color:#ead62a}
.price-upload-drop--yandex:hover,.price-upload-drop--yandex.is-dragover{border-color:#e3c900;background:#fffceb}
.characteristic-upload-file-badge--yandex{background:#f4df20;color:#242000}
.characteristic-upload-notes--yandex{border-color:#eadf73;background:#fffdf0}
.change-preview-line__new--yandex{color:#8a7200}
.price-upload-market-button--yandex{background:#f4df20;color:#242000}
.price-upload-market-button--yandex:hover{background:#e6cf00;box-shadow:0 8px 20px rgba(196,167,0,.2)}
.price-update-shell--yandex .price-result-card{border-color:#ead62a}
.image-placeholder--empty{font-size:10px;line-height:1.2;text-align:center;color:var(--muted)}
.pricing-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 4px;flex-wrap:wrap}
.pricing-footer .pagination-modern{margin:0}

/* Yandex Market pricing table and section settings */
.page-settings-button--yandex:hover,
.column-settings-button--yandex:hover {
    color:#8a7200;
    border-color:#e3cf35;
    background:#fffbe0;
}
.settings-tab--yandex.is-active { color:#a68a00; }
.settings-tab--yandex.is-active::after { background:#f4cf19; }
.settings-panel[data-settings-panel="ozon"] .settings-switch-row input:checked + i { background:var(--blue); }
.settings-panel[data-settings-panel="wb"] .settings-switch-row input:checked + i { background:var(--wb-dark); }
.settings-panel[data-settings-panel="yandex"] .settings-switch-row input:checked + i { background:#f4cf19; }
.settings-panel[data-settings-panel="yandex"] .settings-info-row { border-color:#eadb65; background:#fffdf0; }
.pricing-page--yandex .settings-field-grid input[type="checkbox"] { accent-color:#d0b400; }

/* News Center */
.news-page { background: #fff; }
.news-center { width: 100%; max-width: 1500px; margin: 0 auto; padding: 10px 0 42px; color: #3f4144; }
.news-center__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 16px; }
.news-center__header h1 { margin: 4px 0 0; font-size: clamp(34px, 4vw, 58px); line-height: .96; letter-spacing: -.045em; color: #3d3f42; }
.news-center__header p { max-width: 440px; margin: 0 0 5px; color: #898c91; text-align: right; }
.news-create-button { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:9px 17px; border:1px solid #3f4246; border-radius:999px; background:#45484c; color:#fff; font:800 13px/1 inherit; cursor:pointer; transition:transform .16s ease,background .16s ease; }
.news-create-button:hover { transform:translateY(-1px); background:#2f3236; }
.news-create-button span { font-size:18px; line-height:1; }
.news-create-overlay[hidden] { display:none; }
.news-create-overlay { position:fixed; inset:0; z-index:1400; display:grid; place-items:center; padding:24px; background:rgba(24,26,29,.42); backdrop-filter:blur(2px); }
.news-modal-open { overflow:hidden; }
.news-create-modal { width:min(680px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:22px; border:1px solid #d9dadd; border-radius:24px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.24); }
.news-create-modal > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:16px; }
.news-create-modal h2 { margin:4px 0 0; color:#34373b; font-size:28px; }
.news-create-close { width:36px; height:36px; border:0; border-radius:50%; background:#f0f1f2; color:#55595e; font-size:24px; cursor:pointer; }
.news-create-form { display:grid; gap:13px; }
.news-create-form label:not(.news-create-important) { display:grid; gap:6px; }
.news-create-form label > span { color:#4a4d51; font-size:13px; font-weight:800; }
.news-create-form small { color:#999da2; font-weight:600; }
.news-create-form input[type="text"], .news-create-form input[type="url"], .news-create-form select, .news-create-form textarea { width:100%; border:1.5px solid #b8bbc0; border-radius:14px; background:#fff; color:#2f3236; font:500 14px/1.45 inherit; outline:0; }
.news-create-form input[type="text"], .news-create-form input[type="url"], .news-create-form select { min-height:44px; padding:9px 12px; }
.news-create-form textarea { min-height:190px; padding:12px; resize:vertical; }
.news-create-form input:focus, .news-create-form select:focus, .news-create-form textarea:focus { border-color:#6b3fc4; box-shadow:0 0 0 3px rgba(107,63,196,.1); }
.news-create-important { display:flex; align-items:center; gap:9px; cursor:pointer; }
.news-create-important input { width:18px; height:18px; accent-color:#45484c; }
.news-create-form footer { display:flex; justify-content:flex-end; gap:9px; margin-top:5px; }
.news-create-cancel, .news-create-submit { min-height:42px; padding:9px 17px; border-radius:12px; font:800 13px/1 inherit; cursor:pointer; }
.news-create-cancel { border:1px solid #c9ccd0; background:#fff; color:#55595e; }
.news-create-submit { border:1px solid #45484c; background:#45484c; color:#fff; }
.news-search { position: relative; display: flex; align-items: center; width: 100%; min-height: 45px; margin: 0 0 22px; border: 1.5px solid #56595d; border-radius: 999px; background: #fff; }
.news-search > span { margin-left: 13px; color: #55585c; font-size: 25px; line-height: 1; display:grid; place-items:center; align-self:center; transform: rotate(-15deg); }
.news-search input { width: 100%; min-height: 42px; padding: 8px 46px 8px 8px; border: 0; outline: 0; background: transparent; color: #25272a; font: inherit; }
.news-search input::placeholder { color: #adb0b5; }
.news-search__clear { position: absolute; right: 8px; width: 31px; height: 31px; border: 0; border-radius: 50%; background: #f0f1f2; color: #555; cursor: pointer; font-size: 19px; }
.news-filter-section { margin-top: 12px; }
.news-filter-section h2 { margin: 0 0 10px; color: #52555a; font-size: 18px; font-weight: 500; letter-spacing: -.01em; }
.news-filter-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.news-filter-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 7px 14px; border: 0; border-radius: 999px; color: #fff; cursor: pointer; opacity: .28; filter: saturate(.55); transition: opacity .16s ease, transform .16s ease, filter .16s ease, box-shadow .16s ease; }
.news-filter-chip:hover { transform: translateY(-1px); opacity: .65; }
.news-filter-chip.is-active { opacity: 1; filter: none; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.news-filter-chip:disabled { cursor: not-allowed; opacity: .16; filter: grayscale(1); transform: none; }
.news-filter-chip span { display: inline-grid; place-items: center; min-width: 18px; font-size: 17px; }
.news-chip-icon, .news-tag-icon { display:inline-grid; place-items:center; width:18px; min-width:18px; height:18px; line-height:1; font-style:normal; }
.news-chip-icon::before, .news-tag-icon::before { display:block; color:currentColor; font-size:16px; line-height:1; }
.news-chip-icon--source-service::before, .news-tag-icon--source-service::before { content:"⚙"; }
.news-chip-icon--source-marketplace::before, .news-tag-icon--source-marketplace::before { content:"➤"; }
.news-chip-icon--source-legislation::before, .news-tag-icon--source-legislation::before { content:"⚖"; }
.news-chip-icon--topic-general::before, .news-tag-icon--topic-general::before { content:"✦"; }
.news-chip-icon--topic-functions::before, .news-tag-icon--topic-functions::before { content:"◌"; }
.news-chip-icon--topic-analytics::before, .news-tag-icon--topic-analytics::before { content:"◔"; }
.news-chip-icon--topic-logistics::before, .news-tag-icon--topic-logistics::before { content:"➜"; }
.news-chip-icon--topic-finance::before, .news-tag-icon--topic-finance::before { content:"₽"; }
.news-chip-icon--topic-storage::before, .news-tag-icon--topic-storage::before { content:"⬡"; }
.news-chip-icon--topic-contracts::before, .news-tag-icon--topic-contracts::before { content:"▣"; }
.news-chip-icon--topic-products::before, .news-tag-icon--topic-products::before { content:"◫"; }
.news-chip-icon--topic-promotions::before, .news-tag-icon--topic-promotions::before { content:"↗"; }
.news-filter-chip strong, .news-filter-chip b { font-size: 14px; font-weight: 780; white-space: nowrap; }
.news-filter-chip b { font-weight: 650; opacity: .9; }
.news-filter-chip--source { background: #444649; }
.news-filter-chip--marketplace-wildberries { background: linear-gradient(135deg,#aa118f,#e73883); }
.news-filter-chip--marketplace-ozon { background: #1769e8; }
.news-filter-chip--marketplace-yandex { background: #f2d31b; color: #292500; }
.news-marketplace-chip-logo { min-width: 26px !important; font-size: 11px !important; font-weight: 900; letter-spacing: -.04em; }
.news-filter-chip--marketplace-yandex .news-marketplace-chip-logo { font-size: 18px !important; }
.news-filter-chip--general { background: #a98aed; }
.news-filter-chip--functions { background: #7fa9e9; }
.news-filter-chip--analytics { background: #a6a7a9; }
.news-filter-chip--logistics { background: #efc795; }
.news-filter-chip--finance { background: #7dc455; }
.news-filter-chip--storage { background: #73767a; }
.news-filter-chip--contracts { background: #bda58f; }
.news-filter-chip--products { background: #eea9c4; }
.news-filter-chip--promotions { background: #87d4e7; }
.news-list { display: grid; gap: 13px; margin-top: 22px; }
.news-card { padding: 17px 21px 14px; border: 1px solid #d9dadd; border-radius: 18px; background: #fff; box-shadow: 0 2px 7px rgba(28,31,35,.02); }
.news-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.news-card__identity { display: flex; align-items: center; gap: 11px; min-width: 0; }
.news-important { color: #282a2d; font-size: 37px; font-weight: 900; line-height: 1; transform: skew(-8deg); }
.news-avatar { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: #f0f1f2; }
.news-avatar img { width: 100%; height: 100%; object-fit: cover; }
.news-logo { width: 100%; height: 100%; display: grid; place-items: center; font-size: 11px; font-weight: 900; letter-spacing: -.05em; }
.news-logo--ozon { background: #1264e8; color: #fff; font-size: 10px; }
.news-logo--wb { background: linear-gradient(135deg,#ae0a8f,#f23d68); color: #fff; font-size: 15px; }
.news-logo--yandex { background: #ffd400; color: #141414; font-size: 25px; }
.news-logo--law { background: #e9eaec; color: #53565b; font-size: 22px; }
.news-logo--service { background: #e6e7e9; color: #989b9f; font-size: 24px; }
.news-card__author { min-width: 0; display: grid; gap: 2px; }
.news-card__author strong { overflow: hidden; color: #55585c; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.news-card__author time { color: #a4a7ab; font-size: 12px; }
.news-card__tags { display: flex; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.news-tag { display: inline-flex; align-items: center; gap: 6px; min-height: 31px; padding: 5px 12px; border-radius: 999px; color: #fff; font-size: 12px; font-weight: 750; white-space: nowrap; }
.news-tag i { font-style: normal; font-size: 14px; display:inline-grid; place-items:center; align-self:center; }
.news-tag--source { background: #444649; }
.news-tag--marketplace-wildberries { background: linear-gradient(135deg,#aa118f,#e73883); }
.news-tag--marketplace-ozon { background: #1769e8; }
.news-tag--marketplace-yandex { background: #f2d31b; color: #292500; }
.news-tag--general { background: #a98aed; }
.news-tag--functions { background: #7fa9e9; }
.news-tag--analytics { background: #85878a; }
.news-tag--logistics { background: #dfb780; }
.news-tag--finance { background: #79c44e; }
.news-tag--storage { background: #6e7175; }
.news-tag--contracts { background: #ad9279; }
.news-tag--products { background: #e895b4; }
.news-tag--promotions { background: #77c8dc; }
.news-card__content { margin-top: 13px; color: #5a5d62; }
.news-card__content h2 { margin: 0 0 9px; color: #3d4044; font-size: 16px; line-height: 1.4; }
.news-card__body { font-size: 14px; line-height: 1.52; white-space: normal; }
.news-card__body[hidden] { display: none; }
.news-search-mark { padding: 0 2px; border-radius: 4px; background: #ff9a77; color: inherit; }
.news-card__footer { min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 10px; }
.news-read-more, .news-source-link { border: 0; background: transparent; color: #35383c; cursor: pointer; font-size: 13px; font-weight: 800; text-decoration: none; }
.news-read-more { display: inline-flex; align-items: center; gap: 7px; padding: 2px 0; }
.news-read-more i { font-size: 20px; font-style: normal; transition: transform .18s ease; }
.news-read-more[aria-expanded="true"] i { transform: rotate(90deg); }
.news-source-link { color: #8b8e93; font-weight: 650; }
.news-source-link:hover, .news-read-more:hover { color: #8e00cc; }
.news-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 24px 0 0; }
.news-pagination a, .news-pagination span { min-width: 48px; height: 48px; display: grid; place-items: center; border-radius: 8px; background: #f6f6f6; color: #1f2124; font-size: 18px; font-weight: 800; text-decoration: none; }
.news-pagination a:hover { background: #ececef; }
.news-pagination a.is-active { background: #45474a; color: #fff; }
.news-pagination span { min-width: 30px; background: transparent; }
.news-empty { min-height: 530px; display: grid; place-items: center; align-content: center; margin-top: 25px; padding: 38px; border: 1px solid #dbdcdf; border-radius: 18px; text-align: center; }
.news-empty__illustration { position: relative; width: 310px; height: 225px; margin-bottom: 12px; border-radius: 48% 52% 42% 58%; background: #f3f5ff; }
.news-empty__window { position: absolute; left: 66px; top: 53px; width: 180px; height: 120px; padding: 12px; border-radius: 10px; background: #dce5f7; box-shadow: 0 8px 22px rgba(57,79,121,.08); }
.news-empty__window > span { float: left; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #78a1db; }
.news-empty__window i { position: absolute; left: 24px; top: 46px; width: 55px; height: 54px; border-radius: 8px; background: #edf1fa; }
.news-empty__window b, .news-empty__window b::before, .news-empty__window b::after { position: absolute; right: 24px; top: 50px; width: 57px; height: 7px; border-radius: 9px; background: #c0cde9; content: ""; }
.news-empty__window b::before { right: 0; top: 20px; }
.news-empty__window b::after { right: 13px; top: 40px; width: 44px; }
.news-empty__plant { position: absolute; left: 23px; bottom: 22px; color: #6b9cd7; font-size: 69px; transform: rotate(-13deg); }
.news-empty__glass { position: absolute; right: 31px; bottom: 24px; width: 62px; height: 62px; border: 8px solid #4c78b1; border-radius: 50%; }
.news-empty__glass::after { position: absolute; right: -31px; bottom: -21px; width: 39px; height: 9px; border-radius: 8px; background: #4c78b1; content: ""; transform: rotate(47deg); }
.news-empty h2 { margin: 0 0 8px; font-size: 25px; color: #3e4248; }
.news-empty p { max-width: 500px; margin: 0; color: #8b9099; line-height: 1.55; }

/* Compact news block on the dashboard */
.dashboard-panel--news { min-height: 470px; }
.dashboard-news-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 10px; }
.dashboard-news-head a { color: #45484c; font-size: 13px; font-weight: 800; text-decoration: none; }
.dashboard-news-head a:hover { color: #9700d3; }
.dashboard-news-list { display: grid; }
.dashboard-news-item { padding: 13px 0; border-bottom: 1px solid #ececee; }
.dashboard-news-item:last-child { border-bottom: 0; }
.dashboard-news-item__head { display: flex; align-items: center; gap: 9px; }
.dashboard-news-item__head .news-important { font-size: 25px; }
.dashboard-news-item__head .news-avatar { width: 35px; height: 35px; }
.dashboard-news-item__head .news-card__author strong { font-size: 12px; }
.dashboard-news-item__head .news-card__author time { font-size: 10px; }
.dashboard-news-item__tag { margin-left: auto; }
.dashboard-news-item__tag .news-tag { min-height: 24px; padding: 3px 8px; font-size: 9px; }
.dashboard-news-item h3 { margin: 9px 0 5px; color: #3f4246; font-size: 12px; line-height: 1.35; }
.dashboard-news-item p { margin: 0; color: #777b80; font-size: 11px; line-height: 1.42; }
.dashboard-news-more { display: inline-block; margin-top: 10px; color: #383b3f; font-size: 11px; font-weight: 800; text-decoration: none; }
.dashboard-news-empty { min-height: 330px; display: grid; place-items: center; align-content: center; gap: 8px; color: #989ca2; text-align: center; }
.dashboard-news-empty span { font-size: 38px; }
.dashboard-news-empty strong { color: #55595e; }

@media (max-width: 900px) {
    .news-center__header { align-items: flex-start; flex-direction: column; }
    .news-center__header p { text-align: left; }
    .news-card__header { flex-direction: column; }
    .news-card__tags { justify-content: flex-start; }
}
@media (max-width: 620px) {
    .news-center { padding-top: 0; }
    .news-center__header h1 { font-size: 36px; }
    .news-filter-section h2 { font-size: 14px; }
    .news-filter-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
    .news-filter-chip { flex: 0 0 auto; }
    .news-card { padding: 15px; }
    .news-card__identity { align-items: flex-start; }
    .news-card__footer { align-items: flex-start; flex-direction: column; }
    .news-pagination a, .news-pagination span { min-width: 38px; height: 40px; font-size: 15px; }
    .news-empty { min-height: 420px; padding: 20px; }
    .news-empty__illustration { width: 245px; transform: scale(.82); margin: -12px -25px 0; }
}

/* =====================================================
   Final dashboard and orders polish · 2026-06-22
   ===================================================== */
.brand-name {
    color: var(--ink);
    font-size: 17px;
    font-weight: 850;
    letter-spacing: .025em;
    white-space: nowrap;
}

/* The dashboard follows the reference composition:
   chart + news, best products + recent activity, distribution below. */
.dashboard-content-grid {
    grid-template-columns: minmax(0, 1.72fr) minmax(340px, .92fr);
    grid-template-areas:
        "chart news"
        "top activity"
        "distribution empty";
    gap: 18px;
    align-items: stretch;
}
.dashboard-panel--chart { grid-area: chart; min-height: 470px; }
.dashboard-panel--news { grid-area: news; min-height: 470px; }
.dashboard-panel--top { grid-area: top; min-height: 430px; }
.dashboard-panel--activity { grid-area: activity; min-height: 430px; overflow: hidden; }
.dashboard-panel--distribution { grid-area: distribution; min-height: 440px; }
.dashboard-panel--chart,
.dashboard-panel--news,
.dashboard-panel--top,
.dashboard-panel--activity { height: 100%; }
.dashboard-activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 13px;
}
.dashboard-activity-head .dashboard-panel__eyebrow { margin: 0; }
.dashboard-activity-clear-form { margin:0; }
.dashboard-activity-clear { min-height:32px; padding:7px 14px; border:1px solid #d8d8de; border-radius:999px; background:#f5f5f7; color:#4b4f55; font-size:12px; font-weight:760; cursor:pointer; transition:background .16s ease,color .16s ease,border-color .16s ease; }
.dashboard-activity-clear:hover { background:#ececf1; color:#1f2328; border-color:#c9cbd2; }
.dashboard-activity-head a {
    color: #55595e;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}
.dashboard-activity-head a:hover { color: #9700d3; }
.dashboard-activity-list { display: grid; max-height: 356px; overflow-y: auto; padding-right: 4px; }
.dashboard-activity-item {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 47px;
    padding: 10px 0;
    border-bottom: 1px solid #ececee;
}
.dashboard-activity-item:last-child { border-bottom: 0; }
.dashboard-activity-item strong {
    min-width: 0;
    color: #4b4f54;
    font-size: 11px;
    line-height: 1.35;
}
.dashboard-activity-item time {
    color: #9a9da2;
    font-size: 9px;
    white-space: nowrap;
}
.dashboard-activity-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #777;
}
.dashboard-activity-dot--ozon { background: #1485f6; }
.dashboard-activity-dot--wildberries { background: #a100df; }
.dashboard-activity-dot--yandex { background: #f4cf19; }
.dashboard-activity-dot--service { background: #63b665; }
.dashboard-activity-empty {
    min-height: 310px;
    display: grid;
    place-content: center;
    gap: 7px;
    color: #989ca2;
    text-align: center;
}
.dashboard-activity-empty strong { color: #55595e; }

/* More breathing room on the orders page without reducing information density. */
.orders-shell { gap: 24px; padding-bottom: 30px; }
.orders-region-switch { min-height: 38px; }
.orders-metrics { gap: 24px; }
.orders-metric-card {
    min-height: 148px;
    padding: 26px 29px;
    border-radius: 16px;
}
.orders-metric-card h3 { margin-bottom: 15px; font-size: 19px; }
.orders-metric-card strong { font-size: 27px; }
.orders-workspace {
    grid-template-columns: 215px minmax(0, 1fr);
    gap: 26px;
    padding: 24px;
    border-radius: 22px;
}
.orders-side-tabs { gap: 12px; padding-top: 4px; }
.orders-side-tab {
    min-height: 46px;
    padding: 11px 16px;
    font-size: 12px;
}
.orders-main { gap: 18px; }
.orders-status-tabs {
    justify-content: flex-start;
    gap: 34px;
    padding: 2px 8px 13px;
}
.orders-status-tab { padding: 8px 2px 13px; font-size: 16px; }
.orders-filter-form {
    grid-template-columns: repeat(3, minmax(170px, max-content)) minmax(310px, 1fr);
    gap: 12px;
}
.orders-filter summary {
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 11px;
}
.orders-filter__menu { top: calc(100% + 8px); min-width: 255px; padding: 11px; }
.orders-filter-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 40px;
    gap: 12px;
}
.orders-search {
    grid-column: 4 / -1;
    grid-row: 1;
    width: 100%;
    min-width: 310px;
    height: 42px;
    padding: 0 15px;
    border-radius: 12px;
}
.orders-search input { font-size: 12px; }
.orders-refresh { width: 40px; height: 40px; }
.orders-reset { padding: 9px 16px; }
.orders-filter-chips { gap: 8px; margin-top: -2px; }
.orders-filter-chips > span { padding: 7px 11px; font-size: 11px; }
.orders-assembly-tools,
.orders-toolbar,
.orders-supply-actions { padding: 3px 0; }
.orders-tool-button { min-height: 39px; padding: 9px 15px; }
.orders-table-wrap {
    max-height: 720px;
    border-radius: 14px;
}
.orders-table { min-width: 1380px; }
.orders-table th { padding: 11px 14px; font-size: 11px; }
.orders-table td { padding: 16px 14px; font-size: 12px; line-height: 1.35; }
.orders-table td > small { margin-top: 6px; }
.order-product { min-width: 330px; gap: 12px; }
.order-product__image { width: 56px; height: 56px; border-radius: 11px; }
.orders-status-cell { min-width: 160px; }
.orders-status-pill { min-height: 34px; padding: 7px 13px; font-size: 10px; }
.orders-comment-button { max-width: 190px; font-size: 11px; line-height: 1.4; }
.orders-footer { gap: 22px; padding: 4px 2px; }
.orders-pagination { gap: 7px; }
.orders-pagination button { width: 40px; height: 40px; border-radius: 8px; }

@media (max-width: 1250px) {
    .orders-workspace { grid-template-columns: 1fr; }
    .orders-side-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .orders-filter-form { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
    .orders-search { grid-column: 1 / -1; grid-row: 2; }
    .orders-filter-actions { grid-row: 3; }
}
@media (max-width: 980px) {
    .dashboard-content-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "chart"
            "news"
            "top"
            "activity"
            "distribution";
    }
    .dashboard-panel--chart,
    .dashboard-panel--news,
    .dashboard-panel--top,
    .dashboard-panel--activity,
    .dashboard-panel--distribution { grid-column: 1; }
}
@media (max-width: 800px) {
    .orders-workspace { padding: 16px; gap: 18px; }
    .orders-filter-form { display: flex; flex-wrap: wrap; }
    .orders-filter { flex: 1 1 180px; }
    .orders-filter summary { width: 100%; }
    .orders-filter-actions, .orders-search { width: 100%; }
    .orders-status-tabs { gap: 22px; }
}


/* Single-field cleanup and modal usability */
input[type="search"],
input[type="date"],
.auth-input-wrap input,
.price-pill,
.price-cell-input,
.money-cell input,
.percent-input input {
    -webkit-appearance: none;
    appearance: none;
    background-clip: padding-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; }
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.orders-filter__menu--dates label {
    display: grid;
    gap: 6px;
    align-items: start;
}
.orders-filter__menu--dates input[type="date"] {
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    border: 1px solid var(--line-dark);
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
}
.orders-search,
.news-search,
.auth-input-wrap { overflow: hidden; }
.orders-search input,
.news-search input,
.auth-input-wrap input {
    box-shadow: none !important;
    outline: none;
}
.supply-create[hidden] { display: none !important; }
.supply-create-toggle + .supply-create { margin-top: 12px; }

.password-strength-label.level-1 { color: #a40000; }
.password-strength-label.level-2 { color: #ff5b5b; }
.password-strength-label.level-3 { color: #c9952e; }
.password-strength-label.level-4 { color: #d0b400; }
.password-strength-label.level-5 { color: #7ca55e; }
.password-strength-label.level-6 { color: #4f7d38; }

.columns-modal-card {
    display: flex;
    flex-direction: column;
    max-height: min(88vh, 980px);
}
.columns-config-grid { min-height: 0; }
.columns-config-grid section {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 58vh;
}
.column-list {
    min-height: 0;
    overflow: auto;
    padding-right: 4px;
}
.column-settings-actions {
    position: sticky;
    bottom: 0;
    margin-top: 16px;
    padding-top: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 24%);
    border-top: 1px solid var(--line);
}
.columns-modal-card--wb .column-toggle-button {
    border-color: rgba(161,0,223,.18);
    background: rgba(161,0,223,.08);
    color: #8d10c6;
}
.columns-modal-card--yandex .column-toggle-button {
    border-color: rgba(244,207,25,.45);
    background: rgba(244,207,25,.14);
    color: #b88a00;
}


/* Uniform single-layer input fields */
.auth-input-wrap,
.orders-search,
.news-search,
.pricing-search,
.search-field--sidebar,
.orders-filter__menu--dates input,
.secret-field,
.secret-field input {
    box-sizing: border-box;
}
.auth-input-wrap input,
.orders-search input,
.news-search input,
.pricing-search input,
.search-field input,
.orders-filter__menu--dates input,
.secret-field input {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}
.orders-filter__menu--dates input[type="date"] {
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--line-dark) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}
input[type="date"]::-webkit-date-and-time-value,
input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    padding: 0;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: .9;
    cursor: pointer;
}
.orders-filter--calendar summary span {
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.orders-filter--calendar .calendar-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    color:#4f545a;
}
.orders-filter--calendar .calendar-icon svg {
    width:20px;
    height:20px;
    display:block;
}
.orders-search,
.news-search,
.pricing-search,
.auth-input-wrap,
.secret-field {
    align-items:center;
}
.secret-field { display:flex; align-items:center; }
.secret-field input { flex:1 1 auto; }
.dashboard-activity-item { align-items: center; }

.cost-cell-stack{
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
}
.inline-link-button{
    border:none;
    background:none;
    padding:0;
    cursor:pointer;
    font:inherit;
    color:#1463ff;
    text-decoration:underline;
}
.inline-link-button--compact{
    font-size:12px;
    font-weight:600;
}
.cost-editor-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
}
.cost-editor-field{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.cost-editor-field label{
    font-size:13px;
    font-weight:700;
}
.cost-editor-field input{
    width:100%;
    border:1px solid rgba(15,23,42,.14);
    border-radius:14px;
    padding:11px 13px;
    font:inherit;
    background:#fff;
}

/* API credentials: the outer wrapper is the single visible input boundary. */
.api-create-form .field-group > input,
.api-create-form .field-group > select {
    width: 100%;
    min-height: 48px;
    padding: 0 15px;
    border: 1px solid #cfd2d8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.api-create-form .field-group > input:focus,
.api-create-form .field-group > select:focus {
    border-color: #7e8794 !important;
    box-shadow: 0 0 0 3px rgba(70, 79, 91, .10) !important;
}
.api-create-form .secret-field {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    border: 1px solid #cfd2d8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    overflow: hidden;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.api-create-form .secret-field:focus-within {
    border-color: #7e8794 !important;
    box-shadow: 0 0 0 3px rgba(70, 79, 91, .10) !important;
}
.api-create-form .secret-field input {
    min-width: 0;
    min-height: 46px;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.api-create-form .secret-toggle {
    align-self: stretch;
    min-width: 48px;
    display: grid;
    place-items: center;
    border: 0;
    border-left: 1px solid #e1e3e7;
    background: #fafafa;
}

/* Yandex cost field opens the detail editor directly. */
.money-cell--details {
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.money-cell--details:hover,
.money-cell--details:focus-visible {
    border-color: #e0b700;
    background: #fffdf1;
    box-shadow: 0 0 0 3px rgba(255, 214, 0, .15);
    outline: none;
}
.money-cell--details input[readonly] { cursor: pointer; }
.actual-finance-card {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 16px;
    background: #f8f9fb;
}
.actual-finance-card h3 { margin: 0 0 4px; font-size: 16px; }
.actual-finance-card > p { margin: 0 0 14px; color: var(--muted); font-size: 13px; }
.actual-finance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.actual-finance-grid > div {
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
}
.actual-finance-grid small { display: block; color: var(--muted); margin-bottom: 4px; }
.actual-finance-grid strong { font-size: 14px; }
.promo-chip-stack { display: flex; flex-wrap: wrap; gap: 5px; }
.promo-chip--yandex {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff3a8;
    color: #7b6200;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

/* Orders: problem explanations and addressed storage. */
.orders-row--problem { background: rgba(255, 87, 87, .035); }
.order-problem-list { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.order-problem-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff0f0;
    border: 1px solid #ffcaca;
    color: #a93535;
    font-size: 10px;
    font-weight: 750;
}
.order-storage-button {
    width: 100%;
    min-width: 105px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid #dfe2e7;
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
    cursor: pointer;
    text-align: left;
}
.order-storage-button:hover { border-color: #727984; background: #fafafa; }
.order-storage-button.is-empty { border-style: dashed; color: #8b4141; }
.order-storage-button small { color: var(--muted); }
.orders-storage-card { width: min(520px, calc(100vw - 32px)); }

/* Addressed warehouse. */
.warehouse-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.warehouse-summary-card {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
}
.warehouse-summary-card small { display: block; color: var(--muted); margin-bottom: 8px; }
.warehouse-summary-card strong { font-size: 30px; }
.warehouse-layout { display: grid; gap: 18px; }
.warehouse-panel { padding: 20px; }
.warehouse-panel__head { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.warehouse-panel__head h2 { margin: 0 0 4px; }
.warehouse-panel__head p { margin: 0; color: var(--muted); }
.warehouse-location-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.warehouse-location-card { padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.warehouse-location-card__head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 12px; }
.warehouse-location-card__head strong { font-size: 19px; }
.warehouse-location-card__head span { color: var(--muted); font-size: 12px; text-align: right; }
.warehouse-location-card dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; }
.warehouse-location-card dl div { padding: 8px; border-radius: 10px; background: #f7f8fa; }
.warehouse-location-card dt { color: var(--muted); font-size: 10px; }
.warehouse-location-card dd { margin: 3px 0 0; font-weight: 700; }
.warehouse-location-card footer { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; }
.warehouse-location-card footer form { margin: 0; }
.warehouse-edit-link, .warehouse-delete-link { border: 0; background: none; padding: 0; cursor: pointer; font: inherit; font-weight: 700; }
.warehouse-edit-link { color: #1463ff; }
.warehouse-delete-link { color: #b93c3c; }
.warehouse-assign-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; }
.warehouse-assign-form label, .warehouse-location-form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 700; }
.warehouse-assign-form input, .warehouse-assign-form select, .warehouse-location-form input, .warehouse-location-form textarea {
    width: 100%; padding: 10px 12px; border: 1px solid #d5d8de; border-radius: 11px; background: #fff; font: inherit;
}
.warehouse-assign-form__note { grid-column: span 2; }
.warehouse-assignment-list { display: grid; gap: 8px; margin-top: 18px; }
.warehouse-assignment-row { display: grid; grid-template-columns: 100px minmax(150px, 1fr) minmax(160px, 1fr) minmax(100px, 1fr); gap: 12px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 12px; }
.warehouse-assignment-row small { display: block; color: var(--muted); }
.warehouse-location-form { width: min(650px, calc(100vw - 32px)); }
.warehouse-location-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.warehouse-location-form__wide { grid-column: 1 / -1; }
@media (max-width: 900px) {
    .warehouse-summary-grid { grid-template-columns: 1fr; }
    .warehouse-assign-form { grid-template-columns: 1fr 1fr; }
    .warehouse-assignment-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .warehouse-assign-form, .warehouse-location-form__grid { grid-template-columns: 1fr; }
    .warehouse-assign-form__note, .warehouse-location-form__wide { grid-column: auto; }
    .warehouse-assignment-row { grid-template-columns: 1fr; }
}
.api-form-grid--two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.api-form-grid--two[hidden], .api-form-grid--two .field-group[hidden] { display: none !important; }
@media (max-width: 620px) { .api-form-grid--two { grid-template-columns: 1fr; } }

/* API edit dialog uses the same clearly visible single-layer fields. */
.api-rename-card .field-group > input,
.api-rename-card .field-group > select {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #cfd2d8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none;
}
.api-rename-card .field-group > input:focus,
.api-rename-card .field-group > select:focus {
    border-color: #7e8794 !important;
    box-shadow: 0 0 0 3px rgba(70, 79, 91, .10) !important;
}

/* Marketplace connection menu shown on empty Products and Prices pages */
.marketplace-connect-menu{
    max-width:920px;
    margin:28px auto 0;
    padding:28px;
    border:1px solid #dedfe4;
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 34px rgba(20,24,32,.06);
}
.marketplace-connect-menu__header{
    display:flex;
    align-items:flex-start;
    gap:18px;
}
.marketplace-connect-menu__icon{
    display:grid;
    place-items:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:17px;
    background:#242529;
    color:#fff;
    font-size:30px;
    font-weight:500;
    line-height:1;
}
.marketplace-connect-menu--wb .marketplace-connect-menu__icon{background:#a100df;}
.marketplace-connect-menu--yandex .marketplace-connect-menu__icon{background:#ffd426;color:#171717;}
.marketplace-connect-menu__header h2{margin:5px 0 7px;font-size:28px;line-height:1.15;}
.marketplace-connect-menu__header p{margin:0;max-width:700px;color:#747983;line-height:1.55;}
.marketplace-connect-menu__steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:24px 0;
}
.marketplace-connect-menu__steps>div{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:62px;
    padding:13px 15px;
    border:1px solid #e4e5e9;
    border-radius:16px;
    background:#f8f8fa;
    color:#50545c;
    font-size:13px;
    font-weight:650;
}
.marketplace-connect-menu__steps b{
    display:grid;
    place-items:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#fff;
    color:#25272b;
    box-shadow:0 1px 5px rgba(0,0,0,.08);
}
.marketplace-connect-menu__actions{display:flex;flex-wrap:wrap;gap:10px;}
@media (max-width:760px){
    .marketplace-connect-menu{padding:20px;border-radius:20px;}
    .marketplace-connect-menu__steps{grid-template-columns:1fr;}
    .marketplace-connect-menu__actions .button{width:100%;justify-content:center;}
}

/* Stable visibility control for API credentials. */
.api-create-form .secret-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.api-create-form .secret-field input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 52px 0 14px !important;
    border: 1px solid #cfd2d8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--ink);
    line-height: 1.2;
}
.api-create-form .secret-field input:focus {
    border-color: #7e8794 !important;
    box-shadow: 0 0 0 3px rgba(70,79,91,.10) !important;
    outline: none;
}
.api-create-form .secret-field input::-ms-reveal,
.api-create-form .secret-field input::-ms-clear {
    display: none;
}
.api-create-form .secret-toggle {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 7px;
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #666b72;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
}
.api-create-form .secret-toggle:hover,
.api-create-form .secret-toggle:focus-visible {
    background: #f1f2f4;
    color: #202328;
    outline: none;
}
.api-create-form .secret-toggle .visibility-icon {
    width: 23px;
    height: 23px;
    pointer-events: none;
}


/* API secret eye: stable registration-style hitbox without jumping. */
.api-create-form .secret-field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 46px;
    padding: 0 !important;
    overflow: hidden;
}
.api-create-form .secret-field input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.api-create-form .secret-toggle {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 48px !important;
    align-self: stretch !important;
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e1e3e7 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8b8b8b !important;
    line-height: 0 !important;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    transition: none !important;
    animation: none !important;
}
.api-create-form .secret-toggle:hover,
.api-create-form .secret-toggle:focus-visible,
.api-create-form .secret-toggle:active {
    transform: none !important;
    background: transparent !important;
    color: #3f3f3f !important;
    box-shadow: none !important;
    outline: none !important;
}
.api-create-form .secret-toggle:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(63,63,63,.18) !important;
}
.api-create-form .secret-toggle .visibility-icon {
    display: block;
    width: 22px !important;
    height: 22px !important;
    pointer-events: none;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* API credentials: use the exact same eye control as registration. */
.api-create-form .secret-field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 48px;
    padding: 0 7px 0 0 !important;
    border: 1px solid #cfd2d8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    overflow: hidden;
}
.api-create-form .secret-field:focus-within {
    border-color: #7e8794 !important;
    box-shadow: 0 0 0 3px rgba(70,79,91,.10) !important;
}
.api-create-form .secret-field input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.api-create-form .api-auth-eye-button {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8b8b8b !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    transition: none !important;
    animation: none !important;
}
.api-create-form .api-auth-eye-button:hover,
.api-create-form .api-auth-eye-button:focus-visible,
.api-create-form .api-auth-eye-button:active {
    transform: none !important;
    background: transparent !important;
    color: #3f3f3f !important;
    box-shadow: none !important;
    outline: none !important;
}
.api-create-form .api-auth-eye-button .visibility-icon {
    width: 22px !important;
    height: 22px !important;
    pointer-events: none;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.api-create-form .api-auth-eye-button .visibility-icon--on { display: block; }
.api-create-form .api-auth-eye-button .visibility-icon--off { display: none; }
.api-create-form .api-auth-eye-button.is-visible .visibility-icon--on { display: none; }
.api-create-form .api-auth-eye-button.is-visible .visibility-icon--off { display: block; }


/* Dashboard orders card alignment fix · 2026-06-23 */
.metric-card--orders {
    display: flex;
    flex-direction: column;
}
.metric-card--orders .metric-card__header {
    margin-bottom: 20px;
}
.metric-card--orders .mini-tabs {
    flex: 0 0 auto;
    margin-left: auto;
}
.metric-card--orders .info-dot {
    flex: 0 0 20px;
    margin-left: 8px;
}
.orders-card-grid {
    display: grid;
    gap: 18px;
    margin-top: 2px;
}
.orders-card-row {
    display: grid;
    grid-template-columns: minmax(145px, 1.25fr) minmax(88px, .72fr) minmax(95px, .78fr);
    align-items: center;
    column-gap: 16px;
}
.orders-card-primary {
    min-width: 0;
    display: grid !important;
    grid-template-columns: max-content minmax(58px, 1fr) !important;
    align-items: baseline !important;
    gap: 10px !important;
}
.orders-card-primary strong {
    display: block;
    min-width: 0;
    white-space: nowrap;
    font-size: clamp(24px, 2vw, 31px);
    line-height: 1;
    letter-spacing: -.025em;
}
.orders-card-primary span {
    min-width: 0;
    white-space: nowrap;
    line-height: 1.1 !important;
}
.orders-card-money {
    min-width: 0;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 750;
}
.metric-card--orders .metric-change {
    min-width: 0;
    white-space: nowrap;
    text-align: left;
}
.metric-card--orders .metric-change span {
    white-space: nowrap;
}
@media (max-width: 1500px) and (min-width: 1321px) {
    .orders-card-row {
        grid-template-columns: minmax(120px, 1.1fr) minmax(72px, .72fr) minmax(78px, .72fr);
        column-gap: 10px;
    }
    .orders-card-primary { grid-template-columns: 1fr !important; gap: 5px !important; }
    .orders-card-primary span { font-size: 10px; }
    .orders-card-primary strong { font-size: 24px; }
}
@media (max-width: 700px) {
    .orders-card-row {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 7px;
    }
    .orders-card-primary { grid-template-columns: max-content 1fr !important; }
    .orders-card-row .metric-change {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

/* Orders data display audit · 2026-06-23 */
.orders-money-cell { min-width: 145px; white-space: nowrap; }
.orders-profit--unknown { color: #9a9a9a; font-weight: 750; }
.orders-data-missing {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 9px 11px;
    border: 1px dashed #c9c9c9;
    border-radius: 9px;
    background: #fafafa;
    color: #8a8a8a;
    font-size: 10px;
    font-weight: 750;
}
.orders-metric-card strong { max-width: 100%; overflow-wrap: anywhere; }
.orders-cancel-status { display:block; max-width:170px; overflow-wrap:anywhere; color:#d65353; }

/* News topic chips: crisp line icons matching the visual reference. */
.news-chip-icon--svg {
    display: inline-flex !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    color: currentColor;
}
.news-chip-icon--svg::before { content: none !important; }
.news-chip-icon--svg svg {
    display: block;
    width: 20px;
    height: 20px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.news-chip-icon--svg.news-chip-icon--topic-analytics svg path:first-child {
    fill: none;
}
.news-tag .news-chip-icon--svg {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
}
.news-tag .news-chip-icon--svg svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.7;
}

/* Scanner camera controls. */
.scanner-code-actions {
    width:min(680px,100%);
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px;
    margin:0 auto;
}
.scanner-code-actions .button {
    min-height:44px;
    border-radius:13px;
}
.scanner-camera-panel {
    position:relative;
    width:min(680px,100%);
    min-height:320px;
    margin:2px auto 4px;
    overflow:hidden;
    border:1px solid #d7d9dd;
    border-radius:18px;
    background:#111;
}
.scanner-camera-panel[hidden] { display:none; }
#scanner-camera-video {
    display:block;
    width:100%;
    height:320px;
    object-fit:cover;
    background:#111;
}
.scanner-camera-frame {
    position:absolute;
    inset:50% auto auto 50%;
    width:min(250px,68%);
    aspect-ratio:1;
    transform:translate(-50%,-54%);
    border:3px solid rgba(255,255,255,.92);
    border-radius:22px;
    box-shadow:0 0 0 999px rgba(0,0,0,.24);
    pointer-events:none;
}
.scanner-camera-caption {
    position:absolute;
    left:12px;
    right:12px;
    bottom:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 11px;
    border-radius:13px;
    background:rgba(255,255,255,.94);
    color:#27292d;
    font-size:13px;
    font-weight:800;
}
@media (max-width:640px) {
    .scanner-code-actions { flex-direction:column; }
    .scanner-code-actions .button { width:100%; justify-content:center; }
    #scanner-camera-video { height:280px; }
    .scanner-camera-panel { min-height:280px; }
    .scanner-camera-caption { align-items:stretch; flex-direction:column; }
}

/* Knowledge base. */
.knowledge-page { scroll-behavior:smooth; }
.knowledge-page .page-container { width:min(1540px,100%); }
.knowledge-hero {
    min-height:190px;
    margin-bottom:16px;
    padding:34px 38px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    border:1px solid var(--line-dark);
    border-radius:var(--radius-xl);
    background:var(--surface);
    box-shadow:var(--shadow);
}
.knowledge-hero h1 { margin:7px 0 9px; font-size:clamp(34px,4.5vw,58px); line-height:1; letter-spacing:-.045em; }
.knowledge-hero p { max-width:760px; margin:0; color:var(--muted); font-size:16px; }
.knowledge-hero .button { flex:0 0 auto; }
.knowledge-directory {
    margin-bottom:16px;
    padding:28px;
    border:1px solid var(--line-dark);
    border-radius:var(--radius-xl);
    background:var(--surface);
    box-shadow:var(--shadow);
}
.knowledge-section-heading { margin-bottom:20px; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.knowledge-section-heading h2 { margin:5px 0 0; font-size:25px; letter-spacing:-.025em; }
.knowledge-section-heading > small { max-width:500px; color:var(--muted); line-height:1.55; text-align:right; }
.knowledge-section-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.knowledge-section-card {
    min-height:150px;
    padding:18px;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:1fr auto;
    gap:8px 13px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    color:var(--ink);
    text-decoration:none;
}
.knowledge-section-card__number { color:#a1a5ab; font-size:11px; font-weight:850; letter-spacing:.08em; }
.knowledge-section-card h3 { margin:0 0 6px; font-size:18px; letter-spacing:-.02em; }
.knowledge-section-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.knowledge-section-card > strong { grid-column:2; align-self:end; color:#9a9ea5; font-size:11px; font-weight:800; }
.knowledge-section-card.is-ready {
    border-color:#b9dbff;
    background:linear-gradient(145deg,#fff 15%,#edf6ff 100%);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.knowledge-section-card.is-ready:hover { transform:translateY(-2px); border-color:var(--blue); box-shadow:0 12px 30px rgba(22,132,248,.10); }
.knowledge-section-card.is-ready .knowledge-section-card__number,
.knowledge-section-card.is-ready > strong { color:var(--blue); }
.knowledge-section-card.is-pending { background:#fafafb; }

.knowledge-guide { display:grid; grid-template-columns:260px minmax(0,1fr); gap:16px; align-items:start; }
.knowledge-toc {
    position:sticky;
    top:16px;
    padding:23px;
    border:1px solid var(--line-dark);
    border-radius:var(--radius-xl);
    background:var(--surface);
    box-shadow:var(--shadow);
}
.knowledge-toc h2 { margin:6px 0 16px; font-size:23px; }
.knowledge-toc nav { display:grid; gap:4px; }
.knowledge-toc a { padding:8px 10px; border-radius:10px; color:#62666d; text-decoration:none; font-size:12px; font-weight:700; }
.knowledge-toc a:hover { background:var(--surface-soft); color:var(--ink); }
.knowledge-article {
    overflow:hidden;
    border:1px solid var(--line-dark);
    border-radius:var(--radius-xl);
    background:var(--surface);
    box-shadow:var(--shadow);
}
.knowledge-article__header { padding:38px 42px 34px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fff,#fafbfc); }
.knowledge-article__tag { display:inline-flex; padding:6px 10px; border-radius:999px; background:var(--green-soft); color:#3d7e4e; font-size:10px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.knowledge-article__header h2 { margin:14px 0 10px; font-size:clamp(31px,4vw,48px); line-height:1.03; letter-spacing:-.045em; }
.knowledge-article__header p { max-width:930px; margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.knowledge-chapter { padding:35px 42px; border-bottom:1px solid var(--line); scroll-margin-top:20px; }
.knowledge-chapter:last-of-type { border-bottom:0; }
.knowledge-chapter > p { margin:0 0 18px; color:#555b63; line-height:1.72; }
.knowledge-chapter__title { margin-bottom:21px; display:flex; align-items:center; gap:12px; }
.knowledge-chapter__title > span { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--line-dark); border-radius:11px; color:#777c84; font-size:11px; font-weight:850; }
.knowledge-chapter__title h3 { margin:0; font-size:25px; letter-spacing:-.025em; }
.knowledge-definition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.knowledge-definition-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.knowledge-definition-grid > div { padding:17px 18px; border:1px solid var(--line); border-radius:15px; background:#fafbfc; }
.knowledge-definition-grid strong { display:block; margin-bottom:6px; font-size:13px; }
.knowledge-definition-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.knowledge-note { margin-top:17px; padding:17px 19px; border:1px solid #bfdfff; border-radius:15px; background:#eef7ff; }
.knowledge-note--neutral { border-color:var(--line-dark); background:#f7f8fa; }
.knowledge-note--warning { border-color:#efd58d; background:#fff9e8; }
.knowledge-note strong { display:block; margin-bottom:5px; }
.knowledge-note p { margin:0; color:#59616a; font-size:12px; line-height:1.6; }
.knowledge-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; }
.knowledge-table { width:100%; border-collapse:collapse; background:#fff; }
.knowledge-table th,
.knowledge-table td { padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:top; text-align:left; }
.knowledge-table tr:last-child td { border-bottom:0; }
.knowledge-table th { background:#f7f8fa; color:#62676f; font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.knowledge-table td { color:#555b63; font-size:12px; line-height:1.55; }
.knowledge-table td:first-child { width:26%; color:var(--ink); }
.knowledge-table code { padding:2px 5px; border-radius:5px; background:#f0f2f4; font-size:11px; }
.knowledge-caption { margin:13px 0 0 !important; color:#8a8f97 !important; font-size:11px; line-height:1.6; }
.knowledge-metric-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.knowledge-metric-list article,
.knowledge-action-list article,
.knowledge-formula-grid article { padding:19px; border:1px solid var(--line); border-radius:16px; background:#fafbfc; }
.knowledge-metric-list h4,
.knowledge-action-list h4 { margin:0 0 10px; font-size:14px; }
.knowledge-metric-list code,
.knowledge-formula-card code,
.knowledge-formula-grid code { display:block; color:#1a4f82; font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; font-size:12px; font-weight:700; line-height:1.6; overflow-wrap:anywhere; }
.knowledge-metric-list p,
.knowledge-action-list p,
.knowledge-formula-grid p { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.knowledge-formula-card { margin:14px 0; padding:18px 20px; border:1px solid #cfe3f8; border-radius:16px; background:#f3f9ff; }
.knowledge-formula-card > span,
.knowledge-formula-grid article > span { display:block; margin-bottom:8px; color:#5a6977; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.knowledge-formula-card small { display:block; margin-top:8px; color:var(--muted); line-height:1.5; }
.knowledge-formula-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.knowledge-formula-grid article { background:#fff; }
.knowledge-formula-grid article code + p { margin-top:11px; }
.knowledge-formula-grid article p + code { margin-top:8px; }
.knowledge-deadline-scale { margin:18px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.knowledge-deadline-scale div { padding:14px; border:1px solid var(--line); border-radius:14px; }
.knowledge-deadline-scale strong { display:block; margin-bottom:4px; font-size:12px; }
.knowledge-deadline-scale span { color:var(--muted); font-size:10px; }
.knowledge-deadline-scale .is-safe { border-color:#bcdcc5; background:#f1faf3; }
.knowledge-deadline-scale .is-warning { border-color:#efd58d; background:#fff9e8; }
.knowledge-deadline-scale .is-danger,
.knowledge-deadline-scale .is-overdue { border-color:#efc3c3; background:#fff3f3; }
.knowledge-rule-list { margin:16px 0 0; padding:0; display:grid; gap:8px; list-style:none; }
.knowledge-rule-list li { position:relative; padding:12px 14px 12px 37px; border:1px solid var(--line); border-radius:13px; color:#565c64; font-size:12px; line-height:1.55; }
.knowledge-rule-list li::before { content:"—"; position:absolute; left:14px; top:11px; color:#8a9098; font-weight:900; }
.knowledge-rule-list--checks li::before { content:"!"; width:18px; height:18px; top:11px; display:grid; place-items:center; border:1px solid #e1a8a8; border-radius:50%; color:#b84b4b; font-size:10px; }
.knowledge-action-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.knowledge-steps { margin:14px 0 0; padding:0; display:grid; gap:8px; list-style:none; }
.knowledge-steps li { padding:14px 16px; display:grid; grid-template-columns:auto 1fr; gap:13px; border:1px solid var(--line); border-radius:14px; }
.knowledge-steps li > span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:#fff; font-size:11px; font-weight:850; }
.knowledge-steps strong { display:block; margin-bottom:3px; font-size:12px; }
.knowledge-steps p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.knowledge-article__footer { padding:24px 42px 28px; border-top:1px solid var(--line); background:#f7f8fa; }
.knowledge-article__footer strong { display:block; margin-bottom:7px; }
.knowledge-article__footer p { margin:0; color:#666c74; font-size:11px; line-height:1.65; }

@media (max-width:1180px) {
    .knowledge-section-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .knowledge-guide { grid-template-columns:220px minmax(0,1fr); }
    .knowledge-formula-grid { grid-template-columns:1fr; }
}
@media (max-width:900px) {
    .knowledge-hero { align-items:flex-start; flex-direction:column; }
    .knowledge-section-heading { align-items:flex-start; flex-direction:column; }
    .knowledge-section-heading > small { text-align:left; }
    .knowledge-section-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .knowledge-guide { grid-template-columns:1fr; }
    .knowledge-toc { position:static; }
    .knowledge-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .knowledge-definition-grid--three { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .knowledge-deadline-scale { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
    .knowledge-hero,
    .knowledge-directory,
    .knowledge-chapter,
    .knowledge-article__header,
    .knowledge-article__footer { padding:22px 18px; }
    .knowledge-section-grid,
    .knowledge-definition-grid,
    .knowledge-definition-grid--three,
    .knowledge-metric-list,
    .knowledge-action-list { grid-template-columns:1fr; }
    .knowledge-toc nav { grid-template-columns:1fr; }
    .knowledge-section-card { min-height:132px; }
    .knowledge-deadline-scale { grid-template-columns:1fr; }
    .knowledge-table { min-width:640px; }
    .knowledge-hero .button { width:100%; }
}

/* =========================================================
   MOBILE / SMALL-SCREEN RESPONSIVE POLISH — 2026-06-26
   ========================================================= */
@media (max-width: 900px) {
    .site-shell { min-width:0; }
    .app-header {
        gap:9px;
        padding:10px 12px;
    }
    .brand { min-width:0; }
    .brand-name {
        max-width:min(52vw,260px);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .main-nav {
        width:100%;
        max-width:100%;
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:18px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:6px 2px 3px;
        border-top:1px solid var(--line);
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }
    .main-nav::-webkit-scrollbar { display:none; }
    .main-nav__link {
        flex:0 0 auto;
        min-height:40px;
        padding:11px 0 10px;
        scroll-snap-align:center;
        white-space:nowrap;
    }
    .header-actions {
        min-width:0;
        max-width:100%;
        flex-wrap:wrap;
        gap:8px;
    }
    .header-user {
        max-width:38vw;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .page-container { min-width:0; }
    .panel { padding:18px; border-radius:19px; }
    .modal-overlay { padding:8px; }
    .modal-card { max-height:calc(100dvh - 16px); padding:18px; border-radius:18px; }

    .orders-workspace { padding:10px; gap:12px; border-radius:15px; }
    .orders-side-tabs {
        display:flex;
        gap:7px;
        overflow-x:auto;
        padding:1px 1px 5px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .orders-side-tabs::-webkit-scrollbar,
    .orders-status-tabs::-webkit-scrollbar { display:none; }
    .orders-side-tab { flex:0 0 auto; padding-inline:15px; }
    .orders-status-tabs {
        max-width:100%;
        gap:18px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .orders-toolbar,
    .orders-assembly-tools { align-items:stretch; flex-direction:column; }
    .orders-toolbar__right,
    .orders-assembly-tools > div { width:100%; }
    .orders-table-wrap {
        max-height:calc(100dvh - 250px);
        min-height:280px;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }
    .orders-dialog:not(.orders-dialog--scanner) {
        width:calc(100vw - 16px);
        max-height:calc(100dvh - 16px);
    }
    .orders-dialog:not(.orders-dialog--scanner) .orders-dialog__card {
        max-height:calc(100dvh - 16px);
        padding:22px 16px;
    }
}

@media (max-width: 640px) {
    .site-shell { padding:6px; }
    .app-header { margin-bottom:10px; border-radius:14px; }
    .brand-name { max-width:58vw; font-size:14px; }
    .header-actions { width:100%; justify-content:flex-start; }
    .header-store-picker { max-width:100%; }
    .header-store-picker summary { max-width:100%; }
    .logout-link { margin-left:auto; }
    .page-heading { padding:18px 16px; }
    .panel { padding:15px; border-radius:16px; }

    .orders-metric-card { min-height:104px; padding:16px 18px; }
    .orders-filter-form { gap:7px; }
    .orders-filter { flex:1 1 calc(50% - 4px); min-width:0; }
    .orders-filter summary { width:100%; min-width:0; }
    .orders-filter__menu,
    .orders-filter__menu--dates {
        position:fixed;
        z-index:900;
        top:calc(env(safe-area-inset-top) + 72px);
        right:10px;
        bottom:calc(env(safe-area-inset-bottom) + 10px);
        left:10px;
        width:auto;
        min-width:0;
        max-height:none;
        grid-template-columns:1fr;
        overscroll-behavior:contain;
    }
    .orders-filter__menu--dates button { grid-column:auto; }
    .orders-search { height:42px; }
    .orders-filter-actions { justify-content:stretch; }
    .orders-filter-actions > * { flex:1 1 auto; }
    .orders-toolbar__right,
    .orders-assembly-tools > div {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .orders-toolbar__right > *,
    .orders-assembly-tools > div > *,
    .orders-tool-button { width:100%; min-width:0; }
    .orders-footer { gap:10px; }
    .orders-pagination { max-width:100%; overflow-x:auto; justify-content:flex-start; }
    .orders-selection-bar {
        right:8px;
        bottom:calc(8px + env(safe-area-inset-bottom));
        left:8px;
        width:auto;
        min-width:0;
        max-height:min(46dvh,360px);
        overflow:auto;
        transform:none;
    }
}

/* The scanner is a true full-screen workspace on phones and short screens. */
@media (max-width: 800px), (max-height: 680px) {
    .orders-dialog--scanner[open] {
        position:fixed;
        inset:0;
        width:100vw;
        max-width:none;
        height:var(--scanner-viewport-height,100dvh);
        max-height:none;
        margin:0;
        padding:0;
        overflow:hidden;
        border-radius:0;
    }
    .orders-dialog--scanner::backdrop { background:rgba(0,0,0,.58); }
    .orders-scanner-card {
        width:100%;
        height:100%;
        min-height:0;
        max-height:none;
        gap:9px;
        padding:max(12px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));
        overflow-y:auto;
        overscroll-behavior:contain;
        border:0;
        border-radius:0;
        box-shadow:none;
        -webkit-overflow-scrolling:touch;
    }
    .orders-scanner-card > small {
        min-height:34px;
        padding:5px 44px 0 2px;
        font-size:13px;
        line-height:1.3;
    }
    .orders-scanner-card h2 {
        margin:0;
        padding:0 36px;
        font-size:clamp(18px,5vw,23px);
        line-height:1.16;
    }
    .orders-dialog--scanner .orders-dialog__close {
        position:fixed;
        z-index:20;
        top:max(8px,env(safe-area-inset-top));
        right:8px;
        width:42px;
        height:42px;
        border-radius:50%;
        background:rgba(255,255,255,.92);
        box-shadow:0 3px 16px rgba(0,0,0,.15);
    }
    .scanner-message {
        min-height:48px;
        margin:0 auto;
        padding:8px 14px;
        border-radius:14px;
        font-size:16px;
        line-height:1.25;
    }
    .scanner-product {
        gap:10px;
        margin:0 auto;
        padding:8px;
        border:1px solid var(--line);
        border-radius:13px;
        background:#fafafa;
    }
    .scanner-product__image { width:62px; height:62px; flex-basis:62px; }
    .scanner-product strong { font-size:16px; }
    .scanner-product small { font-size:12px; }
    .scanner-entry > label { font-size:12px; }
    #scanner-input { min-height:48px; font-size:16px; }
    .scanner-entry__row .button { min-height:46px; }
    .scanner-code-actions .button { min-height:46px; }
    .scanner-camera-panel {
        width:100%;
        height:clamp(250px,52dvh,460px);
        min-height:0;
        margin:0 auto;
        flex:0 0 auto;
        border-radius:14px;
    }
    #scanner-camera-video { width:100%; height:100%; }
    .scanner-camera-frame {
        width:min(238px,70%);
        max-height:70%;
        transform:translate(-50%,-50%);
        border-radius:18px;
    }
    .scanner-camera-caption {
        left:8px;
        right:8px;
        bottom:8px;
        gap:7px;
        padding:7px 8px;
        flex-direction:row;
        align-items:center;
        font-size:11px;
    }
    .scanner-camera-caption .button { width:auto; min-height:36px; padding:6px 10px; white-space:nowrap; }
    .scanner-result { min-height:18px; font-size:13px; }
    .orders-scanner-card footer {
        position:sticky;
        z-index:10;
        bottom:calc(-1 * max(10px,env(safe-area-inset-bottom)));
        gap:8px;
        margin-top:auto;
        padding:10px 0 max(10px,env(safe-area-inset-bottom));
        background:linear-gradient(to bottom,rgba(255,255,255,.94),#fff 18px);
    }
    .orders-scanner-card footer > strong { font-size:16px; text-align:center; }
    .scanner-footer-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
    .orders-scanner-card footer .button { min-width:0; width:100%; min-height:44px; padding:8px 10px; font-size:13px; }

    /* Camera mode removes nonessential controls so the live preview stays visible. */
    .orders-dialog--scanner.is-camera-active .orders-scanner-card { overflow:hidden; }
    .orders-dialog--scanner.is-camera-active .orders-scanner-card > small { order:0; }
    .orders-dialog--scanner.is-camera-active .orders-scanner-card h2,
    .orders-dialog--scanner.is-camera-active .scanner-product,
    .orders-dialog--scanner.is-camera-active .scanner-entry,
    .orders-dialog--scanner.is-camera-active .scanner-code-actions,
    .orders-dialog--scanner.is-camera-active .scanner-result { display:none !important; }
    .orders-dialog--scanner.is-camera-active .scanner-camera-panel { order:1; flex:1 1 auto; height:auto; min-height:240px; }
    .orders-dialog--scanner.is-camera-active .scanner-message { order:2; flex:0 0 auto; }
    .orders-dialog--scanner.is-camera-active .orders-scanner-card footer { order:3; flex:0 0 auto; position:static; }
}

@media (max-width: 390px) {
    .orders-toolbar__right,
    .orders-assembly-tools > div { grid-template-columns:1fr; }
    .scanner-camera-caption span { display:none; }
    .scanner-camera-caption { justify-content:flex-end; background:transparent; }
    .scanner-camera-caption .button { background:rgba(255,255,255,.94); }
}


/* =========================================================
   Полная адаптация сайта — v12
   ========================================================= */
.nav-toggle {
    display:none;
    width:44px;
    height:44px;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    border:1px solid var(--line-dark);
    border-radius:14px;
    background:#fff;
    cursor:pointer;
    transition:.18s ease;
}
.nav-toggle:hover { background:var(--surface-soft); }
.nav-toggle span {
    width:18px;
    height:2px;
    border-radius:999px;
    background:var(--ink);
    transition:transform .18s ease, opacity .18s ease;
}
body.nav-open { overflow:hidden; }

@media (max-width: 900px) {
    .site-shell { padding:8px; }
    .app-header {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:10px 12px;
        padding:12px;
        border-radius:18px;
    }
    .brand { min-width:0; }
    .brand-name {
        display:block;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:16px;
        font-weight:800;
    }
    .nav-toggle { display:inline-flex; }
    .main-nav {
        display:none;
        order:4;
        width:100%;
        grid-column:1 / -1;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        padding:10px 0 0;
        border-top:1px solid var(--line);
        max-height:min(65vh, 560px);
        overflow:auto;
    }
    .main-nav.is-open { display:flex; }
    .main-nav__link {
        display:flex;
        align-items:center;
        width:100%;
        min-height:44px;
        padding:12px 14px;
        border-radius:14px;
        white-space:normal;
    }
    .header-actions {
        width:100%;
        grid-column:1 / -1;
        justify-content:space-between;
        flex-wrap:wrap;
        gap:8px;
    }
    .header-auth-button,
    .header-store-picker,
    .logout-link { flex:1 1 auto; }
    .header-store-picker { max-width:100%; }
    .header-store-picker > summary { width:100%; }
    .header-store-picker__menu {
        position:fixed;
        top:auto;
        right:10px;
        bottom:10px;
        left:10px;
        width:auto;
        max-height:min(72vh, 560px);
        overflow:auto;
    }
    .header-user { margin-left:auto; }
    .page-container { padding-bottom:28px; }
    .page-heading,
    .panel,
    .dashboard-panel,
    .dashboard-empty,
    .knowledge-hero,
    .knowledge-directory,
    .knowledge-article__header,
    .knowledge-chapter,
    .knowledge-article__footer {
        padding:18px;
        border-radius:18px;
    }
    .page-heading--actions,
    .panel-heading,
    .modal-heading,
    .dashboard-panel__head--wrap,
    .dashboard-news-head,
    .dashboard-activity-head,
    .knowledge-section-heading {
        align-items:stretch;
        flex-direction:column;
    }
    .heading-actions,
    .form-actions,
    .panel-footer-actions,
    .modal-actions,
    .inline-actions,
    .file-actions,
    .table-toolbar,
    .pricing-topline,
    .pricing-actions-row,
    .pricing-footer,
    .products-footer {
        width:100%;
        align-items:stretch;
        flex-direction:column;
    }
    .dashboard-kpis,
    .dashboard-content-grid,
    .dashboard-grid,
    .dashboard-grid--three,
    .stores-layout,
    .knowledge-guide,
    .knowledge-section-grid,
    .knowledge-definition-grid,
    .knowledge-definition-grid--three,
    .knowledge-metric-list,
    .knowledge-action-list,
    .knowledge-formula-grid,
    .knowledge-deadline-scale {
        grid-template-columns:1fr !important;
    }
    .dashboard-tabs,
    .dashboard-marketplace-tabs,
    .mini-tabs,
    .knowledge-toc nav {
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow:auto;
        padding-bottom:2px;
        scrollbar-width:thin;
    }
    .dashboard-tab,
    .dashboard-marketplace-tab,
    .mini-tab,
    .knowledge-toc a {
        flex:0 0 auto;
        white-space:nowrap;
    }
    .dashboard-panel__tools,
    .chart-settings-actions,
    .store-selection-actions,
    .header-store-picker__actions { flex-direction:column; align-items:stretch; }
    .period-select,
    .chart-settings-button,
    .header-store-picker__actions .button,
    .header-store-picker__actions a {
        width:100%;
        text-align:center;
    }
    .data-table-wrap,
    .pricing-table-wrap,
    .api-table-scroll,
    .price-result-table-wrap,
    .orders-table-wrap,
    .characteristics-table-wrap,
    .knowledge-table-wrap,
    .attribute-preview {
        width:100%;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        border-radius:14px;
    }
    .modal-overlay { padding:12px; }
    .modal-card,
    .orders-dialog__card,
    .orders-scanner-card,
    .loss-warning-card,
    .chart-settings-modal {
        width:min(100%, 760px);
        max-height:calc(100vh - 24px);
        padding:18px;
        border-radius:18px;
    }
    .stores-panel,
    .store-add-panel,
    .auth-card { padding:20px; }
    .store-card {
        grid-template-columns:auto 38px minmax(0,1fr);
        align-items:flex-start;
    }
    .store-card .status-chip,
    .store-delete-button { grid-column:3; justify-self:start; }
}

@media (max-width: 640px) {
    body { font-size:13px; }
    .site-shell { padding:6px; }
    .app-header { padding:10px; }
    .page-heading,
    .panel,
    .dashboard-panel,
    .stores-panel,
    .store-add-panel,
    .auth-card,
    .orders-dialog__card,
    .orders-scanner-card,
    .modal-card { padding:16px; }
    .page-heading h1 { font-size:26px; }
    .brand-name { font-size:15px; }
    .button:not(.button-link),
    .action-primary,
    .action-cancel,
    .file-button,
    .side-action,
    .button-small,
    .logout-link,
    .header-auth-button {
        width:100%;
        justify-content:center;
    }
    .header-actions { align-items:stretch; }
    .company-summary,
    .dashboard-news-item__head,
    .distribution-layout,
    .stock-values,
    .orders-card-row,
    .dashboard-activity-item,
    .knowledge-steps li {
        grid-template-columns:1fr !important;
    }
    .orders-card-row,
    .dashboard-activity-item,
    .knowledge-steps li { gap:8px; }
    .dashboard-news-item__tag,
    .dashboard-activity-item time { justify-self:start; }
    .knowledge-table th,
    .knowledge-table td { padding:12px; }
    .table-count,
    .metric-card__note,
    .knowledge-caption { font-size:11px; }
    .main-nav__link { font-size:13px; }
}

/* News source provenance (v15). */
.news-tag--origin { border-color:#d7dbe0; background:#f7f8fa; color:#666c74; }
.news-tag--origin-wildberries { border-color:#e4c8f0; background:#fbf3ff; color:#8c24a8; }
.news-tag--origin-ozon { border-color:#c8dcff; background:#f2f7ff; color:#2469bd; }
.news-tag--origin-yandex { border-color:#eadc9d; background:#fff9e8; color:#806410; }


/* =========================================================
   Единый интерфейс страниц и таблиц — v17
   ========================================================= */
:root {
    --ui-page-bg: #f4f5f7;
    --ui-card-bg: #ffffff;
    --ui-card-muted: #fafbfc;
    --ui-border: #dde1e6;
    --ui-border-strong: #cfd4da;
    --ui-text: #17191c;
    --ui-muted: #737982;
    --ui-hover: #f7f9fb;
    --ui-radius: 18px;
    --ui-radius-small: 12px;
    --ui-shadow: 0 10px 32px rgba(23, 31, 42, .055);
}

body { background: var(--ui-page-bg); }
.page-container { width: min(1740px, 100%); }

/* Общая геометрия страниц. */
.page-heading,
.news-center__header,
.dashboard-empty,
.panel,
.orders-main,
.orders-side-tabs,
.dashboard-panel,
.metric-card,
.knowledge-hero,
.knowledge-directory,
.knowledge-article,
.api-page-card,
.api-token-panel,
.stores-panel,
.store-add-panel {
    border-color: var(--ui-border-strong) !important;
    background: var(--ui-card-bg);
    box-shadow: var(--ui-shadow);
}

.page-heading,
.news-center__header {
    min-height: 118px;
    margin-bottom: 16px;
    padding: 24px 28px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 22px;
}
.news-center__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-heading h1,
.news-center__header h1 {
    margin-top: 5px;
    color: var(--ui-text);
    letter-spacing: -.035em;
}
.page-heading p,
.news-center__header p { color: var(--ui-muted); }

.panel,
.orders-main,
.dashboard-panel,
.metric-card,
.api-token-panel,
.stores-panel,
.store-add-panel {
    border-radius: var(--ui-radius) !important;
}

/* Единые панели инструментов. */
.table-toolbar,
.orders-toolbar,
.api-toolbar,
.pricing-topline,
.orders-assembly-tools,
.orders-supply-actions {
    min-height: 64px;
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-card-bg);
}
.table-toolbar strong,
.table-count strong { color: var(--ui-text); }

/* Единые кнопки и контролы без изменения цветов маркетплейсов. */
.button,
.action-primary,
.action-cancel,
.file-button,
.side-action,
.orders-tool-button,
.orders-filter summary,
.column-settings-button,
.page-settings-button,
.pagination-modern a,
.pagination-modern span,
.orders-pagination a,
.orders-pagination button,
.news-pagination a,
.news-pagination span {
    border-radius: 12px !important;
}
.button,
.action-primary,
.action-cancel,
.file-button,
.side-action,
.orders-tool-button {
    min-height: 40px;
    box-shadow: none;
}
.button:hover,
.action-primary:hover,
.action-cancel:hover,
.file-button:hover,
.side-action:hover,
.orders-tool-button:hover { transform: none; filter: brightness(.98); }

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.control-input,
.pricing-search,
.orders-search,
.search-field--sidebar {
    border-color: var(--ui-border-strong) !important;
    border-radius: var(--ui-radius-small) !important;
    background: #fff;
}

/* Унифицированные таблицы для всех разделов. */
.app-table-scroll {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--ui-border-strong) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-card-bg);
    box-shadow: 0 5px 18px rgba(23, 31, 42, .035);
}

.app-table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: var(--ui-card-bg) !important;
    color: var(--ui-text);
}

.app-table thead { position: sticky; top: 0; z-index: 12; }
.app-table th {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-border-strong) !important;
    background: #f6f7f9 !important;
    color: #555c65 !important;
    text-align: left;
    vertical-align: middle;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    letter-spacing: .025em;
    text-transform: none;
    white-space: nowrap;
}
.app-table th:first-child { border-radius: 0 !important; }
.app-table th:last-child { border-radius: 0 !important; }
.app-table td {
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-border) !important;
    background: transparent;
    color: var(--ui-text) !important;
    vertical-align: middle;
    font-size: 12px !important;
    line-height: 1.4;
}
.app-table tbody tr:last-child td { border-bottom: 0 !important; }
.app-table tbody tr { transition: background-color .14s ease; }
.app-table tbody tr:hover td { background: var(--ui-hover) !important; }
.app-table tbody tr.is-selected td,
.app-table tbody tr.is-changed td,
.app-table tbody tr.price-row--changed td { background: #f2f7fd !important; }
.app-table tbody tr.is-loss td { background: #fff6f6 !important; }
.app-table small,
.app-table .secondary-text { color: var(--ui-muted) !important; }
.app-table img { flex: 0 0 auto; }

/* Убираем цветные шапки таблиц отдельных маркетплейсов. */
.pricing-table--wb th,
.pricing-table--yandex thead th,
.orders-table th,
.api-token-table th,
.price-result-table th,
.responsive-table th,
.knowledge-table th {
    background: #f6f7f9 !important;
    color: #555c65 !important;
}
.orders-table th .orders-sort,
.orders-table th button { color: inherit !important; }
.orders-table-wrap,
.pricing-table-wrap,
.data-table-wrap,
.api-table-scroll,
.price-result-table-wrap,
.knowledge-table-wrap { max-width: 100%; }
.orders-table-wrap { max-height: 720px; }
.pricing-table-wrap { max-height: 680px; }

/* Одинаковые нижние панели и пагинация. */
.products-footer,
.pricing-footer,
.orders-footer,
.panel-footer-actions {
    min-height: 64px;
    padding: 13px 16px;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-card-bg);
}
.pagination-modern,
.orders-pagination,
.news-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.pagination-modern a,
.pagination-modern span,
.orders-pagination a,
.orders-pagination button,
.news-pagination a,
.news-pagination span {
    min-width: 38px;
    height: 38px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ui-border-strong) !important;
    background: #fff !important;
    color: #4f5660 !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
}
.pagination-modern .active,
.pagination-modern a.active,
.orders-pagination .active,
.news-pagination .active {
    border-color: var(--ui-text) !important;
    background: var(--ui-text) !important;
    color: #fff !important;
}

/* Фильтры и боковые панели. */
.workspace-sidebar,
.pricing-sidebar,
.orders-side-tabs {
    border-color: var(--ui-border) !important;
    background: #fbfbfc !important;
}
.filter-card,
.orders-filter summary,
.news-filter-chip {
    border-color: var(--ui-border-strong) !important;
    box-shadow: none !important;
}
.filter-card__title { min-height: 42px; }

/* Новости: чистые карточки без служебных меток происхождения. */
.news-tag--origin { display: none !important; }
.news-card {
    border-color: var(--ui-border-strong) !important;
    border-radius: var(--ui-radius) !important;
    background: #fff;
    box-shadow: var(--ui-shadow);
}
.news-card__header,
.news-card__footer { border-color: var(--ui-border) !important; }
.news-card__content h2 { color: var(--ui-text); }
.news-card__content p { color: #5f6670; }

/* Пустые состояния и предупреждения. */
.empty-state,
.empty-table,
.dashboard-news-empty,
.dashboard-activity-empty {
    color: var(--ui-muted) !important;
    background: #fbfbfc;
}
.alert,
.marketplace-alert,
.flash { border-radius: 14px !important; }

@media (max-width: 900px) {
    .page-heading,
    .news-center__header { padding: 19px; border-radius: 18px; }
    .table-toolbar,
    .orders-toolbar,
    .api-toolbar,
    .pricing-topline,
    .orders-assembly-tools,
    .orders-supply-actions,
    .products-footer,
    .pricing-footer,
    .orders-footer,
    .panel-footer-actions {
        align-items: stretch;
        flex-direction: column;
    }
    .app-table th { padding: 11px 12px !important; }
    .app-table td { padding: 12px !important; }
}

/* =========================================================
   UX polish, mobile tables and quiet notifications — v18
   ========================================================= */
.flash-list:empty { display:none; }
.alert-success,
.alert-info,
.flash-success,
.flash-info { display:none !important; }

/* Inline freshness status instead of transient popups. */
.app-data-state {
    width:max-content;
    max-width:100%;
    margin-top:13px;
    padding:7px 10px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--ui-border);
    border-radius:999px;
    background:#f8f9fa;
    color:#6b727b;
    font-size:11px;
    font-weight:700;
}
.app-data-state i {
    width:8px;
    height:8px;
    flex:0 0 auto;
    border-radius:50%;
    background:#9ba1a9;
}
.app-data-state.is-refreshing i { background:#1684f8; animation:appDataPulse 1.15s ease-in-out infinite; }
.app-data-state.is-fresh { border-color:#cbe5d2; background:#f2faf4; color:#477652; }
.app-data-state.is-fresh i { background:#55a66a; }
.app-data-state.is-stale { border-color:#eadba9; background:#fffaf0; color:#846b25; }
.app-data-state.is-stale i { background:#c79a28; }
@keyframes appDataPulse { 50% { opacity:.35; transform:scale(.78); } }

/* Active filter chips shared by products, pricing, orders and news. */
.app-active-filters {
    margin:0 0 14px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--ui-border);
    border-radius:15px;
    background:#fff;
    box-shadow:0 5px 18px rgba(23,31,42,.025);
}
.app-active-filters > strong { flex:0 0 auto; font-size:11px; color:#747b84; text-transform:uppercase; letter-spacing:.06em; }
.app-filter-chip-list { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.app-filter-chip {
    max-width:280px;
    min-height:30px;
    padding:5px 8px 5px 10px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid #d7dce2;
    border-radius:999px;
    background:#f7f8fa;
    color:#505760;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
}
.app-filter-chip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-filter-chip b { font-size:16px; line-height:1; color:#90969e; }
.app-filter-chip:hover { border-color:#b9c0c8; background:#f0f2f4; }
.app-filter-clear { margin-left:auto; flex:0 0 auto; color:var(--blue); font-size:11px; font-weight:800; text-decoration:none; }

/* Table preferences and density. */
.app-table-preferences {
    min-height:43px;
    margin:0 0 8px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}
.app-density-control {
    padding:3px;
    display:inline-flex;
    gap:2px;
    border:1px solid var(--ui-border-strong);
    border-radius:11px;
    background:#fff;
}
.app-density-control button,
.app-mobile-view-toggle {
    min-height:30px;
    padding:5px 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#6a717a;
    cursor:pointer;
    font-size:11px;
    font-weight:750;
}
.app-density-control button.is-active { background:#eef1f4; color:#25292e; }
.app-mobile-view-toggle { display:none; border:1px solid var(--ui-border-strong); background:#fff; }
html[data-table-density="compact"] .app-table th { padding:9px 11px !important; font-size:10px !important; }
html[data-table-density="compact"] .app-table td { padding:9px 11px !important; font-size:11px !important; }
html[data-table-density="compact"] .app-table img { max-width:36px; max-height:36px; }

/* Sticky identity columns. */
.app-table .app-sticky-col {
    position:sticky !important;
    left:var(--app-sticky-left, 0) !important;
    z-index:5;
    background:#fff !important;
    box-shadow:1px 0 0 var(--ui-border);
}
.app-table thead .app-sticky-col { z-index:15; background:#f6f7f9 !important; }
.app-table tbody tr:hover .app-sticky-col { background:var(--ui-hover) !important; }
.app-table tbody tr.is-selected .app-sticky-col,
.app-table tbody tr.is-changed .app-sticky-col,
.app-table tbody tr.price-row--changed .app-sticky-col { background:#f2f7fd !important; }
.app-table tbody tr.is-loss .app-sticky-col { background:#fff6f6 !important; }

/* Unified sticky bars for all bulk operations. */
.orders-selection-bar,
.bulk-price-actions,
.sticky-form-actions {
    border:1px solid #cfd4da !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.97) !important;
    color:var(--ui-text) !important;
    box-shadow:0 16px 46px rgba(23,31,42,.16) !important;
    backdrop-filter:blur(14px);
}
.orders-selection-bar { min-width:min(680px,calc(100vw - 34px)); padding:11px 13px 11px 16px; }
.orders-selection-bar .button { min-width:150px; }
.bulk-price-actions { width:min(760px,calc(100% - 24px)); }

/* Helpful empty states. */
.app-empty-state,
.empty-row td {
    padding:44px 24px !important;
    color:var(--ui-muted) !important;
    text-align:center !important;
    background:#fbfbfc !important;
    font-size:13px !important;
}

/* Mobile filter drawer. */
.app-filter-toggle { display:none; margin:0 0 10px; }
.app-filter-drawer__close { display:none; }
.app-filter-backdrop { display:none; }

@media (max-width: 900px) {
    .app-filter-toggle { display:inline-flex; width:100%; }
    body.filter-drawer-open { overflow:hidden; }
    .app-filter-drawer {
        position:fixed !important;
        z-index:1300 !important;
        top:0;
        bottom:0;
        left:0;
        width:min(360px,calc(100vw - 34px)) !important;
        max-height:none !important;
        padding:58px 16px 20px !important;
        overflow:auto !important;
        border:0 !important;
        border-radius:0 20px 20px 0 !important;
        background:#fff !important;
        box-shadow:0 24px 80px rgba(0,0,0,.28) !important;
        transform:translateX(-105%);
        transition:transform .22s ease;
    }
    .app-filter-drawer.is-open { transform:translateX(0); }
    .app-filter-drawer__close {
        position:absolute;
        top:12px;
        right:12px;
        width:38px;
        height:38px;
        display:grid;
        place-items:center;
        border:1px solid var(--ui-border);
        border-radius:12px;
        background:#fff;
        font-size:24px;
        cursor:pointer;
    }
    .app-filter-backdrop.is-open {
        position:fixed;
        inset:0;
        z-index:1290;
        display:block;
        border:0;
        background:rgba(15,18,22,.48);
        backdrop-filter:blur(3px);
    }
    .app-active-filters { align-items:flex-start; flex-wrap:wrap; }
    .app-filter-chip-list { width:100%; order:3; flex-wrap:nowrap; overflow:auto; padding-bottom:2px; }
    .app-filter-clear { margin-left:auto; }
    .app-table-preferences { justify-content:space-between; }
    .app-mobile-view-toggle { display:inline-flex; align-items:center; justify-content:center; }
}

/* Card representation of data tables on phones. */
@media (max-width: 700px) {
    .app-table-scroll.is-card-view {
        overflow:visible !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    .app-table-scroll.is-card-view .app-table { display:block; min-width:0 !important; background:transparent !important; }
    .app-table-scroll.is-card-view .app-table thead {
        position:absolute !important;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
        border:0;
    }
    .app-table-scroll.is-card-view .app-table tbody { display:grid; gap:10px; }
    .app-table-scroll.is-card-view .app-table tbody tr {
        display:grid;
        grid-template-columns:1fr;
        overflow:hidden;
        border:1px solid var(--ui-border-strong);
        border-radius:16px;
        background:#fff;
        box-shadow:0 7px 22px rgba(23,31,42,.045);
    }
    .app-table-scroll.is-card-view .app-table tbody tr[hidden] { display:none !important; }
    .app-table-scroll.is-card-view .app-table td {
        min-width:0 !important;
        width:100% !important;
        min-height:43px;
        padding:10px 12px !important;
        display:grid;
        grid-template-columns:minmax(105px,38%) minmax(0,1fr);
        align-items:center;
        gap:10px;
        border-bottom:1px solid var(--ui-border) !important;
        text-align:right !important;
        white-space:normal !important;
        overflow:visible !important;
    }
    .app-table-scroll.is-card-view .app-table td:last-child { border-bottom:0 !important; }
    .app-table-scroll.is-card-view .app-table td::before {
        content:attr(data-label);
        color:#7b818a;
        text-align:left;
        font-size:10px;
        font-weight:800;
        letter-spacing:.025em;
    }
    .app-table-scroll.is-card-view .app-table td[colspan] { display:block; text-align:center !important; }
    .app-table-scroll.is-card-view .app-table td[colspan]::before { display:none; }
    .app-table-scroll.is-card-view .app-table .app-sticky-col {
        position:static !important;
        left:auto !important;
        box-shadow:none !important;
    }
    .app-table-scroll.is-card-view .app-table td img { margin-left:auto; }
    .app-table-scroll.is-card-view .app-table td .button,
    .app-table-scroll.is-card-view .app-table td button,
    .app-table-scroll.is-card-view .app-table td select,
    .app-table-scroll.is-card-view .app-table td input:not([type="checkbox"]):not([type="radio"]) { max-width:100%; }
    .orders-selection-bar,
    .bulk-price-actions,
    .sticky-form-actions {
        right:8px !important;
        bottom:max(8px,env(safe-area-inset-bottom)) !important;
        left:8px !important;
        width:auto !important;
        min-width:0 !important;
        transform:none !important;
    }
}


/* v19 refinements: simplified table controls, mouse resizing, order layout, dashboard cards. */
.app-table-preferences {
    min-height: 38px;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.app-table-preferences__hint {
    color: #7b818a;
    font-size: 11px;
    font-weight: 700;
}
.app-mobile-view-toggle {
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 8px;
    background: #fff;
    color: #6a717a;
    cursor: pointer;
    font-size: 11px;
    font-weight: 750;
}
.app-resizable-col { position: relative; }
.app-col-resizer {
    position: absolute;
    top: 0;
    right: -4px;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 25;
}
.app-col-resizer::after {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(120, 128, 138, .28);
    transition: background .15s ease;
}
.app-resizable-col:hover .app-col-resizer::after,
.app-is-resizing .app-col-resizer::after { background: rgba(70, 116, 255, .65); }
.app-resizable-row td,
.app-resizable-row th { position: relative; }
.app-row-resizer {
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 44px;
    height: 10px;
    transform: translateX(-50%);
    cursor: row-resize;
    z-index: 12;
}
.app-row-resizer::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 2px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: rgba(120, 128, 138, .32);
}
.app-resizable-row:hover .app-row-resizer::before,
.app-is-resizing .app-row-resizer::before { background: rgba(70, 116, 255, .7); }
body.app-is-resizing { cursor: col-resize; user-select: none; }

/* Orders page: remove duplicate nested rectangle around the table. */
.orders-table-wrap.app-table-scroll {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.orders-table-wrap.app-table-scroll .app-table {
    border: 1px solid var(--ui-border-strong);
    border-radius: 16px;
    overflow: hidden;
}

/* Dashboard KPI cards readability and alignment fixes. */
.dashboard-kpis { gap: 16px; }
.metric-card {
    min-width: 0;
    min-height: 178px;
    padding: 18px 20px;
    border: 1px solid #dfe3e8;
    border-radius: 24px;
    background: #fff;
    color: #222b35;
    box-shadow: 0 6px 18px rgba(18, 26, 36, .05);
}
.metric-card__header { margin-bottom: 14px; }
.metric-card__header h2 {
    color: #2b3440;
    font-size: 14px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.metric-card__icon { background: #f1f3f6; color: #5d6570; }
.info-dot {
    flex: 0 0 auto;
    border-color: #cfd6de;
    color: #7a838e;
    background: #fff;
}
.orders-card-grid { gap: 16px; }
.orders-card-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 12px;
}
.orders-card-primary {
    min-width: 0;
    display: grid !important;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 6px;
}
.orders-card-primary strong,
.stock-values strong {
    color: #1f2732;
    font-size: 30px;
    line-height: 1;
}
.orders-card-primary span,
.stock-values span,
.metric-card__note {
    color: #6f7782;
    font-size: 11px;
    font-weight: 700;
}
.orders-card-money {
    color: #4a5460;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}
.metric-change {
    min-width: 0;
    text-align: right;
    font-size: 11px;
    font-weight: 800;
}
.mini-tabs {
    margin-left: auto;
    display: inline-flex;
    gap: 8px;
    padding: 3px;
    border: 1px solid #e0e4ea;
    border-radius: 999px;
    background: #f6f8fa;
}
.mini-tab {
    padding: 5px 10px 6px;
    border-radius: 999px;
    color: #7c8590;
}
.mini-tab.active {
    color: #24303c;
    background: #fff;
    box-shadow: 0 1px 3px rgba(12, 18, 28, .06);
}
.mini-tab.active::after { display: none; }
.metric-card__main-value {
    margin: 16px 0 10px;
    color: #1f2732;
    font-size: clamp(28px, 2.1vw, 38px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
    overflow-wrap: anywhere;
}
.stock-values { display: grid; gap: 14px; }
.stock-values > div { display: grid; gap: 4px; }
.change-up { color: #5ea266; }
.change-down { color: #d26767; }
.change-neutral { color: #8b949e; }

@media (max-width: 900px) {
    .app-table-preferences__hint { display: none; }
    .app-mobile-view-toggle { display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 700px) {
    .app-col-resizer,
    .app-row-resizer { display: none; }
}

/* v20: lightweight visual system and motion refinements. */
.app-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

/* No helper captions or visible resize stripes. Resizing still works on cell edges. */
.app-table-preferences { display: none !important; min-height: 0 !important; margin: 0 !important; }
.app-col-resizer {
    right: -6px !important;
    width: 12px !important;
    background: transparent !important;
}
.app-row-resizer {
    left: 0 !important;
    bottom: -4px !important;
    width: 100% !important;
    height: 9px !important;
    transform: none !important;
    background: transparent !important;
}
.app-col-resizer::after,
.app-row-resizer::before { display: none !important; }
.app-column-resized,
.app-row-resized-cell {
    vertical-align: middle !important;
}
.app-column-resized {
    text-align: center !important;
}
.app-column-resized > *,
.app-column-resized .order-product,
.app-column-resized .api-row-actions,
.app-column-resized .choice-line,
.app-column-resized .orders-warehouse-scheme {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    align-items: center !important;
}
.app-column-resized .pricing-sort-control,
.app-column-resized .orders-sort,
.app-column-resized .api-sort-link {
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
}

/* KPI trend states: increase green, unchanged grey, decrease red. */
.metric-change > span {
    min-height: 28px;
    padding: 5px 8px;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    border: 1px solid transparent;
    border-radius: 999px;
    white-space: nowrap;
}
.metric-change__icon { width: 14px; height: 14px; }
.metric-change .change-up,
.change-up {
    color: #278a4b !important;
    background: #f0faf3;
    border-color: #cdebd7;
}
.metric-change .change-down,
.change-down {
    color: #c84c4c !important;
    background: #fff4f4;
    border-color: #f0d1d1;
}
.metric-change .change-neutral,
.change-neutral {
    color: #7d858f !important;
    background: #f5f6f8;
    border-color: #e1e4e8;
}
.metric-change small { color: inherit !important; opacity: .78 !important; }

/* Thin borders instead of heavy shadows. */
.panel,
.dashboard-panel,
.metric-card,
.orders-metric-card,
.news-card,
.store-card,
.api-table-panel,
.modal-card,
.orders-dialog__card,
.orders-scanner-card,
.app-table-scroll {
    border: 1px solid #e0e4e9 !important;
    box-shadow: none !important;
}
.modal-card,
.orders-dialog__card,
.orders-scanner-card {
    box-shadow: 0 12px 32px rgba(18, 25, 34, .09) !important;
}

/* Minimal action animations inspired by API controls. */
.app-action-control {
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease !important;
    will-change: transform;
}
.app-action-control:hover { transform: translateY(-1px); }
.app-action-control:active { transform: translateY(0) scale(.97); }
.app-action-control--delete:hover { color: #c94a4a !important; background: #fff3f3 !important; border-color: #efcccc !important; }
.app-action-control--edit:hover { color: #5b69b6 !important; background: #f3f5ff !important; border-color: #d9def4 !important; }
.app-action-control--refresh:hover { color: #2d7fca !important; background: #f1f7fd !important; border-color: #d3e5f7 !important; }
.app-action-control--settings:hover { color: #5f6873 !important; background: #f5f6f8 !important; border-color: #dce1e6 !important; }
.app-action-control--download:hover { color: #258060 !important; background: #f1faf6 !important; border-color: #d1eadf !important; }
.app-action-control--refresh:hover .app-icon,
.app-action-control--refresh:hover svg { transform: rotate(34deg); }
.app-action-control--settings:hover .app-icon,
.app-action-control--settings:hover svg { transform: rotate(22deg); }
.app-action-control--edit:hover .app-icon,
.app-action-control--edit:hover svg { transform: translate(1px, -1px); }
.app-action-control .app-icon,
.app-action-control svg { transition: transform .18s ease; }

/* Subtle highlight when live data changes. */
.app-value-changed {
    position: relative;
    animation: appValueChanged 1.15s ease both;
}
.app-value-changed.is-increase { --change-flash: rgba(71, 169, 101, .18); }
.app-value-changed.is-decrease { --change-flash: rgba(211, 83, 83, .16); }
.app-value-changed.is-neutral { --change-flash: rgba(94, 121, 178, .13); }
@keyframes appValueChanged {
    0% { background-color: var(--change-flash); box-shadow: 0 0 0 1px var(--change-flash) inset; }
    100% { background-color: transparent; box-shadow: 0 0 0 1px transparent inset; }
}

/* Main navigation lens-like highlight without layout shifts. */
.main-nav__link {
    position: relative;
    isolation: isolate;
    transform-origin: center;
    transition: color .18s ease, transform .18s ease, letter-spacing .18s ease, opacity .18s ease !important;
}
.main-nav__link::before {
    content: "";
    position: absolute;
    inset: -7px -10px;
    z-index: -1;
    border-radius: 999px;
    background: radial-gradient(circle at center, rgba(69, 103, 180, .13), rgba(69, 103, 180, 0) 72%);
    opacity: 0;
    transform: scale(.72);
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: none;
}
.main-nav__link:hover,
.main-nav__link.active {
    color: #222d39 !important;
    transform: translateY(-1px) scale(1.045);
    letter-spacing: .012em;
}
.main-nav__link:hover::before,
.main-nav__link.active::before {
    opacity: 1;
    transform: scale(1);
}
.main-nav__link:active { transform: scale(1.01); }

/* Keep popups limited to one compact error card. */
.app-error-center { gap: 8px !important; }
.app-error-toast { max-width: 420px; border: 1px solid #ebcaca !important; box-shadow: 0 8px 24px rgba(85, 30, 30, .08) !important; }

@media (max-width: 900px) {
    .app-table-preferences {
        display: flex !important;
        min-height: 34px !important;
        margin: 0 0 8px !important;
        justify-content: flex-end;
    }
}
@media (prefers-reduced-motion: reduce) {
    .main-nav__link,
    .main-nav__link::before,
    .app-action-control,
    .app-action-control svg,
    .app-value-changed { transition: none !important; animation: none !important; transform: none !important; }
}
body.app-is-resizing-col { cursor: col-resize !important; }
body.app-is-resizing-row { cursor: row-resize !important; }


/* v21 fixes */
/* Top navigation: no color highlight on hover; only active state remains expressive. */
.main-nav__link:hover {
    color: inherit !important;
    transform: none !important;
    letter-spacing: normal !important;
    background: transparent !important;
}
.main-nav__link:hover::before {
    opacity: 0 !important;
    transform: scale(.72) !important;
}

/* Products layout: fixed desktop sidebar on the left and single flat container. */
.workspace {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
.product-platform-tabs + .page-heading + .workspace {
    gap: 0;
    border: 1px solid var(--ui-border-strong);
    border-radius: 26px;
    background: #fff;
    overflow: hidden;
}
.product-platform-tabs + .page-heading + .workspace .workspace-sidebar,
.product-platform-tabs + .page-heading + .workspace .workspace-main {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.product-platform-tabs + .page-heading + .workspace .workspace-sidebar {
    border-right: 1px solid var(--ui-border) !important;
}
.product-platform-tabs + .page-heading + .workspace .workspace-main {
    min-width: 0;
}

/* Vertical grid lines in all data tables for easier resizing. */
.data-table th,
.data-table td,
.pricing-table th,
.pricing-table td,
.nested-table th,
.nested-table td,
.orders-table th,
.orders-table td {
    border-right: 1px solid var(--ui-border);
}
.data-table th:last-child,
.data-table td:last-child,
.pricing-table th:last-child,
.pricing-table td:last-child,
.nested-table th:last-child,
.nested-table td:last-child,
.orders-table th:last-child,
.orders-table td:last-child {
    border-right: 0;
}

/* Main dashboard placeholders should be softer. */
.metric-card__main-value.is-placeholder,
.orders-card-primary strong.is-placeholder,
.orders-card-money.is-placeholder,
.metric-change.is-placeholder,
.stock-values strong.is-placeholder {
    color: #b5bcc5 !important;
    font-weight: 600 !important;
}
.metric-change.is-placeholder span,
.metric-change.is-placeholder {
    color: #b5bcc5 !important;
}

/* Column settings modal: smoother opening and block background scrolling. */
body.modal-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}
.modal-overlay {
    overscroll-behavior: contain;
}
.columns-modal-card {
    box-shadow: 0 10px 28px rgba(12, 18, 28, .10);
    contain: content;
}

/* Best products: no yellow hover for Yandex tab. */
.dashboard-marketplace-tab--yandex:hover:not(.active) {
    background: transparent !important;
    color: inherit !important;
    border-color: var(--ui-border-strong) !important;
}
.top-product-row:hover {
    background: #f7f8fa;
}

/* Keep overall surfaces flatter. */
.dashboard-panel,
.metric-card,
.panel,
.workspace-sidebar,
.pricing-sidebar,
.workspace-main,
.pricing-main,
.orders-layout,
.orders-board,
.orders-side-tabs {
    box-shadow: none !important;
}

@media (max-width: 820px) {
    .workspace {
        grid-template-columns: 1fr;
    }
    .product-platform-tabs + .page-heading + .workspace {
        border-radius: 20px;
    }
    .product-platform-tabs + .page-heading + .workspace .workspace-sidebar {
        border-right: 0 !important;
        border-bottom: 1px solid var(--ui-border) !important;
    }
}


/* v22 small UI fixes */
.info-dot {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    line-height: 1 !important;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-weight: 800;
}
.info-dot .info-tooltip { line-height: 1.45; }

.modal-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    line-height: 1 !important;
    box-sizing: border-box;
    font-size: 26px !important;
    font-weight: 400;
    color: #1f2732;
}

/* Stronger visible column dividers for easier resizing. */
.data-table,
.pricing-table,
.nested-table,
.orders-table {
    border-left: 1px solid #cfd5dd;
    border-right: 1px solid #cfd5dd;
}
.data-table th, .data-table td,
.pricing-table th, .pricing-table td,
.nested-table th, .nested-table td,
.orders-table th, .orders-table td {
    border-right: 1px solid #cfd5dd !important;
}
.data-table th:first-child, .data-table td:first-child,
.pricing-table th:first-child, .pricing-table td:first-child,
.nested-table th:first-child, .nested-table td:first-child,
.orders-table th:first-child, .orders-table td:first-child {
    border-left: 0;
}
.data-table th:last-child, .data-table td:last-child,
.pricing-table th:last-child, .pricing-table td:last-child,
.nested-table th:last-child, .nested-table td:last-child,
.orders-table th:last-child, .orders-table td:last-child {
    border-right: 0 !important;
}


/* v23: the SVG already contains its own circle; the button must not draw a second one. */
.info-dot {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline-offset: 3px;
}
.info-dot:hover,
.info-dot:active,
.info-dot:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.info-dot > .app-icon {
    width: 22px;
    height: 22px;
}

/* v24: hide unnecessary horizontal scrollbar strips on static reference tables. */
.api-table-scroll.app-scrollbar-not-needed,
.knowledge-table-wrap.app-scrollbar-not-needed {
    overflow-x: hidden !important;
}
.api-table-scroll.app-scrollbar-not-needed::-webkit-scrollbar,
.knowledge-table-wrap.app-scrollbar-not-needed::-webkit-scrollbar {
    height: 0;
}
.api-table-scroll.app-table-static,
.knowledge-table-wrap.app-table-static {
    scrollbar-gutter: auto;
}

/* Loading placeholders: quiet, thin dashes instead of bold values. */
.dashboard-loading-dash {
    color: #b8bec6 !important;
    font-weight: 400 !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}
.metric-card__main-value.dashboard-loading-dash,
.orders-card-primary strong.dashboard-loading-dash,
.stock-values strong.dashboard-loading-dash {
    font-size: 26px !important;
    line-height: 1 !important;
}
.metric-change.dashboard-loading-dash,
.orders-card-money.dashboard-loading-dash,
.donut-center strong.dashboard-loading-dash {
    font-weight: 400 !important;
    color: #b8bec6 !important;
}
.dashboard-empty-state--dash {
    color: #b8bec6 !important;
    font-weight: 400 !important;
}


/* v25 subtle liquid-glass refresh + mobile table-only mode */
:root {
    --blue: #646d79;
    --blue-dark: #4d5560;
    --blue-soft: rgba(255, 255, 255, 0.68);
    --shadow: 0 8px 24px rgba(17, 24, 39, .045);
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.82);
    --glass-line: rgba(255, 255, 255, 0.64);
    --glass-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
}
body {
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.72), transparent 30%),
        radial-gradient(circle at top right, rgba(255,255,255,.46), transparent 22%),
        linear-gradient(180deg, #f5f6f8 0%, #eff1f4 100%);
}
.app-header,
.page-heading,
.panel,
.dashboard-panel,
.dashboard-empty,
.metric-card,
.workspace-sidebar,
.workspace-main,
.pricing-sidebar,
.pricing-main,
.orders-board,
.orders-side-tabs,
.auth-card,
.modal-card,
.orders-dialog__card,
.orders-scanner-card,
.loss-warning-card,
.chart-settings-modal,
.knowledge-hero,
.knowledge-directory,
.knowledge-article__header,
.knowledge-chapter,
.knowledge-article__footer,
.store-card,
.stores-panel,
.store-add-panel {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow: var(--glass-shadow) !important;
}
.app-header,
.page-heading,
.panel,
.metric-card,
.dashboard-panel,
.workspace-sidebar,
.workspace-main,
.pricing-sidebar,
.pricing-main,
.orders-board,
.orders-side-tabs,
.stores-panel,
.store-add-panel {
    box-shadow: 0 2px 10px rgba(17, 24, 39, .03) !important;
}
.button-primary, .action-primary {
    background: rgba(34, 40, 48, .92) !important;
    border-color: rgba(34, 40, 48, .92) !important;
    color: #fff !important;
}
.button-primary:hover, .action-primary:hover {
    background: rgba(24, 29, 35, .96) !important;
}
.text-action, .table-link, .filters-clear-mini, .app-filter-clear, .header-store-picker__actions a {
    color: #5f6773 !important;
}
.ozon-badge,
.currency-chip,
.header-store-picker > summary strong,
.choice-line--selected,
.company-summary__icon,
.settings-tab--ozon.is-active,
.product-platform-tab--ozon.active,
.settings-switch-row input:checked + i,
.switch-filter input:checked + i {
    color: #525b66 !important;
}
.ozon-badge,
.currency-chip,
.header-store-picker > summary strong,
.company-summary__icon {
    background: rgba(255,255,255,.8) !important;
    border-color: rgba(212,216,223,.95) !important;
}
.header-store-picker[open] > summary,
.price-pill--synced,
.cost-editor-button:hover,
.file-drop:hover {
    border-color: rgba(184,191,201,.95) !important;
    box-shadow: 0 0 0 3px rgba(191,196,204,.16) !important;
    background: rgba(255,255,255,.86) !important;
}
.info-panel--blue {
    background: rgba(255,255,255,.76) !important;
    color: #222b35 !important;
    border-color: rgba(214,219,226,.95) !important;
}
.info-panel--blue .eyebrow,
.mode-note strong,
.eyebrow {
    color: #626b77 !important;
}
.main-nav__link.active {
    background: rgba(34, 40, 48, .92) !important;
    color: #fff !important;
}
.main-nav__link:hover {
    background: rgba(255,255,255,.45) !important;
}
/* Disable card mode on phones and keep only classic tables with horizontal scroll. */
.app-mobile-view-toggle,
.app-table-preferences { display: none !important; }
.app-table-scroll.is-card-view { display:block !important; overflow:auto !important; }
.app-table-scroll.is-card-view .app-table,
.app-table-scroll.is-card-view .app-table thead,
.app-table-scroll.is-card-view .app-table tbody,
.app-table-scroll.is-card-view .app-table tr,
.app-table-scroll.is-card-view .app-table td,
.app-table-scroll.is-card-view .app-table th {
    display: revert !important;
}
.app-table-scroll.is-card-view .app-table td::before { display:none !important; }
.app-table-scroll.is-card-view .app-table tbody tr {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
@media (max-width: 900px) {
    .site-shell { padding: 8px; }
    .app-header,
    .page-heading,
    .panel,
    .dashboard-panel,
    .metric-card,
    .workspace-sidebar,
    .workspace-main,
    .pricing-sidebar,
    .pricing-main,
    .orders-board,
    .orders-side-tabs,
    .stores-panel,
    .store-add-panel,
    .knowledge-hero,
    .knowledge-directory,
    .knowledge-article__header,
    .knowledge-chapter,
    .knowledge-article__footer {
        border-radius: 18px !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .data-table th, .data-table td,
    .pricing-table th, .pricing-table td,
    .orders-table th, .orders-table td,
    .nested-table th, .nested-table td {
        padding: 12px 10px;
        font-size: 12px;
        white-space: nowrap;
    }
    .data-table img, .pricing-table img, .orders-table img { max-width: 44px; height: auto; }
    .main-nav__link { padding: 10px 14px; font-size: 13px; }
    .button, .button-primary, .action-primary, .header-auth-button, .logout-link {
        min-height: 42px;
    }
}


/* v26: underline-only tabs and lighter rendering */
.main-nav__link,
.market-switch__item,
.product-platform-tab,
.dashboard-tab,
.dashboard-marketplace-tab,
.api-tab,
.settings-tab,
.orders-region-switch a,
.orders-status-tab,
.orders-side-tab,
.mini-tab,
.global-region-switch a {
    position: relative;
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
    filter: none !important;
}
.main-nav__link:hover,
.market-switch__item:hover,
.product-platform-tab:hover,
.dashboard-tab:hover,
.dashboard-marketplace-tab:hover,
.api-tab:hover,
.settings-tab:hover,
.orders-region-switch a:hover,
.orders-status-tab:hover,
.orders-side-tab:hover,
.mini-tab:hover,
.global-region-switch a:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}
.main-nav__link.active,
.market-switch__item.active,
.product-platform-tab.active,
.dashboard-tab.active,
.dashboard-marketplace-tab.active,
.api-tab.active,
.settings-tab.is-active,
.orders-region-switch a.active,
.orders-status-tab.active,
.orders-side-tab.active,
.mini-tab.active,
.global-region-switch a.active {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    color: #323942 !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}
.main-nav__link::before,
.main-nav__link.active::before,
.main-nav__link:hover::before {
    display: none !important;
}
.main-nav__link.active::after,
.market-switch__item.active::after,
.product-platform-tab.active::after,
.dashboard-tab.active::after,
.dashboard-marketplace-tab.active::after,
.api-tab.active::after,
.settings-tab.is-active::after,
.orders-region-switch a.active::after,
.orders-status-tab.active::after,
.orders-side-tab.active::after,
.mini-tab.active::after,
.global-region-switch a.active::after {
    content: "" !important;
    position: absolute !important;
    left: 10% !important;
    right: 10% !important;
    bottom: 0 !important;
    width: auto !important;
    height: 2px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #4c535c !important;
    opacity: 1 !important;
    transform: none !important;
}
/* Tabs that previously used pill containers should remain visually flat. */
.mini-tabs,
.dashboard-marketplace-tabs,
.market-switch,
.orders-side-tabs {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.mini-tabs { padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.mini-tab { padding: 5px 8px 7px !important; }
.dashboard-marketplace-tab { padding-bottom: 9px !important; }
.orders-side-tab { padding-bottom: 11px !important; }

/* Performance: large surfaces no longer use expensive full-panel blur. */
.page-heading,
.panel,
.dashboard-panel,
.metric-card,
.workspace-sidebar,
.workspace-main,
.pricing-sidebar,
.pricing-main,
.orders-board,
.orders-side-tabs,
.knowledge-hero,
.knowledge-directory,
.knowledge-article__header,
.knowledge-chapter,
.knowledge-article__footer,
.store-card,
.stores-panel,
.store-add-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255,255,255,.88) !important;
}
.app-header,
.modal-card,
.orders-dialog__card,
.orders-scanner-card {
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
/* Off-screen blocks are skipped until they approach the viewport. */
.dashboard-panel,
.news-card,
.knowledge-chapter,
.top-product-row,
.dashboard-news-item,
.dashboard-activity-item {
    content-visibility: auto;
    contain-intrinsic-size: auto 140px;
}
.news-card,
.knowledge-chapter,
.dashboard-activity-item {
    contain: layout style;
}
.app-table-scroll {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
/* Switching unit tabs must never trigger colored data rectangles. */
.dashboard-page .metric-card .app-value-changed {
    border-radius: 0 !important;
}
@media (max-width: 900px) {
    .app-header,
    .modal-card,
    .orders-dialog__card,
    .orders-scanner-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .news-card,
    .knowledge-chapter,
    .dashboard-activity-item {
        contain: layout style;
    }
}


/* v27 row resize and chart settings icon refinements */
.chart-settings-button {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-size: 0;
    color: var(--ink);
    background: #fff;
}
.chart-settings-button .app-icon,
.chart-settings-modal__icon .app-icon {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
}
.chart-settings-modal__icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #ededed;
    color: #555;
    font-size: 0;
}
.app-resizable-row td,
.app-resizable-row th {
    position: relative;
}
.app-row-resizer {
    position: absolute;
    left: 0 !important;
    bottom: -5px !important;
    width: 100% !important;
    height: 11px !important;
    transform: none !important;
    cursor: row-resize;
    z-index: 12;
    background: transparent !important;
}
body.app-is-resizing-row {
    cursor: row-resize !important;
}


/* v28 orders tabs, marketplace accents and faster-feeling layout */
.orders-side-tabs {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px !important;
    padding: 8px 14px !important;
}
.orders-side-tab {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 7px 2px 10px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: #5b626c !important;
    text-align: left;
    line-height: 1.15;
    opacity: 1 !important;
}
.orders-side-tab.active { color: #252b33 !important; }
.orders-side-tab.active::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 2px !important;
    height: 2px !important;
}
.orders-side-tab span {
    margin-left: 0 !important;
    color: #858c96;
    font-size: .94em;
}
.orders-side-tab--problem { color: #a55252 !important; }
.orders-side-tab--problem.active { color: #8f3f3f !important; }

/* Marketplace identity in orders: only the order number is branded. */
.orders-row--ozon td:first-child,
.orders-row--wildberries td:first-child,
.orders-row--yandex td:first-child {
    box-shadow: none !important;
}
.orders-row--ozon .orders-warehouse-scheme,
.orders-row--wildberries .orders-warehouse-scheme,
.orders-row--yandex .orders-warehouse-scheme,
.orders-row--ozon .orders-status-pill,
.orders-row--wildberries .orders-status-pill,
.orders-row--yandex .orders-status-pill {
    border-color: var(--ui-border-strong) !important;
    background: #fff !important;
    color: inherit !important;
}
.orders-row .orders-warehouse-scheme .market-dot {
    background: #a7adb5 !important;
}
.orders-row .orders-number .market-dot {
    display: none !important;
}
.orders-row--ozon .orders-number strong { color: #126fd0; }
.orders-row--wildberries .orders-number strong { color: #8416ad; }
.orders-row--yandex .orders-number strong { color: #8a7200; }

@media (max-width: 820px) {
    .orders-side-tabs {
        flex-direction: row;
        align-items: center;
        gap: 18px !important;
        overflow-x: auto;
        padding: 4px 2px 8px !important;
    }
    .orders-side-tab { flex: 0 0 auto !important; }
}

/* =========================================================
   v38 · Modern dropdowns, visible marketplace switches and order identity
   ========================================================= */
select:not([multiple]):not(.pc-native-multiselect) {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 42px !important;
    border: 1px solid #cbd2da !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #68717d 50%),
        linear-gradient(135deg, #68717d 50%, transparent 50%),
        linear-gradient(to right, #e8ebef, #e8ebef) !important;
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 13px) 50%,
        calc(100% - 36px) 50% !important;
    background-size: 5px 5px, 5px 5px, 1px 22px !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 1px 2px rgba(20, 28, 38, .035) !important;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
select:not([multiple]):not(.pc-native-multiselect):hover {
    border-color: #aeb7c2 !important;
    background-color: #fbfcfd !important;
}
select:not([multiple]):not(.pc-native-multiselect):focus {
    border-color: #6aa8ff !important;
    box-shadow: 0 0 0 3px rgba(0, 91, 255, .11) !important;
}
select:not([multiple]):not(.pc-native-multiselect):disabled {
    cursor: not-allowed;
    opacity: .65;
    background-color: #f3f5f7 !important;
}
select option { padding: 9px 12px; color: #2f3741; background: #fff; }
.orders-rows-count-form {
    justify-self: start;
    gap: 10px;
    color: var(--ui-text-muted);
    font-size: 12px;
    font-weight: 700;
}
.orders-rows-count-form label {
    white-space: nowrap;
}
.orders-rows-count-form select {
    min-width: 96px;
    min-height: 42px;
    padding: 10px 42px 10px 14px !important;
    border-radius: 16px !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}
/* Fixed SVG chevron for compact selectors that must match the other dropdowns. */
select.app-fixed-select {
    color: #2f3741 !important;
    background-color: #fff !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 9.5L12 14.5L17 9.5' stroke='%2368717d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        linear-gradient(to right, #e8ebef, #e8ebef) !important;
    background-position:
        calc(100% - 12px) 50%,
        calc(100% - 40px) 50% !important;
    background-size: 24px 24px, 1px 22px !important;
    background-repeat: no-repeat !important;
}
.orders-footer select.app-fixed-select {
    border: 1px solid #cbd2da !important;
    color: #2f3741 !important;
    background-color: #fff !important;
}

/* Details-based dropdown menus use the same visual language as selects. */
.header-store-picker > summary,
.orders-filter > summary,
.global-region-dropdown > summary {
    border-radius: 12px !important;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
.header-store-picker[open] > summary,
.orders-filter[open] > summary,
.global-region-dropdown[open] > summary {
    border-color: #9fb9dd !important;
    background: #f8fbff !important;
    box-shadow: 0 0 0 3px rgba(0,91,255,.08) !important;
}
.header-store-picker__menu,
.orders-filter__menu,
.global-region-dropdown > div {
    border: 1px solid #d3d9e0 !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 44px rgba(22,31,43,.16) !important;
}
.orders-filter__menu label,
.header-store-picker__menu label,
.global-region-dropdown > div a {
    border-radius: 9px !important;
    transition: background .14s ease, color .14s ease !important;
}
.orders-filter__menu label:hover,
.header-store-picker__menu label:hover,
.global-region-dropdown > div a:hover { background: #f3f6fa !important; }

/* Marketplace selection must read as a primary control rather than a quiet text row. */
.product-platform-tabs {
    width: max-content !important;
    max-width: 100%;
    min-height: 54px !important;
    margin: 4px auto 24px !important;
    padding: 6px !important;
    gap: 6px !important;
    border: 1px solid #dce1e7 !important;
    border-radius: 16px !important;
    background: #f3f5f7 !important;
    box-shadow: 0 5px 18px rgba(27,35,45,.055) !important;
    overflow-x: auto;
}
.product-platform-tab {
    min-height: 40px !important;
    padding: 10px 16px 10px 35px !important;
    display: inline-flex !important;
    align-items: center;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: #67717d !important;
    white-space: nowrap;
    letter-spacing: .025em !important;
}
.product-platform-tab::before {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    display: block !important;
    border-radius: 50% !important;
    background: #aab1ba !important;
    transform: translateY(-50%) !important;
}
.product-platform-tab.active::after { display: none !important; }
.product-platform-tab--ozon::before { background: #005bff !important; }
.product-platform-tab--wb::before { background: #a500e8 !important; }
.product-platform-tab--yandex::before { background: #f4cf19 !important; box-shadow: 0 0 0 1px rgba(84,72,0,.16); }
.product-platform-tab:hover { background: rgba(255,255,255,.76) !important; color: #303842 !important; }
.product-platform-tab--ozon.active {
    border-color: #9fc2ff !important; background: #edf4ff !important; color: #005bff !important;
    box-shadow: 0 2px 8px rgba(0,91,255,.10) !important;
}
.product-platform-tab--wb.active {
    border-color: #ddb0f2 !important; background: #faefff !important; color: #8e00c8 !important;
    box-shadow: 0 2px 8px rgba(165,0,232,.10) !important;
}
.product-platform-tab--yandex.active {
    border-color: #e3cf65 !important; background: #fff9d9 !important; color: #6f5e00 !important;
    box-shadow: 0 2px 8px rgba(173,145,0,.10) !important;
}

.dashboard-marketplace-tabs {
    padding: 5px !important;
    gap: 5px !important;
    border: 1px solid #dce1e7 !important;
    border-radius: 14px !important;
    background: #f3f5f7 !important;
}
.dashboard-marketplace-tab {
    min-height: 37px;
    padding: 8px 13px 8px 29px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    position: relative;
}
.dashboard-marketplace-tab::before {
    content:""; position:absolute; left:12px; top:50%; width:8px; height:8px;
    border-radius:50%; transform:translateY(-50%); background:#aab1ba;
}
.dashboard-marketplace-tab--ozon::before { background:#005bff; }
.dashboard-marketplace-tab--wb::before { background:#a500e8; }
.dashboard-marketplace-tab--yandex::before { background:#f4cf19; box-shadow:0 0 0 1px rgba(84,72,0,.16); }
.dashboard-marketplace-tab.active::after { display:none !important; }
.dashboard-marketplace-tab--ozon.active { background:#edf4ff !important; border-color:#9fc2ff !important; color:#005bff !important; }
.dashboard-marketplace-tab--wb.active { background:#faefff !important; border-color:#ddb0f2 !important; color:#8e00c8 !important; }
.dashboard-marketplace-tab--yandex.active { background:#fff9d9 !important; border-color:#e3cf65 !important; color:#6f5e00 !important; }

/* Restore marketplace colour identity in Orders. */
.orders-row .orders-number .market-dot,
.orders-row .orders-warehouse-scheme .market-dot {
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    border-radius: 50% !important;
}
.orders-row .market-dot--ozon { background: #1485f6 !important; box-shadow: 0 0 0 3px rgba(20,133,246,.11); }
.orders-row .market-dot--wildberries { background: #a500e8 !important; box-shadow: 0 0 0 3px rgba(165,0,232,.10); }
.orders-row .market-dot--yandex { background: #f4cf19 !important; box-shadow: 0 0 0 3px rgba(244,207,25,.16); }
.orders-row .orders-number { display:flex; align-items:center; gap:8px; }
.orders-row .orders-warehouse-scheme { gap:7px; }

@media (max-width: 720px) {
    .product-platform-tabs { justify-content:flex-start !important; width:100% !important; }
    .product-platform-tab { padding-left:31px !important; }
    .product-platform-tab::before { left:13px !important; }
}

/* Multi-value native lists on legacy WB/Yandex edit pages. */
select[multiple]:not(.pc-native-multiselect) {
    min-height: 150px !important;
    padding: 7px !important;
    border: 1px solid #cbd2da !important;
    border-radius: 12px !important;
    background: #fff !important;
    scrollbar-color: #b9c1ca transparent;
}
select[multiple]:not(.pc-native-multiselect) option {
    margin: 2px 0;
    padding: 9px 10px;
    border-radius: 8px;
}
select[multiple]:not(.pc-native-multiselect) option:checked {
    background: linear-gradient(#eef5ff, #eef5ff) !important;
    color: #174e96 !important;
    font-weight: 750;
}


/* v40 · softer marketplace switches, stronger order dots and data refresh badges */
.product-platform-tabs { min-height: 48px !important; margin: 2px auto 20px !important; padding: 4px !important; gap: 4px !important; border-radius: 14px !important; background: #f5f6f8 !important; box-shadow: none !important; }
.product-platform-tab { min-height: 36px !important; padding: 8px 14px 8px 31px !important; border-radius: 10px !important; font-size: 12px !important; }
.product-platform-tab::before { left: 13px !important; width: 8px !important; height: 8px !important; }
.product-platform-tab--ozon.active, .product-platform-tab--wb.active, .product-platform-tab--yandex.active { box-shadow: none !important; }
.product-platform-tab--ozon.active { background: #f2f7ff !important; }
.product-platform-tab--wb.active { background: #fbf3ff !important; }
.product-platform-tab--yandex.active { background: #fffbe6 !important; }

.orders-row .orders-number .market-dot, .orders-row .orders-warehouse-scheme .market-dot { width: 11px !important; height: 11px !important; flex: 0 0 11px !important; box-shadow: none !important; }
.orders-row .market-dot--ozon { background: #005bff !important; }
.orders-row .market-dot--wildberries { background: #a500e8 !important; }
.orders-row .market-dot--yandex { background: #f1c400 !important; }

.data-refresh-badge { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 6px 10px; border: 1px solid #dde2e8; border-radius: 999px; background: #fff; color: #58616d; font-size: 11px; font-weight: 700; line-height: 1; cursor: default; }
.data-refresh-badge i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #40b46d; box-shadow: 0 0 0 4px rgba(64,180,109,.12); }
.data-refresh-badge .data-refresh-tooltip { position: absolute; left: 0; top: calc(100% + 10px); min-width: 230px; max-width: 290px; padding: 10px 12px; border: 1px solid #dfe4ea; border-radius: 12px; background: #fff; color: #36404b; box-shadow: 0 18px 35px rgba(18,25,34,.10); font-size: 11px; font-weight: 500; line-height: 1.45; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; z-index: 50; }
.data-refresh-badge:hover .data-refresh-tooltip, .data-refresh-badge:focus-within .data-refresh-tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
.page-heading .data-refresh-badge { margin-top: 10px; }
.metric-card .data-refresh-badge, .orders-metric-card .data-refresh-badge { position: absolute; right: 18px; top: 16px; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.88); }
.metric-card .data-refresh-badge .data-refresh-tooltip, .orders-metric-card .data-refresh-badge .data-refresh-tooltip { left: auto; right: 0; }
.metric-card .data-refresh-badge i, .orders-metric-card .data-refresh-badge i { background: #75d39a; box-shadow: 0 0 0 4px rgba(117,211,154,.15); }
.metric-card__header { align-items: flex-start; flex-wrap: wrap; }
.metric-card__header h2 { flex: 1 1 auto; white-space: normal; }
.orders-metric-card { padding-top: 56px; }
.dashboard-kpis { gap: 16px; }
.orders-metrics { gap: 18px; }
.orders-metric-card h3 { padding-right: 120px; }

.page-heading .heading-actions + .data-refresh-badge { margin-left: auto; }

select, .orders-filter summary, .global-region-dropdown summary, .header-store-picker summary { border-radius: 14px; }
select { min-height: 42px; padding-right: 36px; background-image: linear-gradient(45deg, transparent 50%, #7c8793 50%), linear-gradient(135deg, #7c8793 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 20px) calc(50% - 4px), calc(100% - 14px) calc(50% - 4px), 100% 0; background-size: 6px 6px, 6px 6px, 2.5em 2.5em; background-repeat: no-repeat; appearance: none; }
.orders-filter summary, .global-region-dropdown summary, .header-store-picker summary { min-height: 42px; padding: 10px 14px; border: 1px solid #d9e0e7; background: #fff; box-shadow: 0 4px 14px rgba(17,24,32,.04); }
.orders-filter[open] summary, .global-region-dropdown[open] summary, .header-store-picker[open] summary { border-color: #c5cfda; }


/* v42 · visible dashboard periods and branded delivery dots */
.period-select{min-width:176px!important;min-height:38px!important;padding:7px 34px 7px 14px!important;background-color:#6f7782!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
.period-select option{background:#fff!important;color:#20262d!important}
.orders-row .orders-warehouse-scheme .market-dot{display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;box-shadow:none!important}
.orders-row--ozon .orders-warehouse-scheme .market-dot{background:#005bff!important}
.orders-row--wildberries .orders-warehouse-scheme .market-dot{background:#a500e8!important}
.orders-row--yandex .orders-warehouse-scheme .market-dot{background:#f1c400!important}
.orders-row .orders-number .market-dot{width:7px!important;height:7px!important;flex:0 0 7px!important}


/* v43 · visible dashboard periods, one selected order value and one refresh status */
.period-select{display:block!important;min-width:190px!important;min-height:40px!important;padding:8px 38px 8px 15px!important;border:1px solid #cbd5df!important;border-radius:999px!important;background-color:#fff!important;color:#26313c!important;-webkit-text-fill-color:#26313c!important;text-indent:0!important;opacity:1!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;box-shadow:0 2px 8px rgba(18,25,34,.04)!important}
.period-select:hover,.period-select:focus{border-color:#9facba!important;background-color:#fff!important;color:#202932!important;-webkit-text-fill-color:#202932!important}
.period-select option{background:#fff!important;color:#20262d!important;-webkit-text-fill-color:#20262d!important}
.orders-card-row{grid-template-columns:minmax(130px,1fr) minmax(100px,.72fr)!important}
.orders-card-money[hidden]{display:none!important}
.metric-card__note:empty{display:none!important}


/* v44 · refresh status in every dashboard block, persisted table controls, stable native arrows */
.dashboard-page .metric-card,.dashboard-page .dashboard-panel{display:flex;flex-direction:column}
.dashboard-page .data-refresh-badge--dashboard{position:relative!important;inset:auto!important;align-self:flex-start;margin-top:auto;padding:12px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#8e97a2!important;box-shadow:none!important;font-size:10px!important;font-weight:500!important}
.dashboard-page .data-refresh-badge--dashboard::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(142,151,162,.18)}
.dashboard-page .data-refresh-badge--dashboard i{width:8px!important;height:8px!important;flex:0 0 8px!important;background:#61bf78!important;box-shadow:0 0 0 5px rgba(97,191,120,.14)!important}
.dashboard-page .metric-card .data-refresh-badge--dashboard{width:100%;color:rgba(255,255,255,.58)!important}
.dashboard-page .metric-card .data-refresh-badge--dashboard::before{background:rgba(255,255,255,.10)}
.dashboard-page .data-refresh-badge--dashboard .data-refresh-tooltip{left:0!important;right:auto!important;bottom:calc(100% + 8px);top:auto}
.dashboard-live-status{display:none!important}

.app-table-preference-bar{display:flex;justify-content:flex-end;margin:0 0 8px}
.app-table-reset-button{min-height:34px;padding:7px 12px;border:1px solid #d9dfe6;border-radius:10px;background:#fff;color:#59636f;font-size:11px;font-weight:750;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.app-table-reset-button:hover{border-color:#b9c4d0;background:#f6f8fa;color:#28313b}
.table-toolbar .app-table-reset-button,.pricing-table-toolbar .app-table-reset-button,.orders-table-toolbar .app-table-reset-button{margin-left:auto}

select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 7 9 11.5 13.5 7' stroke='%2379828d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-size:18px 18px!important;background-repeat:no-repeat!important}


/* v45 · dashboard refresh text, faster settings modal, enhanced dropdowns */
.dashboard-page .data-refresh-badge--dashboard{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;padding:12px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#8d96a1!important;box-shadow:none!important;font-size:11px!important;font-weight:500!important;line-height:1.35!important}
.dashboard-page .data-refresh-badge--dashboard span{display:inline!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:inherit!important}
.dashboard-page .metric-card .data-refresh-badge--dashboard,.dashboard-page .dashboard-panel .data-refresh-badge--dashboard{width:100%!important}
.dashboard-page .metric-card .data-refresh-badge--dashboard::before,.dashboard-page .dashboard-panel .data-refresh-badge--dashboard::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(142,151,162,.18)}
.column-settings-actions{background:#fff!important;background-image:none!important;border-top:0!important;box-shadow:none!important;padding-top:12px!important}
.columns-modal-card{contain:layout paint style!important;will-change:transform,opacity;transform:translateZ(0)}
.column-list{content-visibility:auto;contain-intrinsic-size:360px;overscroll-behavior:contain}
.column-config-item{contain:layout paint style}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%238a939d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-size:12px 8px!important;background-repeat:no-repeat!important;padding-right:38px!important}
.app-enhanced-multi-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.app-enhanced-multi{position:relative;width:100%}.app-enhanced-multi__toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:11px 42px 11px 14px;border:1px solid #cfd7e1;border-radius:14px;background:#fff;color:#2f3741;font-size:14px;font-weight:500;line-height:1.2;text-align:left}.app-enhanced-multi__toggle i{position:absolute;right:14px;top:50%;width:12px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%238a939d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat;transform:translateY(-50%);transition:transform .16s ease}.app-enhanced-multi.is-open .app-enhanced-multi__toggle i{transform:translateY(-50%) rotate(180deg)}
.app-enhanced-multi__menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:35;padding:14px;border:1px solid #cad4de;border-radius:18px;background:#f8f9fb;box-shadow:0 16px 40px rgba(18,25,34,.12)}
.app-enhanced-multi__search{width:100%;min-height:50px;padding:13px 14px;border:1px solid #c7d3df;border-radius:16px;background:#fff;font-size:14px}.app-enhanced-multi__list{display:grid;gap:4px;max-height:280px;overflow:auto;margin-top:12px;padding-right:2px}.app-enhanced-multi__item{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:12px;color:#33404d;font-size:14px;font-weight:600}.app-enhanced-multi__item:hover{background:#edf2f7}.app-enhanced-multi__item input{width:22px;height:22px;accent-color:#2d6cdf}.app-enhanced-multi__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #d9e1e9}.app-enhanced-multi__actions button{min-height:44px;padding:10px 18px;border-radius:14px;border:1px solid #d2d9e2;background:#fff;font-weight:700}.app-enhanced-multi__actions .is-primary{background:#2d6cdf;border-color:#2d6cdf;color:#fff}


/* v46 · visible refresh timestamps, click-only hint and clean column footer */
.data-refresh-badge{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;cursor:pointer}
.data-refresh-badge .data-refresh-tooltip{pointer-events:none}
.data-refresh-badge:hover .data-refresh-tooltip,.data-refresh-badge:focus-within .data-refresh-tooltip{opacity:0;visibility:hidden;transform:translateY(-4px)}
.data-refresh-badge.is-open .data-refresh-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.dashboard-page .metric-card .data-refresh-badge--dashboard{color:#8d96a1!important}
.dashboard-page .metric-card .data-refresh-badge--dashboard::before{background:rgba(142,151,162,.18)!important}
.column-settings-actions{position:static!important;bottom:auto!important;margin-top:14px!important;padding:0!important;min-height:0!important;background:transparent!important;background-image:none!important;border-top:0!important;box-shadow:none!important}

/* v47 · cached marketplace order profit */

/* v48 · lightweight column settings */
.columns-modal-overlay{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(20,25,32,.46)!important;
    contain:layout paint style;
    transition:none!important;
}
.columns-modal-overlay .columns-modal-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
    contain:layout paint style!important;
    background:#fff!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-color:#dfe4ea!important;
    box-shadow:0 14px 38px rgba(12,18,28,.16)!important;
}
.columns-modal-overlay .column-list{
    content-visibility:visible!important;
    contain:layout style!important;
}
.columns-modal-overlay .column-config-item{
    contain:layout style!important;
}

/* v50 · one real chevron icon for dashboard period selectors */
.period-select-wrap{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
}
.period-select-wrap::after{display:none!important;content:none!important}
.period-select-wrap .period-select{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    background-color:#fff!important;
    background-image:none!important;
    background-position:initial!important;
    background-size:initial!important;
    background-repeat:no-repeat!important;
    padding-right:44px!important;
}
.period-select-wrap .period-select::-ms-expand{display:none!important}
.period-select-chevron{
    display:block!important;
    position:absolute!important;
    right:15px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    transform:translateY(-50%)!important;
    fill:none!important;
    stroke:#6f7884!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
}
.period-select-wrap:focus-within .period-select-chevron{stroke:#46515d!important}
@media (max-width:720px){
    .period-select-wrap{width:100%!important}
    .period-select-wrap .period-select{width:100%!important}
}

/* v50 · lightweight product-characteristics export dialog */
.product-export-modal{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:none!important;
    animation:none!important;
    contain:layout paint style!important;
    background:rgba(18,24,33,.42)!important;
}
.product-export-modal .product-export-modal__card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    contain:layout paint style!important;
}
.product-export-modal .export-tree{
    content-visibility:auto;
    contain:layout style!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}
.product-export-modal .export-category{
    content-visibility:auto;
    contain:layout style!important;
    contain-intrinsic-size:auto 56px;
}
.product-export-modal .export-tree.is-disabled{
    pointer-events:none!important;
    opacity:.44!important;
    filter:none!important;
}
.product-export-modal-open{overflow:hidden!important}

/* v51 · dashboard period selectors: native control stays clickable but is fully invisible. */
.period-select-wrap{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-width:190px!important;
    min-height:40px!important;
    border:1px solid #cbd5df!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(18,25,34,.04)!important;
    overflow:hidden!important;
}
.period-select-wrap:hover{border-color:#9facba!important}
.period-select-wrap:focus-within{
    border-color:#8ebeff!important;
    box-shadow:0 0 0 3px rgba(84,159,255,.16)!important;
}
.period-select-display{
    display:block!important;
    width:100%!important;
    padding:8px 46px 8px 15px!important;
    color:#26313c!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    pointer-events:none!important;
}
.period-select-wrap .period-select{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    background-image:none!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    opacity:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    cursor:pointer!important;
}
.period-select-wrap .period-select::-ms-expand{display:none!important}
.period-select-chevron{
    right:16px!important;
    z-index:2!important;
    width:18px!important;
    height:18px!important;
}
@media (max-width:720px){
    .period-select-wrap{width:100%!important}
}

/* v51 · product Excel category chooser in the same visual language as column settings. */
.product-export-modal .product-export-modal__card--wide{
    width:min(1180px,calc(100vw - 30px))!important;
    max-height:min(92vh,980px)!important;
    padding:28px!important;
    border-radius:28px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
}
.product-export-modal .modal-heading{
    flex:0 0 auto!important;
    align-items:flex-start!important;
    margin-bottom:20px!important;
}
.product-export-modal .modal-heading h2{
    margin:7px 0 0!important;
    font-size:30px!important;
    line-height:1.1!important;
}
.product-export-modal .modal-heading p{
    margin:14px 0 0!important;
    color:#3f4650!important;
    font-size:15px!important;
    line-height:1.45!important;
}
.product-export-modal .modal-close{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border:0!important;
    border-radius:50%!important;
    background:#f1f2f4!important;
    color:#27313c!important;
    font-size:29px!important;
    font-weight:300!important;
}
.product-export-modal form{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
}
.product-export-modal .modal-filter-block{
    flex:0 0 auto!important;
    padding:14px 16px!important;
    border:1px solid #dfe3e8!important;
    border-radius:16px!important;
    background:#f7f8fa!important;
}
.product-export-modal .modal-store-grid{
    margin-top:10px!important;
    max-height:112px!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
}
.product-export-modal .modal-store-grid .choice-line{
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #d7dce2!important;
    border-radius:12px!important;
    background:#fff!important;
}
.product-export-selection{
    min-height:0!important;
    margin-top:14px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
}
.export-all-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    padding:13px 15px!important;
    border:1px solid #d8dde3!important;
    border-radius:14px!important;
    background:#fff!important;
    cursor:pointer!important;
}
.export-all-card input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}
.export-all-card__check{
    width:22px!important;
    height:22px!important;
    border:1.5px solid #b8c0ca!important;
    border-radius:7px!important;
    background:#fff!important;
    display:grid!important;
    place-items:center!important;
}
.export-all-card__check::after{
    content:""!important;
    width:10px!important;
    height:6px!important;
    border-left:2px solid #fff!important;
    border-bottom:2px solid #fff!important;
    transform:translateY(-1px) rotate(-45deg) scale(0)!important;
    transition:transform .12s ease!important;
}
.export-all-card input:checked + .export-all-card__check{
    border-color:#1e7cf2!important;
    background:#1e7cf2!important;
}
.export-all-card input:checked + .export-all-card__check::after{transform:translateY(-1px) rotate(-45deg) scale(1)!important}
.product-export-modal--wb .export-all-card input:checked + .export-all-card__check{border-color:#a100df!important;background:#a100df!important}
.product-export-modal--yandex .export-all-card input:checked + .export-all-card__check{border-color:#e3b600!important;background:#e3b600!important}
.export-all-card > span:last-child{display:grid!important;gap:3px!important}
.export-all-card strong{font-size:13px!important}
.export-all-card small{color:#7b8490!important;font-size:11px!important}
.export-category-board{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    transition:opacity .12s ease!important;
}
.export-category-board.is-disabled{
    opacity:.42!important;
    pointer-events:none!important;
}
.export-category-panel{
    min-width:0!important;
    min-height:0!important;
    padding:16px!important;
    border:1px solid #dce1e7!important;
    border-radius:18px!important;
    background:#f7f8fa!important;
    display:flex!important;
    flex-direction:column!important;
}
.export-category-panel__head{
    flex:0 0 auto!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.export-category-panel__head h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.2!important;
}
.export-category-count{
    min-width:28px!important;
    height:28px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#e9edf2!important;
    color:#69727e!important;
    display:grid!important;
    place-items:center!important;
    font-size:11px!important;
    font-weight:800!important;
}
.export-choice-list{
    min-height:210px!important;
    max-height:min(49vh,520px)!important;
    margin-top:10px!important;
    padding:2px 4px 2px 0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    content-visibility:auto!important;
    contain:layout style!important;
}
.export-choice-list.is-drag-over{
    border-radius:12px!important;
    box-shadow:inset 0 0 0 2px rgba(30,124,242,.18)!important;
}
.export-choice-empty{
    margin:auto!important;
    padding:28px 12px!important;
    color:#9aa2ad!important;
    text-align:center!important;
    font-size:12px!important;
}
.export-category-card{
    flex:0 0 auto!important;
    border:1px solid #cfd5dc!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 2px 5px rgba(18,25,34,.035)!important;
    contain:layout style!important;
}
.export-category-card.is-dragging{opacity:.48!important;border-style:dashed!important}
.export-category-card__row{
    min-height:58px!important;
    padding:9px 10px!important;
    display:grid!important;
    grid-template-columns:36px 24px minmax(0,1fr) auto 0!important;
    align-items:center!important;
    gap:8px!important;
}
.export-drag-handle{
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f4f6f8!important;
    color:#6f7884!important;
    cursor:grab!important;
    font-size:22px!important;
    line-height:1!important;
}
.export-drag-handle:active{cursor:grabbing!important}
.export-category-expand,
.export-category-expand-spacer{
    width:24px!important;
    height:24px!important;
}
.export-category-expand{
    position:relative!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    cursor:pointer!important;
}
.export-category-expand::before{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    top:6px!important;
    width:7px!important;
    height:7px!important;
    border-right:2px solid #7c8591!important;
    border-bottom:2px solid #7c8591!important;
    transform:rotate(-45deg)!important;
    transition:transform .12s ease!important;
}
.export-category-card.expanded .export-category-expand::before{transform:rotate(45deg) translate(-1px,-1px)!important}
.export-category-card__title{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
}
.export-category-card__title strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#20252b!important;
    font-size:12px!important;
}
.export-category-card__title small{
    color:#8a929d!important;
    font-size:10px!important;
}
.export-category-toggle{
    min-width:76px!important;
    padding:8px 10px!important;
    border:1px solid rgba(30,124,242,.22)!important;
    border-radius:10px!important;
    background:rgba(30,124,242,.08)!important;
    color:#176fd6!important;
    cursor:pointer!important;
    font-size:10px!important;
    font-weight:850!important;
}
.export-category-card.is-selected .export-category-toggle{background:#f4f7fb!important;color:#5c6672!important;border-color:#d8dde4!important}
.product-export-modal--wb .export-category-toggle{border-color:rgba(161,0,223,.2)!important;background:rgba(161,0,223,.08)!important;color:#8d10c6!important}
.product-export-modal--yandex .export-category-toggle{border-color:rgba(227,182,0,.34)!important;background:rgba(244,207,25,.16)!important;color:#9a7800!important}
.export-category-input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}
.export-subcategory-list{
    display:none!important;
    padding:0 12px 12px 78px!important;
    gap:7px!important;
}
.export-category-card.expanded .export-subcategory-list{display:grid!important}
.export-subcategory-option{
    min-height:34px!important;
    padding:7px 9px!important;
    border:1px solid #e2e6eb!important;
    border-radius:9px!important;
    background:#fafbfc!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    cursor:pointer!important;
    font-size:11px!important;
}
.export-subcategory-option input{width:16px!important;height:16px!important;accent-color:#1e7cf2!important}
.product-export-modal--wb .export-subcategory-option input{accent-color:#a100df!important}
.product-export-modal--yandex .export-subcategory-option input{accent-color:#d4a900!important}
.product-export-modal .modal-actions{
    flex:0 0 auto!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #e1e5e9!important;
    background:#fff!important;
}
@media (max-width:820px){
    .product-export-modal .product-export-modal__card--wide{padding:20px!important;border-radius:20px!important}
    .product-export-modal .modal-heading h2{font-size:24px!important}
    .product-export-modal .modal-store-grid,
    .export-category-board{grid-template-columns:1fr!important}
    .export-choice-list{max-height:280px!important}
    .product-export-modal .modal-close{width:46px!important;height:46px!important;min-width:46px!important}
}

/* v52 · opaque export category chooser and native select triangle suppression. */
.product-export-modal .product-export-modal__card,
.product-export-modal .product-export-modal__card--wide{
    background:#fff!important;
    background-image:none!important;
    opacity:1!important;
}
.product-export-modal form,
.product-export-selection,
.export-category-board{
    background:#fff!important;
    opacity:1!important;
}
.export-category-board.is-disabled{
    opacity:1!important;
    filter:none!important;
    pointer-events:none!important;
}
.export-category-panel{
    background:#f7f8fa!important;
    opacity:1!important;
}
.export-choice-list{
    background:#f7f8fa!important;
    opacity:1!important;
}
.export-category-card,
.export-subcategory-option{
    opacity:1!important;
}

/* Keep only the project SVG chevron. Hide every browser-provided picker icon. */
.period-select-wrap .period-select{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    text-shadow:none!important;
    font-size:0!important;
    opacity:0!important;
}
.period-select-wrap .period-select::-ms-expand,
.period-select-wrap .period-select::-webkit-calendar-picker-indicator,
.period-select-wrap .period-select::-webkit-list-button,
.period-select-wrap .period-select::picker-icon{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    content:none!important;
}
.period-select-wrap::before,
.period-select-wrap::after{
    display:none!important;
    content:none!important;
    background:none!important;
}
.period-select-chevron{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

/* v53 · keep the closed dashboard select transparent while native menu options stay readable. */
.period-select-wrap .period-select{
    opacity:1!important;
    font-size:12px!important;
    line-height:1.25!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    caret-color:transparent!important;
}
.period-select-wrap .period-select option{
    display:block!important;
    opacity:1!important;
    background:#fff!important;
    color:#20262d!important;
    -webkit-text-fill-color:#20262d!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.35!important;
    text-indent:0!important;
}
.period-select-wrap .period-select option:checked{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

/* v54 · stable custom dashboard period picker. Native select UI is never rendered. */
.period-select-wrap{
    position:relative!important;
    display:inline-block!important;
    min-width:190px!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.period-select-wrap .period-select,
.period-select-wrap .period-select[hidden]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    position:absolute!important;
    pointer-events:none!important;
}
.period-select-trigger{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    min-width:190px!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 15px 9px 17px!important;
    border:1px solid #cbd5df!important;
    border-radius:999px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 2px 8px rgba(18,25,34,.04)!important;
    color:#26313c!important;
    font:inherit!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
}
.period-select-trigger:hover{border-color:#9facba!important}
.period-select-trigger:focus-visible{
    outline:0!important;
    border-color:#8ebeff!important;
    box-shadow:0 0 0 3px rgba(84,159,255,.16)!important;
}
.period-select-display{
    display:block!important;
    width:auto!important;
    padding:0!important;
    color:#26313c!important;
    -webkit-text-fill-color:#26313c!important;
    opacity:1!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    pointer-events:none!important;
}
.period-select-trigger .period-select-chevron{
    position:static!important;
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    fill:none!important;
    stroke:#6f7884!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
    transition:transform .15s ease!important;
}
.period-select-wrap.is-open .period-select-trigger .period-select-chevron{
    transform:rotate(180deg)!important;
}
.period-select-menu{
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    display:grid!important;
    gap:4px!important;
    min-width:220px!important;
    padding:7px!important;
    border:1px solid #d9e0e7!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(20,28,38,.16)!important;
}
.period-select-menu[hidden]{display:none!important}
.period-select-option{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#20262d!important;
    -webkit-text-fill-color:#20262d!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.3!important;
    text-align:left!important;
    cursor:pointer!important;
}
.period-select-option:hover,
.period-select-option:focus-visible{
    outline:0!important;
    background:#f1f6fd!important;
}
.period-select-option.is-selected{
    background:#e8f2ff!important;
    color:#1d5fa7!important;
    -webkit-text-fill-color:#1d5fa7!important;
}
@media (max-width:720px){
    .period-select-wrap,
    .period-select-trigger{width:100%!important}
    .period-select-menu{min-width:100%!important}
}

/* v54 · stable custom dashboard period picker. Native select UI is never rendered. */
.period-select-wrap{
    position:relative!important;
    display:inline-block!important;
    min-width:190px!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.period-select-wrap .period-select,
.period-select-wrap .period-select[hidden]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    position:absolute!important;
    pointer-events:none!important;
}
.period-select-trigger{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    min-width:190px!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 15px 9px 17px!important;
    border:1px solid #cbd5df!important;
    border-radius:999px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 2px 8px rgba(18,25,34,.04)!important;
    color:#26313c!important;
    font:inherit!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
}
.period-select-trigger:hover{border-color:#9facba!important}
.period-select-trigger:focus-visible{
    outline:0!important;
    border-color:#8ebeff!important;
    box-shadow:0 0 0 3px rgba(84,159,255,.16)!important;
}
.period-select-display{
    display:block!important;
    width:auto!important;
    padding:0!important;
    color:#26313c!important;
    -webkit-text-fill-color:#26313c!important;
    opacity:1!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    pointer-events:none!important;
}
.period-select-trigger .period-select-chevron{
    position:static!important;
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    fill:none!important;
    stroke:#6f7884!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
    transition:transform .15s ease!important;
}
.period-select-wrap.is-open .period-select-trigger .period-select-chevron{
    transform:rotate(180deg)!important;
}
.period-select-menu{
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    display:grid!important;
    gap:4px!important;
    min-width:220px!important;
    padding:7px!important;
    border:1px solid #d9e0e7!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(20,28,38,.16)!important;
}
.period-select-menu[hidden]{display:none!important}
.period-select-option{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#20262d!important;
    -webkit-text-fill-color:#20262d!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.3!important;
    text-align:left!important;
    cursor:pointer!important;
}
.period-select-option:hover,
.period-select-option:focus-visible{
    outline:0!important;
    background:#f1f6fd!important;
}
.period-select-option.is-selected{
    background:#e8f2ff!important;
    color:#1d5fa7!important;
    -webkit-text-fill-color:#1d5fa7!important;
}
@media (max-width:720px){
    .period-select-wrap,
    .period-select-trigger{width:100%!important}
    .period-select-menu{min-width:100%!important}
}

/* V57: live dashboard refresh indicator, stock-by-scheme and unknown fines */
@keyframes dashboard-refresh-live-pulse{0%,100%{opacity:.45;transform:scale(.78);box-shadow:0 0 0 3px rgba(97,191,120,.10)}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgba(97,191,120,.20)}}
.dashboard-page .metric-card .data-refresh-badge--live i{animation:dashboard-refresh-live-pulse 1.45s ease-in-out infinite;transform-origin:center}
.financial-stack--stock .financial-stack__row strong{min-width:44px;text-align:right}
.orders-penalty-unknown{display:block;margin-top:5px;color:#98a1ad;font-size:10px;font-weight:800;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.dashboard-page .metric-card .data-refresh-badge--live i{animation:none}}

/* v60 · make the active “All” marketplace filter visibly grey */
.dashboard-marketplace-tab[data-marketplace="all"].active{
    background:#e3e7eb !important;
    border-color:#c8ced5 !important;
    color:#303842 !important;
    box-shadow:0 2px 8px rgba(31,41,55,.07) !important;
}
.dashboard-marketplace-tab[data-marketplace="all"].active::before{
    background:#8f99a4 !important;
    box-shadow:0 0 0 3px rgba(143,153,164,.12) !important;
}

/* v61: clearly state the fixed News Center retention window. */
.news-center__period {
    margin: 8px 0 0;
    color: #7b8491;
    font-size: 14px;
    font-weight: 700;
}

/* =====================================================
   v63 · unified Products interface
   ===================================================== */
.products-page {
    --products-accent:#005bff;
    --products-accent-soft:#edf4ff;
    --products-accent-border:#a9c8ff;
    padding-bottom:28px;
}
.products-page--wb {
    --products-accent:#a600d4;
    --products-accent-soft:#fbf0ff;
    --products-accent-border:#dfb2ef;
}
.products-page--yandex {
    --products-accent:#f2c900;
    --products-accent-soft:#fff9d9;
    --products-accent-border:#e1cd68;
}
.products-accent-text { color:var(--products-accent)!important; }
.products-page--yandex .products-accent-text { color:#6f5c00!important; }

.products-page .products-market-tabs {
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    min-height:54px!important;
    margin:0 auto 18px!important;
    padding:0!important;
    gap:18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow-x:auto;
}
.products-page .products-market-tabs .product-platform-tab {
    position:relative!important;
    min-height:48px!important;
    padding:12px 2px 13px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#b1b1b5!important;
    font-size:18px!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
    box-shadow:none!important;
}
.products-page .products-market-tabs .product-platform-tab::before { display:none!important;content:none!important; }
.products-page .products-market-tabs .product-platform-tab::after {
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:5px!important;
    height:2px!important;
    display:block!important;
    border-radius:2px!important;
    background:transparent!important;
}
.products-page .products-market-tabs .product-platform-tab--ozon.active { color:#005bff!important; }
.products-page .products-market-tabs .product-platform-tab--ozon.active::after { background:#005bff!important; }
.products-page .products-market-tabs .product-platform-tab--wb.active { color:#9b0bbb!important; }
.products-page .products-market-tabs .product-platform-tab--wb.active::after { background:#9b0bbb!important; }
.products-page .products-market-tabs .product-platform-tab--yandex.active { color:#8a7200!important; }
.products-page .products-market-tabs .product-platform-tab--yandex.active::after { background:#f2c900!important; }

.products-heading {
    min-height:134px;
    margin-bottom:14px;
    padding:24px 26px;
    border-radius:20px;
    box-shadow:none!important;
}
.products-heading__copy { min-width:0; }
.products-heading h1 { margin:5px 0 5px;font-size:34px; }
.products-heading p { max-width:700px;font-size:13px;line-height:1.45; }
.products-heading__actions {
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    min-width:min(420px,100%);
    gap:10px;
}
.products-heading__actions .products-create-button { grid-column:1/-1;width:100%; }
.products-create-button { justify-content:space-between; }
.products-create-button b {
    width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;
    border-radius:50%;font-size:20px;font-weight:400;line-height:1;
}
.products-refresh-badge { margin-top:9px!important; }

.products-workspace {
    display:grid;
    grid-template-columns:225px minmax(0,1fr);
    gap:18px;
    align-items:start;
}
.products-filters {
    min-width:0;
    padding:0 0 4px;
}
.products-filters > h2 {
    margin:0 0 8px;
    padding-left:43px;
    color:#17191d;
    font-size:20px;
    line-height:1.15;
}
.products-filters form { display:grid;gap:8px; }
.products-filter-card {
    overflow:hidden;
    border:1px solid #d4d6da;
    border-radius:18px;
    background:#fff;
}
.products-filter-card__title {
    width:100%;min-height:38px;padding:8px 15px;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    border:0;border-radius:999px;background:#050505;color:#fff;
    font-size:12px;font-weight:800;cursor:pointer;
}
.products-filter-card__title i {
    width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;
    transform:rotate(45deg) translateY(-2px);transition:transform .15s ease;
}
.products-filter-card:not(.is-open) .products-filter-card__title i { transform:rotate(-45deg); }
.products-filter-card__body { display:none;padding:8px 10px 10px; }
.products-filter-card.is-open .products-filter-card__body { display:block; }
.products-filter-options { max-height:220px;overflow:auto;scrollbar-width:thin; }
.products-filter-options--scroll { max-height:190px; }
.products-filter-option {
    display:flex;align-items:flex-start;gap:8px;min-height:28px;padding:4px 0;
    color:#1f2328;font-size:12px;line-height:1.25;cursor:pointer;
}
.products-filter-option input { width:16px;height:16px;margin-top:0;accent-color:var(--products-accent); }
.products-filter-option span { min-width:0; }
.products-filter-option strong { display:block;font-size:12px; }
.products-filter-option small { display:block;margin-top:2px;color:#8c929a;font-size:9px;line-height:1.25; }
.products-filter-empty { margin:5px 0;color:#9399a1;font-size:11px; }
.products-favorite-switch {
    display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 8px;
    border:1px solid #d4d6da;border-radius:999px;background:#fff;color:#25282d;
    font-size:10px;cursor:pointer;
}
.products-favorite-switch > input { position:absolute;opacity:0;pointer-events:none; }
.products-favorite-switch__track {
    position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:999px;background:#a5a7aa;
    transition:background .15s ease;
}
.products-favorite-switch__track i {
    position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .15s ease;
}
.products-favorite-switch input:checked + .products-favorite-switch__track { background:var(--products-accent); }
.products-favorite-switch input:checked + .products-favorite-switch__track i { transform:translateX(14px); }
.products-favorite-switch strong { font-size:10px;line-height:1.2; }
.products-reset-filters {
    min-height:34px;padding:7px 11px;display:flex;align-items:center;justify-content:center;gap:9px;
    border-radius:999px;background:#050505;color:#fff;font-size:10px;font-weight:750;text-decoration:none;
}
.products-reset-filters i { width:16px;height:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;font-style:normal; }

.products-results {
    min-width:0;
    overflow:hidden;
    border:1px solid #d4d6da;
    border-radius:20px;
    background:#fff;
}
.products-results__toolbar {
    min-height:76px;padding:13px 18px 10px;
    display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
    border-bottom:1px solid #d9dce0;
}
.products-results__count h2 { margin:0 0 5px;font-size:20px;line-height:1; }
.products-results__count strong { font-size:14px; }
.products-table-actions { display:flex;align-items:center;gap:10px;min-width:min(470px,60%); }
.products-search {
    width:min(420px,100%);min-height:38px;padding:0 13px;
    display:flex;align-items:center;gap:8px;border:1px solid #aeb3ba;border-radius:999px;background:#fff;
}
.products-search svg { width:19px;height:19px;fill:none;stroke:#353a41;stroke-width:2;stroke-linecap:round; }
.products-search input {
    min-height:36px!important;padding:7px 0!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;font-size:11px;
}
.products-column-settings {
    width:39px;height:39px;flex:0 0 39px;padding:7px;border:0;background:transparent;color:#16191d;cursor:pointer;
}
.products-column-settings svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.products-column-settings:hover { color:var(--products-accent); }

.products-table-wrap { width:100%;overflow:auto;overscroll-behavior:contain; }
.products-data-table { width:100%;min-width:1030px;border-collapse:collapse;table-layout:auto;background:#fff; }
.products-data-table th,
.products-data-table td {
    padding:10px 11px;border-bottom:1px solid #aeb2b8;color:#25292f;font-size:11px;line-height:1.35;text-align:left;vertical-align:middle;
}
.products-data-table th { padding-top:8px;padding-bottom:8px;color:#59616b;font-size:10px;font-weight:650;white-space:nowrap; }
.products-data-table tbody tr:hover { background:var(--products-accent-soft); }
.products-sort-link { display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none; }
.products-sort-link i { position:relative;width:10px;height:13px;flex:0 0 10px; }
.products-sort-link i::before,
.products-sort-link i::after {
    content:"";position:absolute;left:4px;width:5px;height:5px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;
}
.products-sort-link i::before { top:1px;transform:rotate(45deg); }
.products-sort-link i::after { bottom:1px;transform:rotate(225deg); }
.products-sort-link.is-active { color:var(--products-accent);font-weight:800; }
.products-sort-link.is-active i::before,
.products-sort-link.is-active i::after { opacity:.25; }
.products-sort-link.is-active i:not(.is-desc)::before,
.products-sort-link.is-active i.is-desc::after { opacity:1; }
.products-photo-cell { position:relative;width:74px;min-width:74px;text-align:center!important; }
.products-photo-cell img { width:52px;height:52px;display:block;margin:auto;border:1px solid #cfd3d8;border-radius:13px;object-fit:contain;background:#fff; }
.products-photo-placeholder { width:52px;height:52px;display:grid;place-items:center;margin:auto;border:1px solid #d9dde2;border-radius:13px;background:#f6f7f8;color:#a0a6ae; }
.products-favorite-star { position:absolute;left:3px;top:50%;color:#f0c400;font-size:16px;transform:translateY(-50%); }
.products-name-cell { min-width:210px; }
.products-name-cell a,
.products-article-link { color:#25292f;font-weight:700;text-decoration:none; }
.products-name-cell a:hover,
.products-article-link:hover { color:var(--products-accent);text-decoration:underline; }
.products-organization-chip {
    display:inline-flex;min-height:25px;padding:5px 13px;align-items:center;justify-content:center;
    border:1px solid var(--products-accent-border);border-radius:999px;color:var(--products-accent);font-weight:700;white-space:nowrap;
}
.products-page--yandex .products-organization-chip { color:#725e00; }
.products-empty-state { height:190px;text-align:center!important;color:#8c929a!important; }

.products-pagination-row {
    min-height:76px;padding:14px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#fff;
}
.products-pagination-row .pagination-modern { grid-column:2; }
.products-rows-count { grid-column:3;justify-self:end; }
.products-page-number--ozon.active { background:#005bff!important;color:#fff!important; }
.products-page-number--wb.active { background:#9b0bbb!important;color:#fff!important; }
.products-page-number--yandex.active { background:#f2c900!important;color:#1f1a00!important; }
.products-rows-count select { width:68px!important;min-height:34px!important;padding:6px 28px 6px 10px!important;border-radius:999px!important;background-color:#050505!important;color:#fff!important; }

.products-simple-modal__card { width:min(620px,calc(100vw - 30px));background:#fff!important; }
.products-upload-form,.products-create-form { display:grid;gap:18px; }
.products-upload-dropzone {
    min-height:230px;padding:28px;display:grid;place-items:center;align-content:center;gap:7px;
    border:2px dashed #cdd3da;border-radius:22px;background:#f7f8fa;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;
}
.products-upload-dropzone input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.products-upload-dropzone__icon { width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--products-accent);color:#fff;font-size:29px; }
.products-page--yandex .products-upload-dropzone__icon { color:#251f00; }
.products-upload-dropzone strong { font-size:18px; }
.products-upload-dropzone small { color:#737b85; }
.products-upload-dropzone em { margin-top:5px;color:#969ca4;font-size:11px;font-style:normal; }
.products-upload-dropzone.is-dragover,.products-upload-dropzone.has-file { border-color:var(--products-accent);background:var(--products-accent-soft); }
.products-upload-dropzone.has-file em { color:var(--products-accent);font-weight:800; }
.products-create-organizations { display:grid;gap:9px;max-height:330px;overflow:auto;padding-right:3px; }
.products-create-organization {
    display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 14px;border:1px solid #d5dae0;border-radius:15px;background:#fff;cursor:pointer;
}
.products-create-organization:has(input:checked) { border-color:var(--products-accent);background:var(--products-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--products-accent) 12%,transparent); }
.products-create-organization input { accent-color:var(--products-accent); }
.products-create-organization span { min-width:0; }
.products-create-organization strong,.products-create-organization small { display:block; }
.products-create-organization small { margin-top:3px;color:#858c95;font-size:10px; }

.products-page .columns-modal-card { width:min(1080px,calc(100vw - 28px)); }
.products-page .columns-config-grid { grid-template-columns:1fr 1fr;gap:18px; }
.products-page .columns-config-grid section { background:#f5f6f8; }
.products-page .column-toggle-button { border-color:var(--products-accent-border);background:var(--products-accent-soft);color:var(--products-accent); }
.products-page--yandex .column-toggle-button { color:#725e00; }

@media (max-width:980px) {
    .products-heading { align-items:flex-start;flex-direction:column; }
    .products-heading__actions { width:100%;min-width:0; }
    .products-workspace { grid-template-columns:1fr; }
    .products-filters > h2 { padding-left:0; }
    .products-filters form { grid-template-columns:repeat(3,minmax(0,1fr));align-items:start; }
    .products-favorite-switch,.products-reset-filters { align-self:start; }
}
@media (max-width:720px) {
    .products-page .products-market-tabs { justify-content:flex-start!important;gap:12px!important; }
    .products-page .products-market-tabs .product-platform-tab { font-size:14px!important; }
    .products-heading__actions { grid-template-columns:1fr; }
    .products-heading__actions .products-create-button { grid-column:auto; }
    .products-filters form { grid-template-columns:1fr; }
    .products-results__toolbar { align-items:flex-start;flex-direction:column; }
    .products-table-actions { width:100%;min-width:0; }
    .products-search { width:100%; }
    .products-pagination-row { grid-template-columns:1fr;justify-items:center; }
    .products-pagination-row .pagination-modern,.products-rows-count { grid-column:1;justify-self:center; }
    .products-page .columns-config-grid { grid-template-columns:1fr; }
}


/* Products interface v64: compact marketplace switch, readable controls and toolbar. */
.products-page .products-market-tabs {
    width:max-content!important;
    max-width:100%!important;
    min-height:72px!important;
    margin:0 auto 18px!important;
    padding:8px!important;
    gap:6px!important;
    justify-content:center!important;
    border:1px solid #d7dde5!important;
    border-radius:22px!important;
    background:#f4f6f8!important;
    box-shadow:none!important;
}
.products-page .products-market-tabs .product-platform-tab {
    min-height:52px!important;
    padding:12px 18px!important;
    gap:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid transparent!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#666d76!important;
    font-size:16px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
}
.products-page .products-market-tabs .product-platform-tab::before {
    content:""!important;
    display:block!important;
    position:static!important;
    width:12px!important;
    height:12px!important;
    flex:0 0 12px!important;
    border-radius:50%!important;
    background:#aeb5bd!important;
}
.products-page .products-market-tabs .product-platform-tab::after { display:none!important;content:none!important; }
.products-page .products-market-tabs .product-platform-tab--ozon::before { background:#1268f3!important; }
.products-page .products-market-tabs .product-platform-tab--wb::before { background:#a600d4!important; }
.products-page .products-market-tabs .product-platform-tab--yandex::before { background:#ffd000!important;box-shadow:0 0 0 1px #e4be00!important; }
.products-page .products-market-tabs .product-platform-tab.active {
    background:#fff!important;
    box-shadow:none!important;
}
.products-page .products-market-tabs .product-platform-tab--ozon.active { color:#005bff!important;border-color:#9fc1ff!important; }
.products-page .products-market-tabs .product-platform-tab--wb.active { color:#9600c5!important;border-color:#dfa5f2!important; }
.products-page .products-market-tabs .product-platform-tab--yandex.active { color:#735f00!important;border-color:#ead76f!important; }

.products-results__toolbar {
    min-height:92px!important;
    padding:18px 22px!important;
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) auto!important;
    align-items:center!important;
    gap:28px!important;
    border-bottom:1px solid #d9dde3!important;
}
.products-results__toolbar .products-search {
    width:100%!important;
    min-height:54px!important;
    padding:0 17px!important;
    border:1px solid #d5dbe3!important;
    border-radius:18px!important;
    background:#fff!important;
}
.products-results__toolbar .products-search svg {
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    stroke:#8a929d!important;
}
.products-results__toolbar .products-search input {
    width:100%!important;
    min-height:52px!important;
    color:#272b31!important;
    -webkit-text-fill-color:#272b31!important;
    font-size:15px!important;
}
.products-results__toolbar .products-search input::placeholder { color:#9aa1aa!important;opacity:1!important; }
.products-table-summary {
    display:flex;
    align-items:center;
    gap:7px;
    color:#858d97;
    font-size:14px;
    white-space:nowrap;
}
.products-table-summary strong { color:#1c2026;font-size:16px; }
.products-column-settings {
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    margin-left:4px!important;
    padding:13px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #d5dbe3!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#111820!important;
    box-shadow:none!important;
}
.products-column-settings svg { width:28px!important;height:28px!important;stroke-width:1.65!important; }
.products-column-settings:hover { border-color:var(--products-accent)!important;color:var(--products-accent)!important;background:var(--products-accent-soft)!important; }

.products-rows-count { display:flex!important;align-items:center!important;gap:10px!important;color:#7d858f!important; }
.products-rows-select {
    position:relative;
    display:inline-flex;
    width:92px;
    min-height:44px;
    border:1px solid #bcc8d8;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}
.products-rows-select::after {
    content:"";
    position:absolute;
    right:17px;
    top:50%;
    width:9px;
    height:9px;
    border-right:2px solid #687383;
    border-bottom:2px solid #687383;
    transform:translateY(-70%) rotate(45deg);
    pointer-events:none;
}
.products-rows-count .products-rows-select select,
.products-rows-count select {
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 38px 8px 17px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:#fff!important;
    background-image:none!important;
    color:#252b34!important;
    -webkit-text-fill-color:#252b34!important;
    opacity:1!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    box-shadow:none!important;
}
.products-rows-count select::-ms-expand { display:none!important; }
.products-rows-count select option { color:#252b34!important;background:#fff!important; }

@media (max-width:720px) {
    .products-page .products-market-tabs { width:100%!important;justify-content:flex-start!important;overflow-x:auto!important; }
    .products-page .products-market-tabs .product-platform-tab { min-width:max-content!important;font-size:13px!important;padding:10px 13px!important; }
    .products-results__toolbar { grid-template-columns:1fr!important;gap:12px!important; }
    .products-table-summary { justify-content:flex-end!important; }
}

/* =====================================================
   v65 · Products use the same visual system as Prices
   Functionality and product-specific data hooks are unchanged.
   ===================================================== */
.products-pricing-app {
    background: var(--surface);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.products-pricing-workspace {
    grid-template-columns: 255px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
}
.products-pricing-sidebar {
    align-self: stretch;
    padding: 22px 0 0;
    border: 0 !important;
    border-right: 1px solid var(--line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.products-pricing-sidebar form { display: grid; gap: 10px; }
.products-pricing-sidebar .products-filter-card {
    margin: 0 11px;
    border: 1px solid var(--line-dark) !important;
    border-radius: 15px !important;
    background: #fff;
    overflow: hidden;
}
.products-pricing-sidebar .products-filter-card__title {
    min-height: 42px;
    padding: 8px 13px;
    border: 0;
    border-radius: 0;
    background: var(--ink);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
.products-pricing-sidebar .products-filter-card__title i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .15s ease;
}
.products-pricing-sidebar .products-filter-card:not(.is-open) .products-filter-card__title i {
    transform: rotate(-45deg);
}
.products-pricing-sidebar .products-filter-card__body {
    display: none;
    padding: 11px;
}
.products-pricing-sidebar .products-filter-card.is-open .products-filter-card__body { display: block; }
.products-pricing-sidebar .products-filter-options { max-height: 190px; }
.products-pricing-sidebar .filter-scroll--tall { max-height: 260px; }
.products-pricing-sidebar .products-filter-option {
    min-height: 0;
    padding: 5px 0;
    gap: 9px;
    color: #34383d;
    font-size: 12px;
}
.products-pricing-sidebar .products-filter-option input {
    width: auto;
    height: auto;
    margin-top: 2px;
    accent-color: var(--products-accent);
}
.products-favorite-filter { margin-bottom: 12px; }
.products-page--yandex .filters-clear-mini--yandex { color: #8a7200; }

.products-pricing-main {
    min-width: 0;
    padding: 18px 20px 20px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}
.products-pricing-topline {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    margin: 0 0 12px;
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-card-bg);
}
.products-pricing-search {
    flex: 1;
    width: min(360px, 100%);
    min-height: 40px;
    margin: 0;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--line-dark);
    border-radius: var(--ui-radius-small) !important;
    background: #fff;
}
.products-pricing-search svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
}
.products-pricing-search input {
    width: 100%;
    min-height: 37px !important;
    padding: 7px 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px;
}
.products-pricing-topline .table-toolbar {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.products-pricing-table { min-width: 1450px; }
.products-pricing-table .products-photo-cell {
    width: 72px;
    min-width: 72px;
}
.products-pricing-table .products-photo-cell img,
.products-pricing-table .products-photo-placeholder {
    width: 54px;
    height: 54px;
    border-radius: 13px;
}
.products-pricing-table .products-name-cell { min-width: 250px; }
.products-pricing-table .products-name-cell a,
.products-pricing-table .products-article-link {
    color: var(--ui-text);
    font-weight: 700;
    text-decoration: none;
}
.products-pricing-table .products-name-cell a:hover,
.products-pricing-table .products-article-link:hover {
    color: var(--products-accent);
    text-decoration: underline;
}
.products-pricing-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 64px;
    padding: 13px 16px;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-card-bg);
    flex-wrap: wrap;
}
.products-pricing-footer .pagination-modern { margin: 0; }

@media (max-width: 1100px) {
    .products-pricing-workspace { grid-template-columns: 220px minmax(0, 1fr); }
}
@media (max-width: 820px) {
    .products-pricing-app {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .products-pricing-workspace { grid-template-columns: 1fr; gap: 12px; }
    .products-pricing-sidebar {
        border: 1px solid var(--line-dark) !important;
        border-radius: 18px !important;
    }
    .products-pricing-main {
        padding: 14px;
        border: 1px solid var(--line-dark);
        border-radius: 18px;
        background: #fff;
    }
    .products-pricing-topline { align-items: stretch; flex-direction: column; }
    .products-pricing-search { width: 100%; }
    .products-pricing-topline .table-toolbar { justify-content: flex-end; }
    .products-pricing-footer { align-items: stretch; flex-direction: column; }
}


/* v66: fixed circle-plus icon and Ozon-branded product action buttons. */
.products-create-button .products-circle-plus {
    display:inline-flex;
    flex:0 0 34px;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    color:currentColor;
    line-height:0;
}
.products-create-button .products-circle-plus svg {
    display:block;
    width:34px;
    height:34px;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
}
.products-page--ozon .products-market-action {
    border-color:#005bff!important;
    background:#005bff!important;
    color:#fff!important;
}
.products-page--ozon .products-market-action:hover:not(:disabled) {
    border-color:#004edb!important;
    background:#004edb!important;
}
.products-page--ozon .products-market-action:focus-visible {
    outline-color:rgba(0,91,255,.30)!important;
}

/* v67 · use the dashboard live pulse for every data refresh timestamp */
.data-refresh-badge--live i {
    animation: dashboard-refresh-live-pulse 1.45s ease-in-out infinite;
    transform-origin: center;
    will-change: transform, opacity, box-shadow;
}
@media (prefers-reduced-motion: reduce) {
    .data-refresh-badge--live i {
        animation: none;
        will-change: auto;
    }
}


/* v69 — Warehouse tree and warehouse navigation submenu */
.main-nav-menu {
    position: relative;
    display: flex;
    align-items: stretch;
}
.main-nav-menu > .main-nav__link {
    display: inline-flex;
    align-items: center;
}
.main-nav-submenu {
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    z-index: 1200;
    width: 270px;
    padding: 8px;
    border: 1px solid rgba(213, 218, 225, .96);
    border-radius: 16px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 16px 42px rgba(25, 32, 42, .13);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -7px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.main-nav-submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
}
.main-nav-menu:hover .main-nav-submenu,
.main-nav-menu:focus-within .main-nav-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.main-nav-submenu > a {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border-radius: 11px;
    color: #252b33;
    text-decoration: none;
    transition: background-color .14s ease;
}
.main-nav-submenu > a:hover,
.main-nav-submenu > a.active {
    background: #f2f4f7;
}
.main-nav-submenu strong {
    font-size: 13px;
    line-height: 1.25;
}
.main-nav-submenu small {
    color: #767f8a;
    font-size: 11px;
    line-height: 1.35;
}

.warehouse-tree-page .site-content {
    overflow: visible;
}
.warehouse-tree-heading {
    margin-bottom: 12px;
}
.warehouse-tree-heading__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.warehouse-tree-settings-button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #d8dee6;
    border-radius: 14px;
    background: #fff;
    color: #20262e;
    cursor: pointer;
    transition: border-color .14s ease, transform .14s ease, box-shadow .14s ease;
}
.warehouse-tree-settings-button:hover {
    border-color: #bfc8d3;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(20, 28, 38, .08);
}
.warehouse-tree-settings-button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.warehouse-tree-settings-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.warehouse-tree-settings-dialog[open] {
    display: grid;
    place-items: center;
}
.warehouse-tree-settings-dialog::backdrop {
    background: rgba(25,31,39,.42);
    backdrop-filter: blur(3px);
}
.warehouse-tree-settings-dialog__card {
    width: min(520px, calc(100vw - 28px));
    padding: 0;
    overflow: hidden;
    border: 1px solid #dfe4ea;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 26px 70px rgba(18, 25, 36, .22);
}
.warehouse-tree-settings-dialog__card header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid #eef1f4;
}
.warehouse-tree-settings-dialog__card h2 {
    margin: 5px 0 5px;
    font-size: 22px;
}
.warehouse-tree-settings-dialog__card p {
    margin: 0;
    color: #77818d;
    font-size: 12px;
}
.warehouse-tree-settings-close {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 11px;
    background: #f3f5f7;
    color: #1f252c;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}
.warehouse-settings-switch {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    margin: 20px 24px 8px;
    cursor: pointer;
}
.warehouse-settings-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.warehouse-settings-switch > span {
    position: relative;
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #dfe4ea;
    transition: background .16s ease;
}
.warehouse-settings-switch > span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.18);
    transition: transform .16s ease;
}
.warehouse-settings-switch input:checked + span {
    background: #252c34;
}
.warehouse-settings-switch input:checked + span::after {
    transform: translateX(20px);
}
.warehouse-settings-switch strong {
    color: #252c34;
    font-size: 13px;
    line-height: 1.35;
}
.warehouse-settings-hint {
    margin: 0 24px 20px !important;
    color: #818a95;
    font-size: 12px;
    line-height: 1.45;
}
.warehouse-tree-settings-dialog__card footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px 22px;
    border-top: 1px solid #eef1f4;
}
.warehouse-tree-row.is-archived {
    background: #fffdf6;
}
.warehouse-tree-row.is-archived:hover {
    background: #fff8e8;
}
.warehouse-archived-chip {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 3px 8px;
    border: 1px solid #efd79b;
    border-radius: 999px;
    background: #fff8e2;
    color: #8a6200;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}
.warehouse-section-tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 18px;
    padding: 0 4px;
    border-bottom: 1px solid #e4e7eb;
}
.warehouse-section-tabs a {
    position: relative;
    padding: 11px 2px 12px;
    color: #777f89;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}
.warehouse-section-tabs a.active {
    color: #252b32;
}
.warehouse-section-tabs a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 999px;
    background: #252b32;
}
.warehouse-tree-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.warehouse-tree-summary article {
    min-height: 96px;
    padding: 17px 18px;
    border: 1px solid #e0e4e9;
    border-radius: 18px;
    background: #fff;
}
.warehouse-tree-summary small {
    display: block;
    margin-bottom: 8px;
    color: #77808b;
    font-size: 12px;
}
.warehouse-tree-summary strong {
    color: #20262d;
    font-size: 29px;
    line-height: 1;
}
.warehouse-tree-warnings {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}
.warehouse-tree-warnings > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid #ead8ba;
    border-radius: 13px;
    background: #fffaf1;
}
.warehouse-tree-warnings span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e3a640;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
.warehouse-tree-warnings p {
    margin: 1px 0 0;
    color: #73561f;
    font-size: 12px;
    line-height: 1.45;
}
.warehouse-groups-panel {
    padding: 20px;
}
.warehouse-groups-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.warehouse-groups-panel__head h2 {
    margin: 0 0 5px;
    color: #252b32;
    font-size: 19px;
}
.warehouse-groups-panel__head p {
    margin: 0;
    color: #7b838e;
    font-size: 12px;
}
.warehouse-inline-create {
    border: 0;
    background: transparent;
    color: #343b44;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
}
.warehouse-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 13px;
}
.warehouse-group-card {
    display: flex;
    min-height: 225px;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #dfe3e8;
    border-radius: 18px;
    background: #fff;
}
.warehouse-group-card header {
    display: flex;
    align-items: center;
    gap: 12px;
}
.warehouse-group-card__mark {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #252b32;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
}
.warehouse-group-card h3 {
    margin: 0 0 3px;
    color: #252b32;
    font-size: 16px;
}
.warehouse-group-card header p {
    margin: 0;
    color: #7b838e;
    font-size: 11px;
}
.warehouse-group-card__members {
    display: flex;
    align-content: flex-start;
    flex: 1;
    flex-wrap: wrap;
    gap: 6px;
    margin: 15px 0;
}
.warehouse-member-chip {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 8px;
    border: 1px solid #e1e5ea;
    border-radius: 999px;
    background: #f7f8fa;
    color: #515a65;
    font-size: 10px;
    font-weight: 750;
}
.warehouse-member-chip--organization {
    background: #272e36;
    border-color: #272e36;
    color: #fff;
}
.warehouse-member-chip--ozon { background: #eef4ff; border-color: #d9e6ff; color: #1256d7; }
.warehouse-member-chip--wildberries { background: #fff0fc; border-color: #f0d3eb; color: #9c168f; }
.warehouse-member-chip--yandex { background: #fff8dd; border-color: #eee1a6; color: #7a6413; }
.warehouse-group-card footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #edf0f3;
}
.warehouse-group-card footer button {
    border: 0;
    background: none;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
}
.warehouse-group-edit { color: #3c4652; }
.warehouse-group-delete { color: #b84c4c; }
.warehouse-groups-empty {
    display: grid;
    min-height: 310px;
    place-items: center;
    align-content: center;
    padding: 36px 20px;
    border: 1px dashed #d8dde3;
    border-radius: 18px;
    background: #fbfcfd;
    text-align: center;
}
.warehouse-groups-empty__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #272e36;
}
.warehouse-groups-empty__icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.warehouse-groups-empty h2 {
    margin: 0 0 8px;
    font-size: 20px;
}
.warehouse-groups-empty p {
    max-width: 470px;
    margin: 0 0 18px;
    color: #7b838e;
    font-size: 12px;
    line-height: 1.55;
}

.warehouse-group-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.warehouse-group-dialog[open] {
    display: grid;
    place-items: center;
}
.warehouse-group-dialog::backdrop {
    background: rgba(25, 31, 39, .46);
    backdrop-filter: blur(3px);
}
.warehouse-group-dialog__card {
    display: flex;
    width: min(820px, calc(100vw - 30px));
    max-height: min(850px, calc(100vh - 30px));
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe3e8;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(19, 27, 38, .22);
}
.warehouse-group-dialog__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px 14px;
    border-bottom: 1px solid #edf0f3;
}
.warehouse-group-dialog__head h2 {
    margin: 5px 0 5px;
    color: #252b32;
    font-size: 21px;
}
.warehouse-group-dialog__head p {
    margin: 0;
    color: #7a838e;
    font-size: 12px;
}
.warehouse-group-dialog__close {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid #e0e4e9;
    border-radius: 50%;
    background: #fff;
    color: #59626d;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}
.warehouse-group-name-field {
    display: grid;
    gap: 7px;
    padding: 15px 22px 12px;
    font-size: 12px;
    font-weight: 800;
}
.warehouse-group-name-field input {
    min-height: 43px;
    padding: 0 13px;
    border: 1px solid #d9dee4;
    border-radius: 11px;
    background: #fff;
    color: #252b32;
    font: inherit;
    font-weight: 500;
    outline: none;
}
.warehouse-group-name-field input:focus {
    border-color: #939ba6;
    box-shadow: 0 0 0 3px rgba(92, 102, 114, .1);
}
.warehouse-group-name-field.is-invalid input {
    border-color: #df5757;
    box-shadow: 0 0 0 3px rgba(223, 87, 87, .12);
}
.warehouse-selection-status {
    margin: 0 22px 10px;
    padding: 9px 11px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.4;
}
.warehouse-selection-status.is-error {
    border: 1px solid #efcaca;
    background: #fff5f5;
    color: #9d3e3e;
}
.warehouse-selection-status.is-ok {
    border: 1px solid #cfe6d8;
    background: #f3fbf6;
    color: #3b7650;
}
.warehouse-tree-list {
    flex: 1;
    margin: 0 22px;
    overflow: auto;
    border: 1px solid #e0e4e9;
    border-radius: 14px;
    background: #fff;
}
.warehouse-tree-node {
    position: relative;
}
.warehouse-tree-node + .warehouse-tree-node--organization {
    border-top: 1px solid #e5e8ec;
}
.warehouse-tree-row {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    transition: background-color .12s ease;
}
.warehouse-tree-row:hover {
    background: #f8f9fb;
}
.warehouse-tree-row--organization {
    min-height: 62px;
    background: #fbfcfd;
}
.warehouse-tree-row--marketplace {
    padding-left: 32px;
    border-top: 1px solid #f0f2f4;
}
.warehouse-tree-row--warehouse {
    min-height: 50px;
    padding-left: 66px;
    border-top: 1px solid #f2f4f6;
}
.warehouse-tree-row.has-conflict {
    background: #fff9f9;
}
.warehouse-tree-row.is-unavailable {
    opacity: .72;
}
.warehouse-tree-toggle {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    cursor: pointer;
}
.warehouse-tree-toggle span {
    width: 7px;
    height: 7px;
    border-right: 1.6px solid #69727d;
    border-bottom: 1.6px solid #69727d;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform .14s ease;
}
.warehouse-tree-node.is-collapsed > .warehouse-tree-row .warehouse-tree-toggle span {
    transform: rotate(-45deg) translate(-1px, 1px);
}
.warehouse-tree-node.is-collapsed > .warehouse-tree-children {
    display: none;
}
.warehouse-tree-choice {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.warehouse-tree-choice input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}
.warehouse-tree-checkbox {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1.5px solid #b5bcc5;
    border-radius: 5px;
    background: #fff;
}
.warehouse-tree-choice input:checked + .warehouse-tree-checkbox,
.warehouse-tree-choice input:indeterminate + .warehouse-tree-checkbox {
    border-color: #252c34;
    background: #252c34;
}
.warehouse-tree-choice input:checked + .warehouse-tree-checkbox::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(42deg);
}
.warehouse-tree-choice input:indeterminate + .warehouse-tree-checkbox::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 7px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
}
.warehouse-tree-label {
    display: grid;
    min-width: 0;
    gap: 3px;
}
.warehouse-tree-label strong {
    overflow: hidden;
    color: #293039;
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-tree-label small {
    overflow: hidden;
    color: #858d97;
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-market-badge {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9aa2ac;
}
.warehouse-market-badge--ozon { background: #005bff; }
.warehouse-market-badge--wildberries { background: #a500e8; }
.warehouse-market-badge--yandex { background: #f1c400; }
.warehouse-tree-leaf-line {
    flex: 0 0 17px;
    width: 17px;
    height: 1px;
    background: #d8dde3;
}
.warehouse-conflict-help {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d65b5b;
    color: #fff;
    cursor: help;
    font-size: 11px;
    font-weight: 900;
}
.warehouse-conflict-help > span {
    position: absolute;
    right: -2px;
    bottom: calc(100% + 8px);
    z-index: 5;
    width: 230px;
    padding: 9px 10px;
    border-radius: 9px;
    background: #272e36;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}
.warehouse-conflict-help:hover > span,
.warehouse-conflict-help:focus > span {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.warehouse-tree-no-warehouses,
.warehouse-tree-empty-source {
    padding: 14px 18px 16px 66px;
    color: #8a929c;
    font-size: 10px;
    line-height: 1.45;
}
.warehouse-tree-empty-source {
    padding: 34px 20px;
    text-align: center;
}
.warehouse-tree-empty-source strong {
    display: block;
    margin-bottom: 5px;
    color: #3c444e;
    font-size: 13px;
}
.warehouse-tree-empty-source p { margin: 0; }
.warehouse-group-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 22px 19px;
    border-top: 1px solid #edf0f3;
}
.warehouse-group-dialog__actions .button {
    min-width: 116px;
}
.warehouse-group-dialog__actions .button:disabled {
    cursor: not-allowed;
    opacity: .42;
}

@media (max-width: 900px) {
    .main-nav-menu {
        display: block;
    }
    .main-nav-submenu {
        position: static;
        display: none;
        width: auto;
        margin: 0 8px 8px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        box-shadow: none;
    }
    .main-nav-menu:focus-within .main-nav-submenu,
    .main-nav-menu:hover .main-nav-submenu,
    .main-nav-menu.active .main-nav-submenu {
        display: block;
        transform: none;
    }
    .warehouse-tree-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .warehouse-tree-heading__actions {
        width: 100%;
    }
    .warehouse-group-dialog__card {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        border-radius: 18px;
    }
}
@media (max-width: 620px) {
    .warehouse-tree-summary {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .warehouse-tree-summary article {
        min-height: 82px;
        padding: 14px;
    }
    .warehouse-tree-summary strong { font-size: 24px; }
    .warehouse-groups-panel { padding: 14px; }
    .warehouse-groups-panel__head { display: grid; }
    .warehouse-group-grid { grid-template-columns: 1fr; }
    .warehouse-group-dialog__head,
    .warehouse-group-name-field,
    .warehouse-group-dialog__actions { padding-left: 14px; padding-right: 14px; }
    .warehouse-tree-list { margin-left: 14px; margin-right: 14px; }
    .warehouse-selection-status { margin-left: 14px; margin-right: 14px; }
    .warehouse-tree-row--marketplace { padding-left: 22px; }
    .warehouse-tree-row--warehouse { padding-left: 42px; }
    .warehouse-tree-no-warehouses { padding-left: 42px; }
    .warehouse-tree-label small { white-space: normal; }
}


/* v72 · one outline chevron for every ordinary dropdown */
select:not([multiple]):not(.pc-native-multiselect):not(.period-select) {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("dropdown-chevron.svg") !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    padding-right: 44px !important;
}
select.app-fixed-select:not([multiple]) {
    background-image:
        url("dropdown-chevron.svg"),
        linear-gradient(to right, #e8ebef, #e8ebef) !important;
    background-position: right 14px center, calc(100% - 46px) 50% !important;
    background-size: 18px 18px, 1px 22px !important;
    background-repeat: no-repeat !important;
    padding-right: 50px !important;
}
.app-enhanced-multi__toggle i {
    width: 18px !important;
    height: 18px !important;
    background-image: url("dropdown-chevron.svg") !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
}


/* v73 · compact warehouse cell dialog and one SVG chevron for custom dropdowns */
.app-dropdown-chevron {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    transition: transform .16s ease;
}
.main-nav-menu > .main-nav__link {
    gap: 8px;
    justify-content: space-between;
}
.warehouse-nav-chevron { color: #65707d; }
.main-nav-menu:hover .warehouse-nav-chevron,
.main-nav-menu:focus-within .warehouse-nav-chevron { transform: rotate(180deg); }
.header-store-picker > summary::-webkit-details-marker,
.orders-filter > summary::-webkit-details-marker,
.global-region-dropdown > summary::-webkit-details-marker { display: none; }
.header-store-picker > summary::marker,
.orders-filter > summary::marker,
.global-region-dropdown > summary::marker { content: ""; }
.header-store-picker > summary { gap: 9px; }
.header-store-picker > summary .app-dropdown-chevron { margin-left: 2px; color: #697482; }
.header-store-picker[open] > summary .app-dropdown-chevron,
.orders-filter[open] > summary .app-dropdown-chevron,
.global-region-dropdown[open] > summary .app-dropdown-chevron { transform: rotate(180deg); }
.filter-card.collapsed .filter-chevron { transform: rotate(-90deg); }
.api-instruction-toggle[aria-expanded="true"] .app-dropdown-chevron { transform: rotate(180deg); }
.orders-status-pill[aria-expanded="true"] .app-dropdown-chevron { transform: rotate(180deg); }

#warehouse-location-dialog {
    width: min(620px, calc(100vw - 24px));
    max-height: min(760px, calc(100dvh - 24px));
    border-radius: 18px;
}
#warehouse-location-dialog .warehouse-location-form {
    width: 100%;
    max-height: min(760px, calc(100dvh - 24px));
    padding: 22px 24px 20px;
    border-radius: 18px;
}
#warehouse-location-dialog .orders-dialog__close {
    top: 10px;
    right: 12px;
    width: 32px;
    height: 32px;
    font-size: 30px;
}
#warehouse-location-dialog h2 {
    margin: 0 42px 18px;
    font-size: 25px;
    line-height: 1.15;
}
#warehouse-location-dialog .warehouse-location-form__grid {
    gap: 13px 16px;
}
#warehouse-location-dialog .warehouse-location-form label {
    gap: 6px;
    font-size: 12px;
}
#warehouse-location-dialog .warehouse-location-form input,
#warehouse-location-dialog .warehouse-location-form textarea {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
}
#warehouse-location-dialog .warehouse-location-form textarea {
    min-height: 82px;
    max-height: 150px;
}
#warehouse-location-dialog .orders-dialog__actions {
    margin-top: 16px;
    gap: 9px;
}
#warehouse-location-dialog .orders-dialog__actions .button {
    min-width: 118px;
    min-height: 42px;
    padding: 9px 16px;
}
@media (max-width: 620px) {
    #warehouse-location-dialog .warehouse-location-form {
        padding: 20px 16px 16px;
    }
    #warehouse-location-dialog .warehouse-location-form__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    #warehouse-location-dialog .warehouse-location-form__wide { grid-column: auto; }
    #warehouse-location-dialog .orders-dialog__actions .button { flex: 1 1 0; min-width: 0; }
}

/* =========================================================
   v78 · Seller warehouse stock workspace
   ========================================================= */
.warehouse-stocks-page { background:#f4f5f7; }
.warehouse-stocks-heading { margin-bottom:16px; }
.warehouse-stocks-heading__actions { align-items:center; }
.warehouse-stock-warning { margin-bottom:10px; }
.warehouse-stock-empty { min-height:360px; display:grid; place-items:center; align-content:center; gap:12px; text-align:center; border-radius:24px; }
.warehouse-stock-empty h2,.warehouse-stock-empty p { margin:0; }
.warehouse-stock-empty p { max-width:560px; color:#78818c; }
.warehouse-stock-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:14px; }
.warehouse-stock-metric { min-width:0; padding:18px 20px 17px; border:1px solid #20242a; border-radius:18px; background:linear-gradient(145deg,#242424,#1d1f22); color:#fff; box-shadow:0 12px 30px rgba(17,24,32,.10); }
.warehouse-stock-metric header { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:9px; }
.warehouse-stock-metric__icon { width:25px; height:25px; display:grid; place-items:center; }
.warehouse-stock-metric__icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.warehouse-stock-metric h2 { min-width:0; margin:0; font-size:13px; line-height:1.25; }
.warehouse-stock-metric > strong { display:block; margin-top:13px; font-size:28px; line-height:1; letter-spacing:-.03em; }
.warehouse-stock-unit-switch { display:flex; align-items:center; gap:3px; padding:3px; border-radius:999px; background:rgba(255,255,255,.08); }
.warehouse-stock-unit-switch button { min-width:42px; padding:5px 7px; border:0; border-radius:999px; background:transparent; color:#bfc4cb; font-size:10px; font-weight:850; cursor:pointer; }
.warehouse-stock-unit-switch button.active { background:#fff; color:#20242a; }
.warehouse-stock-help { position:relative; width:20px; height:20px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.65); border-radius:50%; color:#fff; font-size:11px; font-weight:900; cursor:help; }
.warehouse-stock-help > span { position:absolute; z-index:80; right:0; top:calc(100% + 9px); width:250px; padding:11px 13px; border-radius:12px; background:#fff; color:#252a31; box-shadow:0 16px 40px rgba(0,0,0,.22); font-size:11px; line-height:1.45; font-weight:600; opacity:0; visibility:hidden; transform:translateY(-4px); transition:.15s ease; }
.warehouse-stock-help:hover > span,.warehouse-stock-help:focus > span { opacity:1; visibility:visible; transform:translateY(0); }
.warehouse-stock-cost-note { margin:0 0 12px; padding:9px 13px; border:1px solid #f0d9a7; border-radius:12px; background:#fff8e9; color:#86631b; font-size:11px; font-weight:700; }
.warehouse-stock-app { overflow:hidden; border:1px solid #cfd5dd; border-radius:22px; background:#fff; box-shadow:0 14px 35px rgba(17,24,32,.06); }
.warehouse-stock-toolbar { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:17px 18px; border-bottom:1px solid #d9dee5; }
.warehouse-stock-title { min-width:0; }
.warehouse-stock-title > span { display:block; color:#5f6874; font-size:10px; font-weight:800; }
.warehouse-stock-title h2 { margin:3px 0 2px; font-size:24px; }
.warehouse-stock-title p { margin:0; color:#7b8490; font-size:11px; }
.warehouse-stock-toolbar__actions { display:flex; align-items:flex-end; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.warehouse-stock-group-form { display:grid; gap:4px; }
.warehouse-stock-group-form label { padding-left:4px; color:#6d7681; font-size:9px; font-weight:800; }
.warehouse-stock-group-form select { min-width:220px; height:42px; }
.warehouse-stock-action-menu { position:relative; }
.warehouse-stock-action-menu summary,.warehouse-stock-action-button { min-height:42px; padding:9px 15px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid #252a31; border-radius:14px; background:#252a31; color:#fff; font:inherit; font-size:11px; font-weight:850; list-style:none; cursor:pointer; }
.warehouse-stock-action-menu summary::-webkit-details-marker { display:none; }
.warehouse-stock-action-menu .app-dropdown-chevron,.warehouse-stock-action-button .app-dropdown-chevron { width:15px; height:15px; color:currentColor; }
.warehouse-stock-action-menu[open] .app-dropdown-chevron { transform:rotate(180deg); }
.warehouse-stock-action-menu > div { position:absolute; z-index:90; top:calc(100% + 6px); right:0; min-width:145px; padding:6px; display:grid; gap:4px; border:1px solid #d6dce3; border-radius:12px; background:#fff; box-shadow:0 16px 38px rgba(17,24,32,.16); }
.warehouse-stock-action-menu a { padding:9px 11px; border-radius:8px; color:#252a31; font-size:11px; font-weight:800; text-decoration:none; }
.warehouse-stock-action-menu a:hover { background:#f2f4f6; }
.warehouse-stock-workspace { display:grid; grid-template-columns:168px minmax(0,1fr); align-items:start; }
.warehouse-stock-filters { padding:17px 12px 18px; border-right:1px solid #d9dee5; background:#fbfbfc; }
.warehouse-stock-filters > h2 { margin:0 0 12px; font-size:22px; }
.warehouse-stock-filters form { display:grid; gap:11px; }
.warehouse-stock-toggle { padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #cfd5dd; border-radius:13px; background:#fff; font-size:10px; font-weight:800; cursor:pointer; }
.warehouse-stock-toggle input { position:absolute; opacity:0; pointer-events:none; }
.warehouse-stock-toggle i { position:relative; flex:0 0 34px; width:34px; height:19px; border-radius:999px; background:#b9c0c8; transition:.16s ease; }
.warehouse-stock-toggle i::after { content:""; position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2); transition:.16s ease; }
.warehouse-stock-toggle input:checked + i { background:#20242a; }
.warehouse-stock-toggle input:checked + i::after { transform:translateX(15px); }
.warehouse-stock-filters fieldset { margin:0; padding:10px; border:1px solid #cfd5dd; border-radius:13px; background:#fff; }
.warehouse-stock-filters legend { padding:0 4px; font-size:10px; font-weight:850; }
.warehouse-stock-filters fieldset > div { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.warehouse-stock-filters fieldset label { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px; font-size:9px; color:#6f7884; }
.warehouse-stock-filters input[type=number] { min-width:0; width:100%; height:32px; padding:5px 7px; border:1px solid #d3d8df; border-radius:9px; }
.warehouse-stock-reset { color:#333a43; font-size:10px; font-weight:800; text-align:center; }
.warehouse-stock-main { min-width:0; padding:15px 16px 0; }
.warehouse-stock-results-head { display:grid; grid-template-columns:auto minmax(260px,1fr) auto; align-items:center; gap:14px; margin-bottom:10px; }
.warehouse-stock-results-head h2 { margin:0; font-size:22px; }
.warehouse-stock-results-head > div > span { color:#707986; font-size:10px; font-weight:700; }
.warehouse-stock-search { position:relative; justify-self:end; width:min(100%,470px); }
.warehouse-stock-search svg { position:absolute; left:12px; top:50%; width:17px; height:17px; transform:translateY(-50%); fill:none; stroke:#69737f; stroke-width:1.8; stroke-linecap:round; }
.warehouse-stock-search input { width:100%; min-height:40px; padding:9px 14px 9px 38px; border:1px solid #bfc7d1; border-radius:999px; background:#fff; font-size:11px; }
.warehouse-stock-columns-button { width:40px; height:40px; display:grid; place-items:center; border:1px solid #cbd2da; border-radius:12px; background:#fff; color:#737d89; cursor:pointer; }
.warehouse-stock-columns-button:hover { background:#f3f5f7; color:#20242a; }
.warehouse-stock-columns-button svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.warehouse-stock-table-wrap { overflow:auto; max-height:620px; border-top:1px solid #d9dee5; }
.warehouse-stock-table { width:100%; min-width:920px; border-collapse:separate; border-spacing:0; }
.warehouse-stock-table th { position:sticky; z-index:4; top:0; padding:10px 12px; border-bottom:1px solid #cbd2da; background:#f7f8fa; color:#59626d; font-size:10px; text-align:left; white-space:nowrap; }
.warehouse-stock-table th+th,.warehouse-stock-table td+td { border-left:1px solid #e0e4e9; }
.warehouse-stock-table td { padding:11px 12px; border-bottom:1px solid #dfe4e9; vertical-align:middle; font-size:11px; }
.warehouse-stock-table tbody tr:hover { background:#fafbfc; }
.warehouse-stock-sort { display:inline-flex; align-items:center; gap:5px; color:inherit; text-decoration:none; }
.warehouse-stock-sort__arrows { display:grid; gap:0; color:#b1b7bf; font-size:7px; line-height:.8; }
.warehouse-stock-sort.is-asc .warehouse-stock-sort__arrows i:first-child,.warehouse-stock-sort.is-desc .warehouse-stock-sort__arrows i:last-child { color:#20242a; }
.warehouse-stock-product { min-width:260px; display:grid; grid-template-columns:52px minmax(150px,1fr); align-items:center; gap:10px; }
.warehouse-stock-product > div { width:52px; height:52px; overflow:hidden; display:grid; place-items:center; border:1px solid #d8dde3; border-radius:12px; background:#f6f7f8; color:#a2a9b1; }
.warehouse-stock-product img { width:100%; height:100%; object-fit:cover; }
.warehouse-stock-product strong { line-height:1.35; }
.warehouse-stock-edit { min-width:108px; display:flex; align-items:center; gap:5px; }
.warehouse-stock-edit input { width:72px; height:36px; padding:6px 10px; border:1px solid #cbd2da; border-radius:999px; background:#fff; font-size:12px; font-weight:800; text-align:center; }
.warehouse-stock-edit input:focus { border-color:#20242a; box-shadow:0 0 0 3px rgba(32,36,42,.09); outline:0; }
.warehouse-stock-edit button { width:34px; height:34px; padding:0; display:grid; place-items:center; border:0; border-radius:10px; background:#20242a; color:#fff; cursor:pointer; }
.warehouse-stock-edit button[hidden] { display:none!important; }
.warehouse-stock-edit button.is-loading { opacity:.6; cursor:wait; }
.warehouse-stock-edit button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.warehouse-stock-readonly { min-width:52px; padding:8px 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #d1d7de; border-radius:999px; background:#f8f9fa; font-weight:800; }
.warehouse-stock-group-key { font-weight:800; }
.warehouse-stock-group-key.is-empty { color:#a0a7af; font-weight:650; }
.warehouse-stock-linked { padding:6px 8px; display:inline-flex; align-items:center; gap:7px; border:0; background:transparent; color:#303741; cursor:pointer; font-weight:800; }
.warehouse-stock-linked:hover { color:#005bff; }
.warehouse-stock-linked svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.warehouse-stock-table-empty { min-height:180px; display:grid; place-items:center; color:#89919b; font-weight:700; }
.warehouse-stock-footer { min-height:66px; padding:12px 4px 14px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; }
.warehouse-stock-footer .rows-count-form { justify-self:end; }
.warehouse-stock-footer .page-number.active { border-color:#20242a!important; background:#20242a!important; color:#fff!important; }
.warehouse-stock-modal[aria-hidden="true"] { display:none; }
.warehouse-stock-modal[aria-hidden="false"] { display:grid; }
.warehouse-stock-modal .modal-card { width:min(560px,calc(100vw - 30px)); }
.warehouse-stock-upload-form { display:grid; gap:16px; }
.warehouse-stock-upload-form > label { display:grid; gap:7px; font-weight:800; }
.warehouse-stock-upload-form input[type=file] { min-height:50px; padding:10px; border:1px dashed #b7c0ca; border-radius:13px; background:#f8f9fa; }
.warehouse-stock-column-list { display:grid; gap:7px; }
.warehouse-stock-column-list label { padding:10px 12px; display:flex; align-items:center; gap:9px; border:1px solid #d7dce2; border-radius:11px; cursor:pointer; }
.warehouse-stock-column-list input { width:18px; height:18px; accent-color:#20242a; }
.warehouse-stock-linked-list { display:grid; gap:8px; max-height:440px; overflow:auto; }
.warehouse-stock-linked-list article { padding:11px 12px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; border:1px solid #d7dce2; border-radius:12px; }
.warehouse-stock-linked-list strong,.warehouse-stock-linked-list small { display:block; }
.warehouse-stock-linked-list small { margin-top:3px; color:#78818c; font-size:10px; }
@media (max-width:1100px) {
  .warehouse-stock-metrics { grid-template-columns:1fr; }
  .warehouse-stock-workspace { grid-template-columns:1fr; }
  .warehouse-stock-filters { border-right:0; border-bottom:1px solid #d9dee5; }
  .warehouse-stock-filters form { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; }
  .warehouse-stock-toolbar { align-items:flex-start; flex-direction:column; }
  .warehouse-stock-toolbar__actions { width:100%; justify-content:flex-start; }
}
@media (max-width:760px) {
  .warehouse-stock-metric header { grid-template-columns:auto 1fr auto; }
  .warehouse-stock-unit-switch { grid-column:1/-1; justify-self:start; }
  .warehouse-stock-toolbar__actions { display:grid; grid-template-columns:1fr 1fr; }
  .warehouse-stock-group-form { grid-column:1/-1; }
  .warehouse-stock-group-form select,.warehouse-stock-action-menu,.warehouse-stock-action-menu summary,.warehouse-stock-action-button { width:100%; }
  .warehouse-stock-filters form { grid-template-columns:1fr; }
  .warehouse-stock-results-head { grid-template-columns:1fr auto; }
  .warehouse-stock-search { grid-column:1/-1; grid-row:2; justify-self:stretch; width:100%; }
  .warehouse-stock-footer { grid-template-columns:1fr; justify-items:center; }
  .warehouse-stock-footer .rows-count-form { justify-self:center; }
}

/* =========================================================
   v79 · Seller warehouse UI, stable settings modal and table view
   ========================================================= */
.warehouse-stocks-page {
    background: #f5f6f8;
}
.warehouse-stocks-page .site-content {
    max-width: 1680px;
}
.warehouse-stocks-heading {
    padding: 22px 24px;
    border: 1px solid #e1e5ea;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(25, 33, 45, .045);
}
.warehouse-stocks-heading h1 {
    font-size: clamp(28px, 2.5vw, 40px);
}
.warehouse-stocks-heading p {
    max-width: 760px;
}

/* Warehouse submenu: underline instead of a grey hover tile. */
.main-nav-submenu > a {
    position: relative;
    border-radius: 0;
    background: transparent !important;
}
.main-nav-submenu > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;
    height: 2px;
    border-radius: 2px;
    background: #252b33;
    opacity: 0;
    transform: scaleX(.45);
    transition: opacity .15s ease, transform .15s ease;
}
.main-nav-submenu > a:hover,
.main-nav-submenu > a.active {
    background: transparent !important;
}
.main-nav-submenu > a:hover::after,
.main-nav-submenu > a.active::after {
    opacity: 1;
    transform: scaleX(1);
}
.main-nav-submenu > a:hover strong,
.main-nav-submenu > a.active strong {
    color: #111820;
}

.warehouse-stock-metrics {
    gap: 16px;
    margin-bottom: 16px;
}
.warehouse-stock-metric {
    position: relative;
    min-height: 132px;
    padding: 20px 22px 18px;
    overflow: visible;
    border: 1px solid #252a31;
    border-radius: 22px;
    background: linear-gradient(145deg, #24272b 0%, #191c20 100%);
    box-shadow: 0 14px 34px rgba(17, 24, 32, .12);
}
.warehouse-stock-metric::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    border-radius: 22px 22px 0 0;
    background: rgba(255,255,255,.16);
}
.warehouse-stock-metric header {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 11px;
}
.warehouse-stock-metric__icon {
    width: 28px;
    height: 28px;
}
.warehouse-stock-metric h2 {
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -.01em;
}
.warehouse-stock-metric > strong {
    margin-top: 17px;
    font-size: clamp(29px, 2.4vw, 38px);
    font-weight: 900;
}
.warehouse-stock-metric__scope {
    display: block;
    margin-top: 9px;
    overflow: hidden;
    color: #9da5af;
    font-size: 10px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-stock-unit-switch {
    padding: 3px;
    background: rgba(255,255,255,.09);
}
.warehouse-stock-unit-switch button {
    min-width: 44px;
    min-height: 29px;
    padding: 5px 9px;
    font-size: 10px;
}
.warehouse-stock-help {
    width: 22px;
    height: 22px;
    border-color: rgba(255,255,255,.48);
    color: #d8dde4;
}
.warehouse-stock-help > span {
    width: 270px;
    color: #303741;
}
.warehouse-stock-cost-note {
    margin-top: -4px;
    margin-bottom: 14px;
}

.warehouse-stock-app {
    border-color: #d6dce4;
    border-radius: 24px;
    box-shadow: 0 18px 46px rgba(17, 24, 32, .07);
}
.warehouse-stock-toolbar {
    min-height: 104px;
    padding: 18px 20px;
    background: linear-gradient(180deg, #fff 0%, #fcfcfd 100%);
}
.warehouse-stock-title > span {
    color: #697380;
    font-size: 10px;
    letter-spacing: .02em;
}
.warehouse-stock-title h2 {
    margin-top: 5px;
    font-size: 25px;
    letter-spacing: -.025em;
}
.warehouse-stock-title p {
    margin-top: 3px;
    font-size: 11px;
}
.warehouse-stock-toolbar__actions {
    align-items: flex-end;
    gap: 10px;
}
.warehouse-stock-group-form label {
    padding-left: 3px;
    color: #7a838e;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.warehouse-stock-group-form select {
    min-width: 230px;
    min-height: 44px;
    border-radius: 14px !important;
    font-weight: 800;
}
.warehouse-stock-action-menu summary,
.warehouse-stock-action-button {
    min-height: 44px;
    padding-inline: 17px;
    border-radius: 14px;
    box-shadow: 0 7px 16px rgba(25, 31, 39, .11);
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.warehouse-stock-action-menu summary:hover,
.warehouse-stock-action-button:hover {
    transform: translateY(-1px);
    background: #343a43;
    box-shadow: 0 10px 22px rgba(25, 31, 39, .16);
}

.warehouse-stock-workspace {
    grid-template-columns: 205px minmax(0,1fr);
}
.warehouse-stock-filters {
    padding: 20px 15px;
    background: #fafbfc;
}
.warehouse-stock-filters > h2 {
    margin-bottom: 15px;
    font-size: 20px;
}
.warehouse-stock-toggle,
.warehouse-stock-filters fieldset {
    border-color: #d7dde5;
    border-radius: 14px;
    box-shadow: 0 3px 10px rgba(17,24,32,.025);
}
.warehouse-stock-toggle:hover,
.warehouse-stock-filters fieldset:focus-within {
    border-color: #bac3ce;
}
.warehouse-stock-main {
    padding: 17px 18px 0;
}
.warehouse-stock-results-head {
    grid-template-columns: auto minmax(280px, 1fr) auto auto;
    min-height: 46px;
    gap: 10px;
}
.warehouse-stock-results-head h2 {
    font-size: 21px;
    letter-spacing: -.02em;
}
.warehouse-stock-search {
    width: min(100%, 560px);
}
.warehouse-stock-search input {
    min-height: 42px;
    border-color: #c8d0da;
    border-radius: 14px;
    box-shadow: 0 3px 12px rgba(17,24,32,.025);
}
.warehouse-stock-search input:focus {
    border-color: #7f8b99;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(75, 88, 104, .08);
}
.warehouse-stock-columns-button {
    width: 42px;
    height: 42px;
    border-color: #c9d0d9;
    border-radius: 13px;
    color: #15191e;
    box-shadow: 0 3px 10px rgba(17,24,32,.035);
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.warehouse-stock-columns-button:hover {
    border-color: #aeb8c4;
    background: #f5f7f9;
    color: #111;
    transform: translateY(-1px);
}
.warehouse-stock-columns-button svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.8;
}
.warehouse-stock-results-head .app-table-reset-button {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #d2d8e0;
    border-radius: 12px;
    background: #fff;
    color: #606a76;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}
.warehouse-stock-results-head .app-table-reset-button:hover {
    border-color: #aeb8c4;
    background: #f5f7f9;
    color: #222831;
}

.warehouse-stock-table-wrap {
    max-height: 650px;
    border: 1px solid #d7dde5;
    border-radius: 14px;
    background: #fff;
}
.warehouse-stock-table {
    min-width: 960px;
}
.warehouse-stock-table th {
    padding: 12px 14px;
    background: #f5f7f9;
    color: #525c68;
    font-size: 10px;
    font-weight: 850;
}
.warehouse-stock-table td {
    padding: 13px 14px;
    font-size: 11px;
}
.warehouse-stock-table tbody tr {
    transition: background-color .14s ease;
}
.warehouse-stock-table tbody tr:hover {
    background: #f8fafb;
}
.warehouse-stock-table[data-density="compact"] th,
.warehouse-stock-table[data-density="compact"] td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.warehouse-stock-table[data-density="compact"] .warehouse-stock-product > div {
    width: 40px;
    height: 40px;
}
.warehouse-stock-table[data-density="compact"] .warehouse-stock-product {
    grid-template-columns: 40px minmax(150px,1fr);
}
.warehouse-stock-table[data-density="spacious"] th,
.warehouse-stock-table[data-density="spacious"] td {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}
.warehouse-stock-table[data-density="spacious"] .warehouse-stock-product > div {
    width: 60px;
    height: 60px;
}
.warehouse-stock-table[data-density="spacious"] .warehouse-stock-product {
    grid-template-columns: 60px minmax(170px,1fr);
}
.warehouse-stock-product strong {
    font-size: 12px;
}
.warehouse-stock-edit input,
.warehouse-stock-readonly {
    border-color: #cfd6de;
    background: #fff;
}
.warehouse-stock-readonly {
    background: #f7f8fa;
}
.warehouse-stock-group-key {
    color: #424a54;
}
.warehouse-stock-footer {
    padding: 14px 4px 16px;
}

/* Settings modal now uses the same open/close contract as all other modals. */
.warehouse-stock-modal[aria-hidden="true"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.warehouse-stock-modal.is-open,
.warehouse-stock-modal[aria-hidden="false"] {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.warehouse-stock-columns-card {
    width: min(900px, calc(100vw - 36px)) !important;
    max-height: min(88vh, 780px);
    padding: 24px;
    contain: layout paint style !important;
}
.warehouse-stock-view-settings {
    margin-bottom: 16px;
    padding: 15px 16px;
    display: grid;
    grid-template-columns: minmax(220px,1fr) auto auto;
    align-items: center;
    gap: 14px;
    border: 1px solid #dce1e7;
    border-radius: 15px;
    background: #f8f9fb;
}
.warehouse-stock-view-settings h3,
.warehouse-stock-view-settings p {
    margin: 0;
}
.warehouse-stock-view-settings h3 {
    font-size: 13px;
}
.warehouse-stock-view-settings p {
    margin-top: 4px;
    color: #717b87;
    font-size: 10px;
    line-height: 1.4;
}
.warehouse-stock-density {
    padding: 3px;
    display: inline-flex;
    gap: 3px;
    border: 1px solid #d5dbe3;
    border-radius: 12px;
    background: #fff;
}
.warehouse-stock-density button {
    min-height: 34px;
    padding: 7px 11px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #68727e;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}
.warehouse-stock-density button.active {
    background: #252a31;
    color: #fff;
}
.warehouse-stock-settings-reset {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #e1caca;
    border-radius: 11px;
    background: #fff;
    color: #a54545;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}
.warehouse-stock-settings-reset:hover {
    background: #fff4f4;
}
.warehouse-stock-columns-card .columns-config-grid section {
    min-height: 210px;
    background: #f8f9fb;
}
.warehouse-stock-columns-card .column-list {
    min-height: 150px;
    max-height: 270px;
    overflow: auto;
}
.warehouse-stock-columns-card .column-config-item {
    margin-bottom: 7px;
}

@media (max-width: 1180px) {
    .warehouse-stock-results-head {
        grid-template-columns: auto minmax(220px,1fr) auto;
    }
    .warehouse-stock-results-head .app-table-reset-button {
        grid-column: 1 / -1;
        justify-self: end;
    }
}
@media (max-width: 980px) {
    .warehouse-stock-workspace {
        grid-template-columns: 1fr;
    }
    .warehouse-stock-filters {
        border-right: 0;
        border-bottom: 1px solid #d9dee5;
    }
    .warehouse-stock-filters form {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .warehouse-stock-view-settings {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .warehouse-stock-density {
        justify-content: stretch;
    }
    .warehouse-stock-density button {
        flex: 1;
    }
}
@media (max-width: 720px) {
    .warehouse-stocks-heading {
        padding: 18px;
    }
    .warehouse-stock-metric {
        min-height: 126px;
    }
    .warehouse-stock-results-head {
        grid-template-columns: 1fr auto;
    }
    .warehouse-stock-search {
        grid-column: 1 / -1;
        grid-row: 2;
    }
    .warehouse-stock-results-head .app-table-reset-button {
        grid-column: 1 / -1;
        justify-self: stretch;
    }
    .warehouse-stock-filters form {
        grid-template-columns: 1fr;
    }
    .warehouse-stock-columns-card {
        width: calc(100vw - 16px) !important;
        padding: 18px 14px;
    }
}

/* =========================================================
   v80 · Warehouse seller stocks parity with Products / Prices
   ========================================================= */
.warehouse-stock-main {
    padding: 18px 18px 0;
}
.warehouse-stock-results-head {
    min-height: 76px;
    margin: 0;
    padding: 14px 0 18px;
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #dfe4ea;
}
.warehouse-stock-search {
    position: relative;
    flex: 1 1 auto;
    justify-self: auto;
    width: auto;
    max-width: none;
}
.warehouse-stock-search > svg {
    position: absolute;
    z-index: 2;
    left: 16px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    fill: none;
    stroke: #6d7783;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.warehouse-stock-search input {
    width: 100%;
    min-height: 48px;
    padding: 12px 18px 12px 48px;
    border: 1px solid #cbd3dc;
    border-radius: 16px;
    background: #fff;
    color: #20262d;
    font-size: 13px;
    box-shadow: 0 2px 8px rgba(17, 24, 32, .025);
}
.warehouse-stock-search input::placeholder {
    color: #8b939d;
}
.warehouse-stock-search input:focus {
    border-color: #8d98a5;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(88, 101, 117, .08);
}
.warehouse-stock-results-meta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
}
.warehouse-stock-results-meta > span {
    color: #7a838e;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}
.warehouse-stock-results-meta > span strong {
    margin-left: 4px;
    color: #20262d;
    font-size: 14px;
    font-weight: 850;
}
.warehouse-stock-columns-button {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #cbd3dc;
    border-radius: 15px;
    background: #fff;
    color: #171c22;
    box-shadow: 0 3px 10px rgba(17, 24, 32, .035);
}
.warehouse-stock-columns-button:hover {
    border-color: #aeb8c4;
    background: #f7f8fa;
    transform: translateY(-1px);
}
.warehouse-stock-columns-button svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.warehouse-stock-table-wrap {
    max-height: 690px;
    margin-top: 16px;
    overflow: auto;
    border: 1px solid #cfd6de;
    border-radius: 18px;
    background: #fff;
    scrollbar-color: #7f858d #eef1f4;
}
.warehouse-stock-table {
    width: 100%;
    min-width: 1120px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}
.warehouse-stock-table th {
    position: sticky;
    z-index: 5;
    top: 0;
    height: 54px;
    padding: 12px 16px;
    border-bottom: 1px solid #cbd2da;
    background: #f4f6f8;
    color: #59626d;
    font-size: 11px;
    font-weight: 850;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}
.warehouse-stock-table th:first-child {
    width: 92px;
    text-align: center;
}
.warehouse-stock-table th[data-column="product"] {
    min-width: 310px;
}
.warehouse-stock-table th[data-column="available"],
.warehouse-stock-table th[data-column="reserved"],
.warehouse-stock-table th[data-column="total"] {
    min-width: 175px;
}
.warehouse-stock-table th[data-column="group"] {
    min-width: 230px;
}
.warehouse-stock-table th[data-column="linked"] {
    min-width: 145px;
}
.warehouse-stock-table th + th,
.warehouse-stock-table td + td {
    border-left: 1px solid #d5dbe2;
}
.warehouse-stock-table td {
    height: 98px;
    padding: 13px 16px;
    border-bottom: 1px solid #dce2e8;
    background: #fff;
    color: #303741;
    font-size: 12px;
    vertical-align: middle;
}
.warehouse-stock-table tbody tr:last-child td {
    border-bottom: 0;
}
.warehouse-stock-table tbody tr:hover td {
    background: #fafbfc;
}
.warehouse-stock-photo {
    width: 68px;
    height: 68px;
    margin: 0 auto;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 1px solid #d7dde4;
    border-radius: 15px;
    background: #f7f8fa;
    color: #a0a8b2;
}
.warehouse-stock-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.warehouse-stock-product {
    min-width: 255px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 6px;
}
.warehouse-stock-product strong {
    color: #171c22;
    font-size: 13px;
    font-weight: 820;
    line-height: 1.35;
}
.warehouse-stock-product small {
    overflow: hidden;
    color: #858e99;
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-stock-edit {
    min-width: 132px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.warehouse-stock-edit input,
.warehouse-stock-readonly {
    min-width: 104px;
    min-height: 50px;
    padding: 12px 16px;
    border: 1px solid #cfd6de;
    border-radius: 15px;
    background: #fff;
    color: #252b32;
    font-size: 13px;
    font-weight: 850;
    text-align: center;
    box-shadow: 0 2px 6px rgba(17, 24, 32, .02);
}
.warehouse-stock-readonly {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fb;
}
.warehouse-stock-edit input:focus {
    border-color: #697583;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(65, 77, 91, .08);
}
.warehouse-stock-edit button {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
}
.warehouse-stock-group-key {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid #d4dae1;
    border-radius: 13px;
    background: #f8f9fa;
    color: #444c56;
    font-size: 11px;
    font-weight: 800;
}
.warehouse-stock-linked {
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #d4dae1;
    border-radius: 13px;
    background: #fff;
}
.warehouse-stock-linked:hover {
    border-color: #aeb8c4;
    background: #f6f8fa;
    color: #20262d;
}
.warehouse-stock-sort {
    gap: 7px;
    font-weight: inherit;
}
.warehouse-stock-sort__arrows {
    color: #abb2ba;
    font-size: 7px;
}
.warehouse-stock-table[data-density="compact"] td {
    height: 76px;
}
.warehouse-stock-table[data-density="compact"] .warehouse-stock-photo {
    width: 48px;
    height: 48px;
    border-radius: 12px;
}
.warehouse-stock-table[data-density="compact"] .warehouse-stock-edit input,
.warehouse-stock-table[data-density="compact"] .warehouse-stock-readonly {
    min-height: 40px;
}
.warehouse-stock-table[data-density="spacious"] td {
    height: 118px;
}
.warehouse-stock-table[data-density="spacious"] .warehouse-stock-photo {
    width: 78px;
    height: 78px;
}
.warehouse-stock-footer {
    min-height: 76px;
    padding: 16px 4px 18px;
}

/* Seller-stock import: large, focused Excel upload screen. */
.warehouse-stock-upload-modal {
    padding: 24px;
    background: rgba(30, 35, 45, .42);
    backdrop-filter: blur(10px);
}
.warehouse-stock-upload-card {
    --stock-upload-accent: #626985;
    --stock-upload-accent-soft: #f1f2f8;
    position: relative;
    width: min(1180px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 48px);
    padding: 42px 72px 32px !important;
    overflow: auto;
    border: 0 !important;
    border-radius: 30px !important;
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 30px 90px rgba(12, 18, 28, .20) !important;
}
.warehouse-stock-upload-back {
    position: absolute;
    left: 32px;
    top: 30px;
    width: 56px;
    height: 56px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #eceef3;
    border-radius: 17px;
    background: #fff;
    color: #656d79;
    box-shadow: 0 8px 24px rgba(25, 31, 42, .06);
    cursor: pointer;
    transition: transform .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.warehouse-stock-upload-back:hover {
    border-color: #d9dde5;
    color: #20262d;
    box-shadow: 0 10px 28px rgba(25, 31, 42, .10);
    transform: translateX(-2px);
}
.warehouse-stock-upload-back .app-icon {
    width: 27px;
    height: 27px;
}
.warehouse-stock-upload-heading {
    max-width: 1040px;
    margin: 0 auto;
    padding: 2px 72px 30px;
    text-align: center;
}
.warehouse-stock-upload-heading .eyebrow {
    color: var(--stock-upload-accent);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
}
.warehouse-stock-upload-heading h2 {
    margin: 13px 0 10px;
    color: #111722;
    font-size: clamp(36px, 3.8vw, 56px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.02;
    text-transform: none;
}
.warehouse-stock-upload-heading > p {
    max-width: 720px;
    margin: 0 auto;
    color: #727b89;
    font-size: 16px;
    line-height: 1.55;
}
.warehouse-stock-upload-group {
    min-height: 42px;
    margin-top: 20px;
    padding: 9px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 999px;
    background: var(--stock-upload-accent-soft);
    color: var(--stock-upload-accent);
    font-size: 14px;
    font-weight: 800;
}
.warehouse-stock-upload-group .app-icon {
    width: 19px;
    height: 19px;
}
.warehouse-stock-upload-form {
    display: grid;
    gap: 18px;
}
.warehouse-stock-upload-dropzone {
    position: relative;
    min-height: 330px;
    padding: 38px 32px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px !important;
    overflow: hidden;
    border: 2px dashed #b9bfd2;
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 15%, rgba(98, 105, 133, .09), transparent 38%),
        #fbfbfe;
    color: #4d5563;
    cursor: pointer;
    text-align: center;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.warehouse-stock-upload-dropzone:hover,
.warehouse-stock-upload-dropzone.is-dragover {
    border-color: var(--stock-upload-accent);
    background:
        radial-gradient(circle at 50% 15%, rgba(98, 105, 133, .14), transparent 40%),
        #fafaff;
    box-shadow: 0 0 0 5px rgba(98, 105, 133, .08);
    transform: translateY(-1px);
}
.warehouse-stock-upload-dropzone.has-file {
    border-color: #4f8060;
    background:
        radial-gradient(circle at 50% 15%, rgba(79, 128, 96, .12), transparent 40%),
        #f9fdf9;
}
.warehouse-stock-upload-icon {
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border-radius: 30px;
    background: var(--stock-upload-accent-soft);
    color: var(--stock-upload-accent);
    box-shadow: 0 12px 32px rgba(54, 61, 86, .08);
}
.warehouse-stock-upload-icon .app-icon {
    width: 48px;
    height: 48px;
}
.warehouse-stock-upload-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.warehouse-stock-upload-copy strong {
    color: #171d28;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.2;
}
.warehouse-stock-upload-copy > span {
    margin-top: 7px;
    color: #697280;
    font-size: 16px;
}
.warehouse-stock-upload-copy small {
    margin-top: 22px;
    color: #89919e;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}
.warehouse-stock-upload-copy em {
    max-width: min(560px, 90%);
    min-height: 30px;
    margin-top: 13px;
    padding: 7px 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    color: #68717f;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-stock-upload-dropzone.has-file .warehouse-stock-upload-copy em {
    background: #edf7f0;
    color: #39704c;
}
.warehouse-stock-upload-dropzone input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.warehouse-stock-upload-hint {
    max-width: 820px;
    margin: 0 auto;
    color: #727b88;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}
.warehouse-stock-upload-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 2px;
}
.warehouse-stock-upload-actions .button {
    min-width: 190px;
    min-height: 50px;
    border-radius: 15px;
}
.warehouse-stock-upload-actions .button:disabled {
    cursor: not-allowed;
    opacity: .48;
}
.warehouse-stock-upload-security {
    margin-top: 8px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-top: 1px solid #eceef2;
    color: #737c89;
}
.warehouse-stock-upload-security > span {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--stock-upload-accent-soft);
    color: var(--stock-upload-accent);
}
.warehouse-stock-upload-security .app-icon {
    width: 20px;
    height: 20px;
}
.warehouse-stock-upload-security p {
    margin: 0;
}
.warehouse-stock-upload-security strong,
.warehouse-stock-upload-security small {
    display: block;
}
.warehouse-stock-upload-security strong {
    color: #4d5562;
    font-size: 12px;
}
.warehouse-stock-upload-security small {
    margin-top: 3px;
    color: #89919d;
    font-size: 11px;
}
.warehouse-stock-upload-dropzone.is-loading::after {
    content: "Проверяем файл…";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(251, 251, 254, .90);
    color: #303746;
    font-size: 16px;
    font-weight: 850;
}

@media (max-width: 820px) {
    .warehouse-stock-upload-modal {
        padding: 10px;
    }
    .warehouse-stock-upload-card {
        width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 20px);
        padding: 72px 18px 24px !important;
        border-radius: 24px !important;
    }
    .warehouse-stock-upload-back {
        left: 16px;
        top: 14px;
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }
    .warehouse-stock-upload-heading {
        padding: 0 0 22px;
    }
    .warehouse-stock-upload-heading h2 {
        font-size: 34px;
    }
    .warehouse-stock-upload-heading > p {
        font-size: 14px;
    }
    .warehouse-stock-upload-dropzone {
        min-height: 310px;
        padding: 30px 18px;
        border-radius: 22px;
    }
    .warehouse-stock-upload-icon {
        width: 78px;
        height: 78px;
        border-radius: 24px;
    }
    .warehouse-stock-upload-icon .app-icon {
        width: 40px;
        height: 40px;
    }
    .warehouse-stock-upload-copy strong {
        font-size: 20px;
    }
    .warehouse-stock-upload-copy > span {
        font-size: 14px;
    }
    .warehouse-stock-upload-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }
    .warehouse-stock-upload-actions .button {
        width: 100%;
    }
    .warehouse-stock-upload-security {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }
}


/* v81 · compact warehouse stock table with clear cell boundaries */
.warehouse-stock-settings-row {
    margin-bottom: 14px;
    display: flex;
    justify-content: flex-end;
}
.warehouse-stock-table-wrap {
    border-color: #bcc5cf !important;
    border-radius: 14px !important;
}
.warehouse-stock-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.warehouse-stock-table th {
    height: 44px !important;
    padding: 8px 11px !important;
    border-bottom: 1px solid #bfc8d2 !important;
    background: #f1f3f6 !important;
    font-size: 10px !important;
}
.warehouse-stock-table th + th,
.warehouse-stock-table td + td {
    border-left: 1px solid #c5cdd6 !important;
}
.warehouse-stock-table td {
    height: 68px !important;
    padding: 7px 11px !important;
    border-bottom: 1px solid #cbd2da !important;
    font-size: 11px !important;
}
.warehouse-stock-table tbody tr:nth-child(even) td {
    background: #fcfdfe;
}
.warehouse-stock-table tbody tr:hover td {
    background: #f6f8fa !important;
}
.warehouse-stock-photo {
    width: 46px !important;
    height: 46px !important;
    border-radius: 11px !important;
}
.warehouse-stock-product {
    gap: 3px !important;
}
.warehouse-stock-product strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.warehouse-stock-product small {
    font-size: 9px !important;
}
.warehouse-stock-edit {
    min-width: 116px !important;
    gap: 6px !important;
}
.warehouse-stock-edit input,
.warehouse-stock-readonly {
    min-width: 88px !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
}
.warehouse-stock-edit button {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
}
.warehouse-stock-group-key,
.warehouse-stock-linked {
    min-height: 34px !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
}

/* v82 · fixed warehouse search icon spacing and compact settings button */
.warehouse-stock-search {
    overflow: visible;
}
.warehouse-stock-search > svg.app-icon {
    left: 18px !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    z-index: 3;
    pointer-events: none;
}
.warehouse-stock-search > input[type="search"] {
    padding-left: 52px !important;
    padding-right: 18px !important;
    text-indent: 0 !important;
}
.warehouse-stock-columns-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
}
.warehouse-stock-columns-button svg.app-icon {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.65 !important;
}

/* v83 · warehouse stock Excel validation, preview and result */
.warehouse-stock-import-page .app-main { background:#f5f7f9; }
.warehouse-import-heading { margin-bottom:18px; }
.warehouse-import-file-card {
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
    margin-bottom:16px;padding:18px 20px;border:1px solid #d7dde4;border-radius:18px;background:#fff;
    box-shadow:0 10px 30px rgba(17,24,32,.05);
}
.warehouse-import-file-icon { width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#20242a;color:#fff; }
.warehouse-import-file-icon svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.warehouse-import-file-card > div:nth-child(2) { min-width:0;display:grid;gap:3px; }
.warehouse-import-file-card > div:nth-child(2) span,.warehouse-import-file-card small { color:#7b8490;font-size:11px; }
.warehouse-import-file-card > div:nth-child(2) strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px; }
.warehouse-import-file-stats { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }
.warehouse-import-file-stats span { min-width:88px;padding:9px 12px;border:1px solid #dce1e7;border-radius:12px;background:#f8f9fb;color:#727b86;font-size:11px;text-align:center; }
.warehouse-import-file-stats b { display:block;color:#1c2229;font-size:18px; }
.warehouse-import-errors { margin-bottom:16px;padding:0;overflow:hidden;border-color:#efc7c7;background:#fff; }
.warehouse-import-section-head { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #efd8d8;background:#fff8f8; }
.warehouse-import-section-head h2 { margin:4px 0 0;font-size:19px;color:#a72d2d; }
.warehouse-import-section-head p { max-width:520px;margin:0;color:#805b5b;font-size:12px;line-height:1.45;text-align:right; }
.warehouse-import-error-table-wrap { overflow:auto;max-height:310px; }
.warehouse-import-error-table { width:100%;border-collapse:separate;border-spacing:0;font-size:12px; }
.warehouse-import-error-table th { position:sticky;top:0;z-index:1;padding:11px 13px;border-bottom:1px solid #dfe3e8;background:#f5f6f8;color:#5b6470;text-align:left; }
.warehouse-import-error-table td { padding:10px 13px;border-bottom:1px solid #eceff2;vertical-align:top; }
.warehouse-import-error-table td:first-child { width:72px;font-weight:800;color:#bd3434; }
.warehouse-import-error-table td:nth-child(2) { width:190px;font-weight:750; }
.warehouse-import-error-table td:nth-child(3) { max-width:240px;color:#666f7a;word-break:break-word; }
.warehouse-import-notes { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px; }
.warehouse-import-notes span { padding:8px 11px;border:1px solid #d9dfe5;border-radius:999px;background:#fff;color:#69727d;font-size:11px; }
.warehouse-import-preview { overflow:hidden; }
.warehouse-import-preview-head small { color:#b25454;font-weight:700; }
.warehouse-import-change-list { padding:14px;gap:10px; }
.warehouse-import-change { grid-template-columns:minmax(280px,1fr) minmax(360px,.9fr) auto;gap:18px;align-items:center;padding:14px 16px;border:1px solid #dce1e6;border-radius:15px;background:#fff; }
.warehouse-import-change .change-preview-product__main { min-width:0; }
.warehouse-import-change .change-preview-product__info small { color:#8b939d;font-size:10px; }
.warehouse-import-change-line { grid-template-columns:minmax(140px,1fr) auto 24px auto auto; }
.warehouse-import-delta { min-width:52px;padding:5px 8px;border-radius:999px;background:#f0f2f4;color:#505963;font-size:11px;font-style:normal;font-weight:850;text-align:center; }
.warehouse-import-delta.is-positive { background:#e8f7ed;color:#208449; }
.warehouse-import-delta.is-negative { background:#fff0f0;color:#c24343; }
.warehouse-import-actions { justify-content:space-between; }
.warehouse-import-actions form { margin:0; }
.warehouse-import-result-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px; }
.warehouse-import-result-metrics article { padding:18px;border:1px solid #d9dfe5;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(17,24,32,.04); }
.warehouse-import-result-metrics span { display:block;color:#747d88;font-size:11px;font-weight:750; }
.warehouse-import-result-metrics strong { display:block;margin-top:7px;font-size:28px; }
.warehouse-import-result-metrics article.has-errors { border-color:#efcaca;background:#fffafa; }
.warehouse-import-result-metrics article.has-errors strong { color:#bd3434; }
.warehouse-import-result-list { overflow:hidden; }
.warehouse-import-result-row { display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 17px;border-top:1px solid #e2e6ea;background:#fff; }
.warehouse-import-result-status { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e9f6ed;color:#25854b;font-weight:900; }
.warehouse-import-result-row.is-error .warehouse-import-result-status { background:#fff0f0;color:#c33c3c; }
.warehouse-import-result-row.is-partial .warehouse-import-result-status { background:#fff5df;color:#a76b00; }
.warehouse-import-result-row.is-skipped .warehouse-import-result-status { background:#f0f2f4;color:#68717b; }
.warehouse-import-result-row > div:nth-child(2) { min-width:0;display:grid;gap:3px; }
.warehouse-import-result-row > div:nth-child(2) span,.warehouse-import-result-row small { color:#77808b;font-size:11px; }
.warehouse-import-result-row > b { color:#5d6670;font-size:11px;white-space:nowrap; }
@media (max-width:980px) {
    .warehouse-import-file-card { grid-template-columns:auto 1fr; }
    .warehouse-import-file-stats { grid-column:1/-1;justify-content:flex-start; }
    .warehouse-import-change { grid-template-columns:1fr; }
    .warehouse-import-change-line { grid-template-columns:1fr auto 20px auto auto; }
    .warehouse-import-result-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
    .warehouse-import-section-head { align-items:flex-start;flex-direction:column; }
    .warehouse-import-section-head p { text-align:left; }
    .warehouse-import-change-line { grid-template-columns:1fr auto;gap:6px; }
    .warehouse-import-change-line .change-preview-line__label { grid-column:1/-1; }
    .warehouse-import-change-line .change-preview-line__arrow { display:none; }
    .warehouse-import-delta { grid-column:1/-1;justify-self:start; }
    .warehouse-import-result-metrics { grid-template-columns:1fr; }
}
.warehouse-stock-upload-dropzone.has-error { border-color:#df6b6b!important;background:#fff7f7!important; }
.warehouse-stock-upload-dropzone.has-error small { color:#bd3f3f!important; }
.warehouse-stock-upload-dropzone.is-loading { pointer-events:none;opacity:.72; }

/* v90 · warehouse tree organization/scheme polish */
.warehouse-name-line {
    display: inline-flex !important;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    gap: 8px;
}
.warehouse-name-line > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warehouse-scheme-chip {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    min-height: 20px;
    padding: 3px 8px 3px 6px;
    border: 1px solid #dce2ea;
    border-radius: 999px;
    background: #fff;
    color: #4c5663;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
}
.warehouse-scheme-chip i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9aa2ac;
    box-shadow: 0 0 0 3px rgba(154, 162, 172, .12);
}
.warehouse-scheme-chip--ozon i { background: #005bff; box-shadow: 0 0 0 3px rgba(0,91,255,.12); }
.warehouse-scheme-chip--wildberries i { background: #a500e8; box-shadow: 0 0 0 3px rgba(165,0,232,.12); }
.warehouse-scheme-chip--yandex i { background: #f1c400; box-shadow: 0 0 0 3px rgba(241,196,0,.18); }
.warehouse-tree-row--warehouse .warehouse-tree-choice {
    align-items: center;
}
.warehouse-tree-row--warehouse .warehouse-tree-label {
    gap: 5px;
}

/* v96 · seller-stock warehouse column */
.warehouse-stock-table th[data-column="warehouse"] {
    min-width: 190px;
}
.warehouse-stock-warehouses {
    min-width: 150px;
    max-width: 260px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.warehouse-stock-warehouse-chip {
    min-height: 24px;
    max-width: 100%;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    background: #fff;
    color: #38424f;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
}
.warehouse-stock-warehouse-chip.is-empty {
    color: #8a929c;
    background: #f7f8fa;
}
.warehouse-stock-warehouses small {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f3f5f7;
    color: #68717d;
    font-size: 10px;
    font-weight: 800;
}
.warehouse-stock-warehouse-chip .warehouse-market-badge {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin: 0;
}

/* v97 — Promotion navigation dropdown and marketplace switcher */
.main-nav-menu:hover .promotion-nav-chevron,
.main-nav-menu:focus-within .promotion-nav-chevron { transform: rotate(180deg); }

.promotion-page-shell {
    display: grid;
    gap: 18px;
}
.promotion-heading {
    margin-bottom: 0;
}
.promotion-accent-text { color: #005bff; }
.promotion-page--wb .promotion-accent-text { color: #9600c5; }
.promotion-page--yandex .promotion-accent-text { color: #735f00; }

.promotion-section-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: -2px 0 2px;
}
.promotion-section-tab {
    position: relative;
    display: grid;
    gap: 4px;
    min-height: 76px;
    padding: 16px 18px 14px;
    border: 1px solid #d9dee6;
    border-radius: 18px;
    background: #fff;
    color: #5e6671;
    text-decoration: none;
    overflow: hidden;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease, background-color .16s ease;
}
.promotion-section-tab::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #005bff;
    opacity: 0;
    transform: scaleX(.5);
    transition: opacity .16s ease, transform .16s ease;
}
.promotion-page--wb .promotion-section-tab::before { background: #a500e8; }
.promotion-page--yandex .promotion-section-tab::before { background: #f4cf19; }
.promotion-section-tab:hover {
    transform: translateY(-1px);
    border-color: #c9d2df;
    color: #252b33;
    box-shadow: 0 10px 25px rgba(32, 41, 54, .08);
}
.promotion-section-tab.active {
    border-color: #9fc2ff;
    background: #f2f7ff;
    color: #005bff;
    box-shadow: 0 10px 25px rgba(0, 91, 255, .08);
}
.promotion-page--wb .promotion-section-tab.active {
    border-color: #ddb0f2;
    background: #fbf3ff;
    color: #9600c5;
    box-shadow: 0 10px 25px rgba(165, 0, 232, .08);
}
.promotion-page--yandex .promotion-section-tab.active {
    border-color: #e3cf65;
    background: #fffbe6;
    color: #735f00;
    box-shadow: 0 10px 25px rgba(173, 145, 0, .08);
}
.promotion-section-tab.active::before,
.promotion-section-tab:hover::before {
    opacity: 1;
    transform: scaleX(1);
}
.promotion-section-tab strong {
    font-size: 16px;
    line-height: 1.2;
}
.promotion-section-tab small {
    color: #7b8490;
    font-size: 12px;
    line-height: 1.35;
}

.promotion-placeholder-panel {
    display: grid;
    gap: 20px;
    padding: 22px;
    border-radius: 24px;
}
.promotion-placeholder-panel__main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}
.promotion-placeholder-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #edf4ff;
    color: #005bff;
    font-size: 26px;
    font-weight: 900;
}
.promotion-placeholder-panel--wb .promotion-placeholder-icon { background: #fbf0ff; color: #a500e8; }
.promotion-placeholder-panel--yandex .promotion-placeholder-icon { background: #fff8d4; color: #735f00; }
.promotion-placeholder-panel h2 {
    margin: 5px 0 6px;
    font-size: 27px;
    line-height: 1.15;
}
.promotion-placeholder-panel p {
    margin: 0;
    max-width: 760px;
    color: #747b86;
    line-height: 1.55;
}
.promotion-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.promotion-placeholder-grid article {
    display: grid;
    gap: 7px;
    min-height: 118px;
    padding: 16px;
    border: 1px solid #e2e7ee;
    border-radius: 18px;
    background: #fbfcfd;
}
.promotion-placeholder-grid small {
    color: #7b8490;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 11px;
}
.promotion-placeholder-grid strong {
    font-size: 28px;
    line-height: 1;
    color: #252b33;
}
.promotion-placeholder-grid span {
    color: #7b8490;
    font-size: 13px;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .promotion-section-tabs,
    .promotion-placeholder-grid {
        grid-template-columns: 1fr;
    }
    .promotion-placeholder-panel__main {
        grid-template-columns: 1fr;
    }
}

/* Promotion module v98 */
.promotion-page-shell { width: 100%; }
.promotion-market-tabs { margin-bottom: 28px; }
.promotion-heading { margin-bottom: 20px; }
.promotion-section-tabs { display:flex; gap:14px; margin:0 0 22px; overflow:auto; padding-bottom:4px; }
.promotion-section-tab { position:relative; min-width:190px; padding:16px 18px; border:1px solid #dce5f2; border-radius:20px; background:#fff; color:#64748b; text-decoration:none; box-shadow:0 10px 28px rgba(15,23,42,.05); }
.promotion-section-tab::before { content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:3px; border-radius:3px; background:#005bff; opacity:0; transition:.18s ease; }
.promotion-section-tab strong { display:block; color:#101828; font-size:17px; margin-bottom:4px; }
.promotion-section-tab small { color:#7b8798; }
.promotion-section-tab.active { border-color:#8ebaff; background:#f8fbff; }
.promotion-section-tab.active::before, .promotion-section-tab:hover::before { opacity:1; }
.promotion-page--wb .promotion-section-tab::before { background:#a500e8; }
.promotion-page--yandex .promotion-section-tab::before { background:#f6cf00; }
.promotion-page--wb .promotion-accent-text { color:#a500e8; }
.promotion-page--yandex .promotion-accent-text { color:#8a7600; }
.promotion-api-alert { display:flex; flex-direction:column; gap:4px; margin:0 0 18px; padding:16px 18px; border:1px solid #ffd6d6; border-radius:18px; background:#fff7f7; color:#9f1239; }
.promotion-warning-list { margin:0 0 18px; display:grid; gap:8px; }
.promotion-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 22px; }
.promotion-search { min-width:300px; flex:1 1 360px; display:flex; align-items:center; gap:10px; min-height:50px; padding:0 16px; border:1px solid #d7e2ef; border-radius:14px; background:#fff; color:#93a2b7; }
.promotion-search input { border:0; outline:0; width:100%; height:42px; font:inherit; background:transparent; color:#111827; }
.promotion-status-tabs { display:flex; border:1px solid #d7e2ef; border-radius:14px; overflow:hidden; background:#fff; }
.promotion-status-tab { min-height:50px; display:flex; align-items:center; gap:8px; padding:0 20px; color:#667085; text-decoration:none; border-right:1px solid #edf2f7; }
.promotion-status-tab:last-child { border-right:0; }
.promotion-status-tab b { display:inline-flex; min-width:24px; height:24px; align-items:center; justify-content:center; border-radius:9px; background:#f2f5f9; color:#111827; }
.promotion-status-tab.active { color:#111827; box-shadow:inset 0 0 0 2px #005bff; background:#fff; }
.promotion-yandex-view-switch { display:flex; gap:8px; margin-left:auto; }
.promotion-yandex-view-switch span { padding:12px 24px; border-radius:14px; background:#f1f1f1; color:#6b7280; }
.promotion-yandex-view-switch span.active { color:#111827; background:#fff; box-shadow:0 0 0 1px #e5e7eb inset; }
.promotion-per-page { display:flex; align-items:center; gap:8px; padding:0 12px; min-height:50px; border:1px solid #d7e2ef; border-radius:14px; background:#fff; color:#667085; }
.promotion-per-page select, .promotion-toolbar select { border:0; outline:0; background:transparent; font:inherit; color:#111827; }
.promotion-list { display:grid; gap:18px; }
.promotion-list h2 { font-size:24px; margin:6px 0 0; }
.promotion-list-subtitle { margin:0 0 6px; color:#53627a; font-size:18px; }
.promotion-card { position:relative; display:flex; justify-content:space-between; gap:22px; padding:28px 32px; border-radius:28px; background:#f5f8fc; overflow:hidden; transition:.18s ease; }
.promotion-card:hover { transform:translateY(-2px); box-shadow:0 18px 34px rgba(15,23,42,.08); }
.promotion-card__link { position:absolute; inset:0; z-index:1; }
.promotion-card__main, .promotion-card__badges, .promotion-card__action { position:relative; z-index:2; pointer-events:none; }
.promotion-card__action button, .promotion-card__badges button { pointer-events:auto; }
.promotion-card__period { color:#627287; font-size:17px; margin-bottom:18px; }
.promotion-card h3 { margin:0 0 16px; font-size:23px; line-height:1.2; }
.promotion-card p { color:#4b5563; margin:0 0 10px; }
.promotion-card__meta { display:flex; gap:24px; flex-wrap:wrap; color:#111827; font-size:17px; }
.promotion-card__meta b { font-size:21px; }
.promotion-card__badges { display:flex; align-items:center; gap:10px; min-width:250px; justify-content:flex-end; }
.promotion-auto-badge { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:11px; background:#ffbd00; color:#111; font-weight:800; }
.promotion-green-badge { display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:11px; background:#16c85b; color:#fff; font-weight:800; }
.promotion-card--yandex { background:#f5f1f9; }
.promotion-card--bestseller { background:#dfbee9; }
.promotion-card--yandex .button-yandex, .promotion-detail-heading--yandex .button-yandex { background:#ffdb00; color:#111; border-color:#ffdb00; }
.promotion-pagination { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:22px 0 0; padding:14px 18px; border-radius:18px; background:#fff; border:1px solid #e2e8f0; color:#667085; }
.promotion-pagination > div { display:flex; align-items:center; gap:12px; }
.promotion-placeholder-panel { padding:28px; border-radius:26px; background:#fff; border:1px solid #e5edf7; box-shadow:0 14px 35px rgba(15,23,42,.06); }
.promotion-placeholder-panel__main { display:flex; gap:18px; align-items:center; margin-bottom:20px; }
.promotion-placeholder-icon { width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; border-radius:18px; background:#eef5ff; color:#005bff; font-size:28px; }
.promotion-simple-table-wrap { overflow:auto; }
.promotion-simple-table { width:100%; border-collapse:separate; border-spacing:0; }
.promotion-simple-table th, .promotion-simple-table td { padding:14px 16px; border-bottom:1px solid #e5eaf2; text-align:left; }
.promotion-simple-table td small { display:block; color:#7a8799; margin-top:3px; }
.promotion-api-modal[hidden], .promotion-confirm-modal[hidden] { display:none; }
.promotion-api-modal, .promotion-confirm-modal { position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:24px; }
.promotion-api-modal__backdrop, .promotion-confirm-modal__backdrop { position:absolute; inset:0; background:rgba(15,23,42,.45); backdrop-filter:blur(3px); }
.promotion-api-modal__card, .promotion-confirm-modal__card { position:relative; z-index:1; width:min(440px,100%); padding:28px; border-radius:24px; background:#fff; box-shadow:0 30px 80px rgba(15,23,42,.25); }
.promotion-api-modal__close { position:absolute; top:12px; right:14px; width:34px; height:34px; border:0; border-radius:12px; background:#f3f6fa; font-size:22px; cursor:pointer; }
.promotion-confirm-modal__card div { display:flex; gap:10px; margin-top:18px; }
.promotion-breadcrumbs { display:flex; gap:10px; align-items:center; color:#667085; margin:0 0 18px; }
.promotion-breadcrumbs a { color:#667085; text-decoration:none; }
.promotion-detail-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin:0 0 22px; }
.promotion-detail-heading h1 { margin:0 0 8px; font-size:34px; line-height:1.15; }
.promotion-detail-heading p { margin:0; color:#667085; font-size:18px; }
.promotion-detail-tabs { display:flex; gap:28px; border-bottom:1px solid #e2e8f0; margin:0 0 22px; }
.promotion-detail-tabs span { position:relative; padding:0 0 12px; color:#667085; }
.promotion-detail-tabs span.active { color:#111827; }
.promotion-detail-tabs span.active::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:#005bff; border-radius:3px; }
.promotion-toolbar--detail { margin-bottom:18px; }
.promotion-table-extra-toggle { margin-left:auto; }
.promotion-table-wrap { overflow:auto; border-radius:20px; border:1px solid #dce5f2; background:#fff; }
.promotion-products-table { width:100%; min-width:1350px; border-collapse:separate; border-spacing:0; font-size:14px; }
.promotion-products-table th { padding:12px 12px; background:#f6f9fd; color:#637083; text-align:left; font-weight:700; border-bottom:1px solid #dce5f2; white-space:nowrap; }
.promotion-products-table th small { color:#7b8798; font-weight:500; }
.promotion-products-table td { padding:14px 12px; border-bottom:1px solid #e5edf5; vertical-align:middle; white-space:nowrap; }
.promotion-products-table td small { display:block; color:#718096; margin-top:3px; white-space:normal; }
.promotion-products-table tr:last-child td { border-bottom:0; }
.promotion-product-photo { width:58px; height:58px; object-fit:cover; border-radius:12px; background:#f4f7fb; display:inline-flex; align-items:center; justify-content:center; color:#94a3b8; }
.promotion-boost-line { display:inline-block; position:relative; width:80px; height:4px; border-radius:4px; background:#e5e7eb; overflow:hidden; vertical-align:middle; }
.promotion-boost-line__fill { display:block; height:100%; border-radius:4px; background:#108a3d; }
.promotion-delete-icon { border:0; background:transparent; color:#005bff; cursor:pointer; font-size:17px; }
.check-cell { width:38px; text-align:center !important; }
.promotion-table-wrap[data-extra-columns-hidden="1"] .extra-promo-col { display:none; }
.promotion-yandex-product-panel { padding:24px 26px; border-radius:24px; background:#fff; border:1px solid #e6e6e6; }
.promotion-yandex-product-panel__head { display:flex; align-items:center; gap:18px; margin-bottom:16px; }
.promotion-yandex-product-panel__head h2 { margin:0; font-size:22px; }
.promotion-yandex-transfer { display:flex; align-items:center; gap:8px; color:#555; }
.promotion-found-row { display:flex; align-items:center; gap:24px; color:#333; font-weight:700; }
.promotion-found-row button { border:0; background:transparent; color:#005bff; font:inherit; cursor:not-allowed; }
.promotion-products-table--yandex { min-width:1180px; }
.promotion-products-table--yandex th { background:#fff; border-bottom:1px solid #ddd; color:#777; }
.promotion-yandex-product-cell { display:flex; align-items:center; gap:12px; min-width:330px; white-space:normal !important; }
.promotion-yandex-product-cell img { width:54px; height:54px; border-radius:6px; object-fit:cover; }
.promotion-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#a8b1bf; margin-right:8px; }
.promotion-price-input { width:130px; height:42px; border:0; border-radius:12px; background:#f0ece8; padding:0 14px; text-align:right; font:inherit; }
.promotion-kebab-cell { position:relative; }
.promotion-kebab { width:38px; height:38px; border:0; border-radius:14px; background:#f3f1ef; font-size:22px; cursor:pointer; }
.promotion-context-menu { position:absolute; right:10px; top:50px; z-index:20; min-width:240px; padding:8px; border-radius:14px; background:#fff; box-shadow:0 18px 50px rgba(15,23,42,.22); border:1px solid #e5e7eb; }
.promotion-context-menu a, .promotion-context-menu button { display:block; width:100%; padding:12px 14px; border:0; background:transparent; color:#333; text-align:left; text-decoration:none; border-radius:10px; font:inherit; }
.promotion-context-menu a:hover { background:#f6f7f9; }
.promotion-context-menu button:disabled { color:#a0a0a0; cursor:not-allowed; }
@media (max-width: 900px) {
  .promotion-card, .promotion-detail-heading, .promotion-pagination { flex-direction:column; align-items:stretch; }
  .promotion-status-tabs { width:100%; overflow:auto; }
  .promotion-status-tab { min-width:max-content; }
  .promotion-card__badges { justify-content:flex-start; min-width:0; }
}

/* Promotion v99 interaction states */
.promotion-products-table input[data-confirm-participation]:checked {
  accent-color: #16a34a;
}
.promotion-toast-stack {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 2600;
  display: grid;
  gap: 10px;
  max-width: min(420px, calc(100vw - 44px));
}
.promotion-toast {
  padding: 14px 16px;
  border-radius: 16px;
  background: #101828;
  color: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .24);
  font-weight: 700;
}
.promotion-toast--error {
  background: #b42318;
}
.promotion-toast--warning {
  background: #b54708;
}
.promotion-context-menu button[data-remove-promo-product] {
  color: #b42318;
  cursor: pointer;
}
.promotion-context-menu button[data-remove-promo-product]:hover {
  background: #fff1f1;
}
.pricing-table tr.promotion-highlighted-row,
.pricing-table tr.promotion-highlighted-row td {
  background: #fff8d6 !important;
}
.pricing-table tr.promotion-highlighted-row {
  box-shadow: inset 4px 0 0 #ffdb00;
}


/* v101 — Promotion visual parity with Products/Prices */
.promotion-page-shell {
  gap: 18px !important;
}
.promotion-page .promotion-market-tabs {
  margin: 2px auto 20px !important;
}
.promotion-page .promotion-heading {
  margin-bottom: 0 !important;
}
.promotion-page .promotion-section-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  padding: 4px !important;
  overflow: auto !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: 14px !important;
  background: #f5f6f8 !important;
  box-shadow: none !important;
}
.promotion-page .promotion-section-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  transform: none !important;
}
.promotion-page .promotion-section-tab::before {
  display: none !important;
}
.promotion-page .promotion-section-tab strong {
  margin: 0 !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}
.promotion-page .promotion-section-tab small {
  display: none !important;
}
.promotion-page .promotion-section-tab.active {
  background: #fff !important;
  color: var(--blue, #005bff) !important;
  border: 1px solid #b7d1ff !important;
  box-shadow: 0 1px 7px rgba(15, 23, 42, .06) !important;
}
.promotion-page--wb .promotion-section-tab.active {
  color: var(--wb, #a500e8) !important;
  border-color: #e1b8f5 !important;
}
.promotion-page--yandex .promotion-section-tab.active {
  color: #8a7600 !important;
  border-color: #f1dd78 !important;
}
.promotion-page .promotion-toolbar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  margin: 0 0 14px !important;
  padding: 13px 16px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  background: var(--ui-card-bg, #fff) !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-toolbar--detail {
  margin-bottom: 12px !important;
}
.promotion-page .promotion-search {
  flex: 1 1 360px !important;
  min-width: 260px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.promotion-page .promotion-search input {
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 4px !important;
  font-size: 13px !important;
}
.promotion-page .promotion-status-tabs {
  flex: 0 1 auto !important;
  min-height: 40px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: 12px !important;
  background: #f5f6f8 !important;
  padding: 3px !important;
  gap: 3px !important;
  overflow: auto !important;
}
.promotion-page .promotion-status-tab {
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #667085 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
.promotion-page .promotion-status-tab.active {
  background: #fff !important;
  color: #101828 !important;
  box-shadow: 0 1px 6px rgba(15, 23, 42, .06) !important;
}
.promotion-page .promotion-status-tab b {
  min-width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: #eef2f7 !important;
  font-size: 12px !important;
}
.promotion-page .promotion-per-page {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-size: 13px !important;
}
.promotion-page .promotion-yandex-view-switch {
  margin-left: 0 !important;
  min-height: 40px !important;
  padding: 3px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: 12px !important;
  background: #f5f6f8 !important;
}
.promotion-page .promotion-yandex-view-switch span {
  min-height: 34px !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  background: transparent !important;
  font-weight: 750 !important;
}
.promotion-page .promotion-yandex-view-switch span.active {
  background: #fff !important;
  box-shadow: 0 1px 6px rgba(15, 23, 42, .06) !important;
}
.promotion-page .promotion-card {
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  background: var(--ui-card-bg, #fff) !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-card:hover {
  transform: none !important;
  background: var(--ui-hover, #f8fafc) !important;
}
.promotion-page .promotion-card--bestseller {
  background: #fffdf0 !important;
  border-color: #f1dd78 !important;
}
.promotion-page .promotion-list h2 {
  font-size: 20px !important;
  margin: 0 !important;
}
.promotion-page .promotion-list-subtitle {
  margin: -8px 0 0 !important;
  font-size: 14px !important;
  color: var(--ui-muted, #667085) !important;
}
.promotion-page .promotion-table-wrap,
.promotion-page .promotion-simple-table-wrap {
  max-height: 680px !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-products-table,
.promotion-page .promotion-simple-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.promotion-page .promotion-products-table th,
.promotion-page .promotion-simple-table th {
  background: #f6f7f9 !important;
  color: #555c65 !important;
  border-bottom: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .025em !important;
}
.promotion-page .promotion-products-table td,
.promotion-page .promotion-simple-table td {
  border-bottom: 1px solid var(--ui-border, #e8edf3) !important;
  background: transparent !important;
  font-size: 12px !important;
}
.promotion-page .promotion-products-table tbody tr:hover td,
.promotion-page .promotion-simple-table tbody tr:hover td {
  background: var(--ui-hover, #f8fafc) !important;
}
.promotion-page .promotion-table-wrap[data-extra-columns-hidden="1"] .extra-promo-col {
  display: none !important;
}
.promotion-page .promotion-detail-heading,
.promotion-page .promotion-yandex-product-panel,
.promotion-page .promotion-placeholder-panel {
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  background: var(--ui-card-bg, #fff) !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-detail-heading {
  padding: 22px 24px !important;
}
.promotion-page .promotion-detail-heading h1 {
  font-size: 30px !important;
}
.promotion-page .promotion-detail-tabs {
  min-height: 48px !important;
  margin: 0 0 14px !important;
  padding: 0 16px !important;
  align-items: end !important;
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  background: #fff !important;
}
.promotion-page .promotion-pagination {
  border: 1px solid var(--ui-border-strong, #d8dfe8) !important;
  border-radius: var(--ui-radius, 18px) !important;
  background: var(--ui-card-bg, #fff) !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-placeholder-icon {
  display: none !important;
}
.promotion-page .promotion-placeholder-panel__main {
  margin-bottom: 14px !important;
}
.promotion-page .promotion-api-alert,
.promotion-page .promotion-warning-list .alert {
  border-radius: var(--ui-radius, 18px) !important;
}
@media (max-width: 900px) {
  .promotion-page .promotion-section-tabs { width: 100% !important; justify-content: flex-start !important; }
  .promotion-page .promotion-toolbar { align-items: stretch !important; flex-direction: column !important; }
  .promotion-page .promotion-search,
  .promotion-page .promotion-per-page,
  .promotion-page .promotion-status-tabs { width: 100% !important; }
}

/* v102 — promotion table parity and action list cleanup */
.promotion-page .promotion-yandex-product-panel {
  padding: 18px 18px 12px !important;
}
.promotion-page .promotion-detail-heading--yandex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.promotion-page .promotion-detail-heading--yandex h1,
.promotion-page .promotion-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.promotion-title-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff7d7;
  color: #8a7600;
  font-size: 16px;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(244, 207, 25, .45);
}
.promotion-title-icon--header {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  font-size: 18px;
}
.promotion-page .promotion-card--yandex {
  background: #fff !important;
  border-color: #e5e7eb !important;
}
.promotion-page .promotion-card--bestseller {
  background: #fffef6 !important;
  border-color: #efd765 !important;
}
.promotion-page .promotion-card__action {
  display: flex;
  align-items: flex-start;
}
.promotion-page .promotion-card__action .button-yandex {
  min-height: 48px;
  border-radius: 16px;
  font-weight: 800;
}
.promotion-page .promotion-table-wrap {
  border-radius: 24px !important;
  overflow: auto !important;
  max-height: none !important;
}
.promotion-page .promotion-products-table {
  min-width: 1320px;
}
.promotion-page .promotion-products-table--yandex {
  min-width: 1220px;
}
.promotion-page .promotion-products-table th {
  padding: 16px 18px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: #4b5563 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.promotion-page .promotion-products-table td {
  padding: 14px 18px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  vertical-align: middle !important;
}
.promotion-page .promotion-products-table td small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #8a94a6;
  line-height: 1.35;
}
.promotion-page .promotion-products-table .check-cell {
  width: 54px;
  min-width: 54px;
  text-align: center;
}
.promotion-page .promotion-product-photo {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: #f5f6f8;
  color: #bcc6d3;
  font-size: 22px;
  border: 1px solid #e6e9ef;
}
.promotion-page .promotion-product-photo--empty {
  display: inline-flex;
}
.promotion-page .promotion-article-cell,
.promotion-page .promotion-name-cell {
  white-space: normal !important;
}
.promotion-page .promotion-article-cell strong,
.promotion-page .promotion-name-cell strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: #111827;
  line-height: 1.35;
}
.promotion-page .promotion-article-cell {
  min-width: 150px;
}
.promotion-page .promotion-name-cell {
  min-width: 300px;
}
.promotion-page .promotion-yandex-product-cell {
  min-width: 340px;
  gap: 14px;
  align-items: center;
}
.promotion-page .promotion-yandex-product-cell img,
.promotion-page .promotion-yandex-product-cell .promotion-product-photo {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  flex: 0 0 60px;
}
.promotion-page .promotion-cell--compact,
.promotion-page .promotion-cell--actions {
  white-space: nowrap !important;
}
.promotion-page .promotion-cell--price {
  min-width: 116px;
  white-space: nowrap !important;
}
.promotion-page .promotion-cell--input {
  min-width: 148px;
}
.promotion-page .promotion-price-input {
  width: 100%;
  min-width: 110px;
  height: 42px;
  border: 1px solid #e1e6ef;
  border-radius: 14px;
  background: #fff;
  padding: 0 12px;
  text-align: right;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02);
}
.promotion-page .promotion-dot {
  width: 7px;
  height: 7px;
  margin-right: 8px;
  background: #94a3b8;
  vertical-align: middle;
}
.promotion-page .promotion-boost-line {
  width: 118px;
  height: 6px;
  border-radius: 999px;
  margin-right: 10px;
  background: #1f8b45;
}
.promotion-page .promotion-kebab {
  border: 1px solid #e3e7ee;
  background: #fff;
}
.promotion-page .promotion-delete-icon {
  font-size: 18px;
}
.promotion-page .promotion-found-row {
  margin: 0 0 14px;
  color: #4b5563;
  font-weight: 700;
}
.promotion-products-footer {
  padding: 16px 6px 4px !important;
}
.promotion-products-footer .rows-count-form {
  margin-left: auto;
}
.promotion-products-footer .rows-count-form select {
  min-height: 42px;
  border: 1px solid #d8dfe8;
  background: #fff;
}
@media (max-width: 900px) {
  .promotion-products-footer {
    align-items: stretch !important;
  }
  .promotion-products-footer .rows-count-form {
    margin-left: 0;
  }
}


/* v103 — promotion tables parity with products/prices */
.promotion-page .products-pricing-topline { border-radius: 24px 24px 0 0; }
.promotion-page .products-pricing-search { width: 100%; max-width: none; border-radius: 22px !important; }
.promotion-page .products-pricing-search input { font-size: 14px; }
.promotion-page .products-pricing-search svg { stroke-width: 1.9; }
.promotion-page .promotion-filters-inline { display:flex; align-items:center; gap:12px; flex-wrap:wrap; width:100%; }
.promotion-page .promotion-filters-inline .promotion-filter-select,
.promotion-page .promotion-filters-inline .rows-count-form select,
.promotion-page .promotion-inline-select {
  min-height: 42px; padding: 0 14px; border:1px solid var(--line-dark); border-radius:14px; background:#fff; color:var(--ink); min-width: 170px;
}
.promotion-page .promotion-toolbar-button { min-height: 42px; }
.promotion-page .promotion-table-card { border:1px solid var(--ui-border); border-radius: 24px; background:#fff; overflow:hidden; }
.promotion-page .promotion-table-card .table-toolbar { min-height:64px; padding: 14px 18px; }
.promotion-page .promotion-table-card .table-toolbar__actions { margin-left:auto; }
.promotion-page .promotion-table-count { color:#6b7280; font-size:13px; }
.promotion-page .promotion-table-count strong { color:#111827; font-size:18px; }
.promotion-page .promotion-table-wrap,
.promotion-page .pricing-table-wrap.promotion-table-wrap { margin:0; border:0; border-radius:0; background:#fff; }
.promotion-page .promotion-products-table,
.promotion-page .promotion-simple-table { width:100%; border-collapse: separate; border-spacing:0; }
.promotion-page .promotion-products-table th,
.promotion-page .promotion-products-table td,
.promotion-page .promotion-simple-table th,
.promotion-page .promotion-simple-table td { border-right:1px solid #e5e7eb !important; }
.promotion-page .promotion-products-table th:last-child,
.promotion-page .promotion-products-table td:last-child,
.promotion-page .promotion-simple-table th:last-child,
.promotion-page .promotion-simple-table td:last-child { border-right:0 !important; }
.promotion-page .promotion-simple-table td:first-child strong { display:block; margin-bottom:4px; }
.promotion-page .promotion-simple-table td small { display:block; margin-top:4px; color:#8a94a6; }
.promotion-page .promotion-products-footer { padding: 16px 18px 18px !important; gap:16px; }
.promotion-page .page-number.active.page-number--ozon { border-color:#005bff !important; background:#005bff !important; color:#fff !important; }
.promotion-page .page-number.active.page-number--yandex { background:#f4df20 !important; color:#292500 !important; border-color:#e0c900 !important; }
.promotion-page .promotion-reset-wrap { margin-left:auto; }
.promotion-page .promotion-detail-tabs { margin-bottom: 14px; }
.promotion-page .promotion-yandex-product-panel__head { gap: 14px; }
.promotion-page .promotion-yandex-transfer { margin-left:auto; }
.promotion-page .promotion-table-extra-toggle { margin-left:auto; }
.promotion-page .promotion-inline-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.promotion-page .promotion-action-filters { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.promotion-page .promotion-simple-table { min-width: 900px; }
.promotion-page .promotion-simple-table td, .promotion-page .promotion-simple-table th { padding: 14px 16px; }
.promotion-page .promotion-simple-table th { color:#4b5563; font-size:12px; }
.promotion-page .promotion-yandex-product-panel .products-pricing-topline { margin-bottom: 0; }
.promotion-page .promotion-found-row { padding: 14px 18px 0; }
.promotion-page .promotion-table-toolbar-group { display:flex; align-items:center; gap:14px; }
@media (max-width: 900px) {
  .promotion-page .promotion-filters-inline { align-items:stretch; }
  .promotion-page .promotion-filters-inline .promotion-filter-select,
  .promotion-page .promotion-inline-select,
  .promotion-page .products-pricing-search { width:100%; min-width:0; }
  .promotion-page .promotion-inline-actions,
  .promotion-page .promotion-yandex-transfer,
  .promotion-page .promotion-table-extra-toggle { margin-left:0; }
}


/* v104 — exact Products/Prices table layout for Promotion */
.promotion-page .promotion-filter-form {
  margin: 0;
}
.promotion-page .promotion-filter-form--actions {
  margin-bottom: 18px;
  border: 1px solid var(--ui-border, #e8edf3);
  border-radius: 24px;
  overflow: hidden;
  background: var(--ui-card-bg, #fff);
}
.promotion-page .promotion-table-card {
  border: 1px solid var(--ui-border, #e8edf3) !important;
  border-radius: 24px !important;
  background: var(--ui-card-bg, #fff) !important;
  overflow: hidden !important;
  box-shadow: 0 5px 18px rgba(23, 31, 42, .035) !important;
}
.promotion-page .promotion-products-topline,
.promotion-page .promotion-table-card > .promotion-filter-form > .promotion-products-topline {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #e8edf3) !important;
  border-radius: 0 !important;
  background: var(--ui-card-bg, #fff) !important;
  box-shadow: none !important;
}
.promotion-page .promotion-products-topline .products-pricing-search {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 44px !important;
  margin: 0 !important;
  border: 1px solid var(--line-dark, #cfd8e3) !important;
  border-radius: 18px !important;
  background: #fff !important;
}
.promotion-page .promotion-products-topline .products-pricing-search input {
  min-height: 40px !important;
  height: 40px !important;
  font-size: 14px !important;
}
.promotion-page .promotion-products-topline .table-toolbar {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.promotion-page .promotion-products-topline .table-count {
  color: var(--muted, #7b8798) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.promotion-page .promotion-products-topline .table-count strong {
  color: var(--ink, #171f2a) !important;
  font-size: 13px !important;
}
.promotion-page .promotion-filter-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  min-height: 58px !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid var(--ui-border, #e8edf3) !important;
  background: #fff !important;
}
.promotion-page .promotion-filter-row .promotion-filter-select {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 36px 0 12px !important;
  border: 1px solid var(--line-dark, #cfd8e3) !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  color: var(--ink, #171f2a) !important;
  font-size: 13px !important;
}
.promotion-page .promotion-filter-row .promotion-status-tabs {
  min-height: 40px !important;
  margin: 0 !important;
}
.promotion-page .promotion-filter-row .promotion-status-tab {
  min-height: 34px !important;
}
.promotion-page .promotion-toolbar-button {
  min-height: 40px !important;
  height: 40px !important;
}
.promotion-page .promotion-table-card > .pricing-table-wrap,
.promotion-page .promotion-table-card > .promotion-table-wrap,
.promotion-page .promotion-table-card > .app-table-scroll,
.promotion-page .pricing-table-wrap.promotion-table-wrap {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
.promotion-page .promotion-products-table,
.promotion-page .promotion-simple-table {
  background: #fff !important;
}
.promotion-page .promotion-products-table th,
.promotion-page .promotion-simple-table th {
  background: #f6f7f9 !important;
  color: #4f5b6b !important;
  border-bottom: 1px solid var(--ui-border-strong, #d8dfe8) !important;
}
.promotion-page .promotion-products-table th,
.promotion-page .promotion-products-table td,
.promotion-page .promotion-simple-table th,
.promotion-page .promotion-simple-table td {
  border-right: 1px solid var(--ui-border, #e8edf3) !important;
}
.promotion-page .promotion-products-table th:last-child,
.promotion-page .promotion-products-table td:last-child,
.promotion-page .promotion-simple-table th:last-child,
.promotion-page .promotion-simple-table td:last-child {
  border-right: 0 !important;
}
.promotion-page .promotion-products-footer {
  min-height: 64px !important;
  padding: 13px 16px !important;
  border-top: 1px solid var(--ui-border, #e8edf3) !important;
  background: var(--ui-card-bg, #fff) !important;
}
.promotion-page .promotion-products-footer .rows-count-form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.promotion-page .promotion-products-footer .rows-count-form label {
  color: var(--muted, #7b8798) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.promotion-page .promotion-products-footer .rows-count-form select {
  width: auto !important;
  min-width: 72px !important;
  min-height: 35px !important;
  height: 35px !important;
  padding: 5px 28px 5px 11px !important;
  border: 1px solid var(--line-dark, #cfd8e3) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ink, #171f2a) !important;
  box-shadow: none !important;
}
.promotion-page .app-table-reset-button {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
}
.promotion-page .promotion-yandex-product-panel {
  padding: 0 !important;
}
.promotion-page .promotion-yandex-product-panel__head {
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--ui-border, #e8edf3) !important;
  margin: 0 !important;
}
.promotion-page .promotion-yandex-product-panel__head + .promotion-filter-form .promotion-products-topline {
  border-top: 0 !important;
}
.promotion-page .promotion-detail-heading + .promotion-yandex-product-panel,
.promotion-page .promotion-detail-tabs + .promotion-table-card {
  margin-top: 14px !important;
}
.promotion-page .promotion-page-shell {
  gap: 18px !important;
}
@media (max-width: 900px) {
  .promotion-page .promotion-products-topline {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .promotion-page .promotion-products-topline .table-toolbar,
  .promotion-page .promotion-products-topline .products-pricing-search,
  .promotion-page .promotion-filter-row .promotion-filter-select {
    width: 100% !important;
  }
  .promotion-page .promotion-products-footer .rows-count-form {
    margin-left: 0 !important;
  }
}

/* v105 — Ozon promo table parity, search menu, select chevrons */
.promotion-page .promotion-kebab--ozon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid #d7e0eb;
  background: #fff;
  color: #445064;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, color .16s ease;
}
.promotion-page .promotion-kebab--ozon:hover {
  border-color: #005bff;
  color: #005bff;
  box-shadow: 0 6px 14px rgba(0, 91, 255, .12);
}
.promotion-page .promotion-kebab-cell {
  position: relative;
  text-align: center;
}
.promotion-page .promotion-context-menu {
  min-width: 220px;
  right: 10px;
  left: auto;
  top: calc(100% - 4px);
  border: 1px solid #dce5ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(23, 31, 42, .12);
  padding: 8px;
  z-index: 60;
}
.promotion-page .promotion-context-menu a,
.promotion-page .promotion-context-menu button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #243142;
  text-decoration: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.promotion-page .promotion-context-menu a:hover,
.promotion-page .promotion-context-menu button:hover {
  background: #f4f8fc;
}
.promotion-page .promotion-products-footer .rows-count-form--promotion {
  gap: 10px !important;
}
.promotion-page .promotion-products-footer .rows-count-form--promotion select,
.promotion-page .promotion-products-footer .rows-count-form select[data-promotion-per-page] {
  min-width: 84px !important;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2L7 7L12 2' stroke='%236b7788' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position: right 14px center !important;
  background-size: 14px 9px !important;
  background-repeat: no-repeat !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.promotion-page .promotion-products-footer .rows-count-form label {
  color: #677483 !important;
  font-size: 12px !important;
}
.promotion-page .promotion-products-table .promotion-article-cell strong,
.promotion-page .promotion-products-table .promotion-name-cell strong {
  color: #202938;
}
.promotion-page .promotion-products-table td {
  vertical-align: middle;
}
.promotion-page .promotion-products-table .promotion-cell--price {
  font-weight: 700;
  color: #1f2b3a;
}
.promotion-page .promotion-products-table .promotion-cell--price small,
.promotion-page .promotion-products-table .promotion-cell--compact small,
.promotion-page .promotion-products-table td small {
  display: block;
  margin-top: 4px;
  color: #8893a3;
  font-weight: 500;
}
.promotion-page .promotion-products-table th small {
  display: block;
  margin-top: 4px;
  color: #8f99a7;
  font-weight: 600;
}
.promotion-page .promotion-products-table .check-cell,
.promotion-page .promotion-products-table th.check-cell {
  width: 44px;
  text-align: center;
}
.promotion-page .promotion-products-table input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.promotion-page .promotion-products-table .promotion-product-photo {
  border-radius: 12px;
}
.promotion-page .promotion-table-wrap--ozon[data-extra-columns-hidden='1'] .extra-promo-col {
  display: none;
}

/* v106 — reliable promotion table settings + visible per-page arrow */
.promotion-page .promotion-products-footer .rows-count-form {
  position: relative !important;
}
.promotion-page .promotion-select-arrow {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 14px;
  height: 9px;
  transform: translateY(-50%);
  pointer-events: none;
  background: #667386;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2L7 7L12 2' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2L7 7L12 2' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.promotion-page .promotion-products-footer .rows-count-form select[data-promotion-per-page] {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 42px !important;
  background-image: none !important;
}
.promotion-page .columns-config-grid .column-list {
  min-height: 148px;
  padding: 10px;
  border: 1px dashed rgba(132, 145, 164, .34);
  border-radius: 18px;
  background: #f8fafc;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.promotion-page .columns-config-grid .column-list:empty::before {
  content: 'Перетащите столбцы сюда';
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 94px;
  color: #8a95a6;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}
.promotion-page .columns-config-grid .column-list.is-drop-target {
  border-color: #005bff;
  background: #f0f6ff;
  box-shadow: inset 0 0 0 1px rgba(0, 91, 255, .16);
}
.promotion-page--yandex .columns-config-grid .column-list.is-drop-target {
  border-color: #f2d000;
  background: #fffbea;
  box-shadow: inset 0 0 0 1px rgba(242, 208, 0, .18);
}
.promotion-page .column-config-item.is-dragging {
  opacity: .62;
  transform: scale(.99);
}
.promotion-page .column-drag-handle {
  cursor: grab;
}
.promotion-page .column-drag-handle:active {
  cursor: grabbing;
}
.promotion-page .promotion-products-table [hidden],
.promotion-page .promotion-simple-table [hidden] {
  display: none !important;
}
.promotion-page .promotion-products-table,
.promotion-page .promotion-simple-table {
  table-layout: auto;
}
.promotion-page .promotion-products-table td:not([hidden]),
.promotion-page .promotion-products-table th:not([hidden]) {
  transition: background-color .16s ease;
}


/* v107 — Promotion Ozon detail workspace + fixed scroll + exact table groups */
.promotion-detail-page--workspace .promotion-detail-heading--compact {
  margin-bottom: 0 !important;
}
.promotion-products-workspace {
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  gap: 0;
  border: 1px solid var(--ui-border, #e8edf3);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(23, 31, 42, .04);
}
.promotion-side-filters {
  border-right: 1px solid var(--ui-border, #e8edf3);
  background: #fff;
  min-width: 0;
}
.promotion-side-filters form {
  margin: 0;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.promotion-side-filters h2 {
  margin: 0 0 4px;
  font-size: 22px;
  line-height: 1.1;
  color: var(--ink, #171f2a);
}
.promotion-filter-box {
  border: 1px solid var(--ui-border, #e8edf3);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}
.promotion-filter-box__head {
  width: 100%;
  min-height: 48px;
  border: 0;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 14px;
  cursor: pointer;
  font-weight: 800;
  font-size: 13px;
}
.promotion-filter-box__head i {
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .18s ease;
  opacity: .92;
}
.promotion-filter-box.is-open .promotion-filter-box__head i {
  transform: rotate(-135deg);
}
.promotion-filter-box__body {
  display: none;
  padding: 12px 14px;
  background: #fff;
}
.promotion-filter-box.is-open .promotion-filter-box__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.promotion-filter-box__body--scroll {
  max-height: 220px;
  overflow-y: auto;
  padding-right: 8px;
}
.promotion-check-row,
.promotion-radio-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.35;
}
.promotion-check-row input,
.promotion-radio-row input {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}
.promotion-filter-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 2px;
}
.promotion-filter-actions .button {
  width: 100%;
  justify-content: center;
  min-height: 42px;
}
.promotion-table-card--workspace {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.promotion-table-card--workspace .promotion-products-topline {
  border-top: 0 !important;
  border-radius: 0 !important;
}
.promotion-table-card--workspace .promotion-products-footer {
  border-radius: 0 !important;
}
.promotion-page .promotion-table-wrap,
.promotion-page .pricing-table-wrap.promotion-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  max-height: none !important;
  overscroll-behavior-y: auto !important;
}
.promotion-products-table--ozon {
  min-width: 1880px !important;
  table-layout: auto !important;
}
.promotion-products-table--ozon th,
.promotion-products-table--ozon td {
  border-right: 1px solid #dfe6ef !important;
  border-bottom: 1px solid #dfe6ef !important;
}
.promotion-products-table--ozon th {
  background: #f6f8fb !important;
  color: #5f6d7d !important;
  text-align: left !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  padding: 13px 14px !important;
}
.promotion-products-table--ozon td {
  background: #fff !important;
  padding: 14px 14px !important;
  font-size: 14px !important;
  color: #121a26 !important;
}
.promotion-products-table--ozon .check-cell {
  width: 48px !important;
  min-width: 48px !important;
  text-align: center !important;
}
.promotion-products-table--ozon [data-column="image"] {
  width: 88px;
  min-width: 88px;
}
.promotion-products-table--ozon [data-column="article"] {
  min-width: 150px;
}
.promotion-products-table--ozon [data-column="name"] {
  min-width: 270px;
}
.promotion-products-table--ozon [data-column="auto"] {
  width: 44px;
  min-width: 44px;
  text-align: center !important;
}
.promotion-auto-cell span {
  color: #f2a900;
  font-weight: 900;
  font-size: 17px;
}
.promotion-products-table--ozon [data-column="price"],
.promotion-products-table--ozon [data-column="current_price"],
.promotion-products-table--ozon [data-column="discount"],
.promotion-products-table--ozon [data-column="promo_price"],
.promotion-products-table--ozon [data-column="boost_min"],
.promotion-products-table--ozon [data-column="boost_max"] {
  min-width: 138px;
}
.promotion-products-table--ozon [data-column="boost"] {
  min-width: 164px;
}
.promotion-products-table--ozon .promotion-article-cell strong,
.promotion-products-table--ozon .promotion-name-cell strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.promotion-products-table--ozon .promotion-name-cell strong {
  font-size: 16px !important;
}
.promotion-products-table--ozon .promotion-product-photo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
}
.promotion-products-table--ozon .promotion-boost-line {
  display: inline-block;
  width: 126px;
  height: 6px;
  margin: 0 0 5px;
  background: #198a3e;
}
.promotion-products-table--ozon .promotion-cell--price,
.promotion-products-table--ozon .promotion-cell--compact {
  font-weight: 800;
}
.promotion-products-table--ozon td small {
  color: #7d8a9d !important;
  font-weight: 600 !important;
}
.select-with-chevron {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.select-with-chevron select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 40px !important;
  background-image: none !important;
}
.select-with-chevron i {
  pointer-events: none;
  position: absolute;
  right: 15px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #6f7a89;
  border-bottom: 2px solid #6f7a89;
  transform: rotate(45deg) translateY(-2px);
}
.promotion-products-footer .rows-count-form--promotion select {
  min-width: 78px !important;
}
@media (max-width: 1100px) {
  .promotion-products-workspace {
    grid-template-columns: 1fr;
  }
  .promotion-side-filters {
    border-right: 0;
    border-bottom: 1px solid var(--ui-border, #e8edf3);
  }
}


/* v108 — Promotion unified table scroll + sticky columns cleanup */
.promotion-page .promotion-table-wrap,
.promotion-page .pricing-table-wrap.promotion-table-wrap,
.promotion-page .promotion-simple-table-wrap {
  max-height: min(640px, calc(100vh - 260px)) !important;
  overflow: auto !important;
  scrollbar-gutter: stable both-edges;
  overscroll-behavior: contain;
}
.promotion-page .promotion-table-card--workspace .promotion-table-wrap {
  max-height: min(660px, calc(100vh - 250px)) !important;
}
.promotion-page .promotion-products-table,
.promotion-page .promotion-simple-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.promotion-page .promotion-products-table.app-table .app-sticky-col,
.promotion-page .promotion-simple-table.app-table .app-sticky-col {
  background: #fff !important;
  z-index: 30 !important;
  box-shadow: 1px 0 0 #dfe6ef, 8px 0 12px rgba(31, 41, 55, .04) !important;
  overflow: hidden !important;
}
.promotion-page .promotion-products-table.app-table thead .app-sticky-col,
.promotion-page .promotion-simple-table.app-table thead .app-sticky-col {
  background: #f6f8fb !important;
  z-index: 45 !important;
}
.promotion-page .promotion-products-table.app-table tbody tr:hover .app-sticky-col,
.promotion-page .promotion-simple-table.app-table tbody tr:hover .app-sticky-col {
  background: #fff !important;
}
.promotion-products-table--ozon [data-column="image"] {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}
.promotion-products-table--ozon .check-cell {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}
.promotion-products-table--ozon [data-column="name"] {
  min-width: 290px !important;
}
.promotion-products-table--ozon [data-column="article"] {
  min-width: 156px !important;
}
.promotion-products-table--ozon [data-column="actions"] {
  width: 74px !important;
  min-width: 74px !important;
  text-align: center !important;
}
.promotion-products-table--ozon .promotion-name-cell {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
.promotion-products-table--ozon .promotion-name-cell strong {
  max-width: 260px;
}
.promotion-products-table--ozon [data-column="price"],
.promotion-products-table--ozon [data-column="current_price"],
.promotion-products-table--ozon [data-column="discount"],
.promotion-products-table--ozon [data-column="promo_price"],
.promotion-products-table--ozon [data-column="boost"],
.promotion-products-table--ozon [data-column="boost_min"],
.promotion-products-table--ozon [data-column="boost_max"] {
  text-align: center !important;
}
.promotion-products-table--ozon .promotion-boost-line {
  display: block !important;
  margin: 0 auto 6px !important;
}
.promotion-page .promotion-yandex-product-panel,
.promotion-page .promotion-simple-table-wrap,
.promotion-page .promotion-table-card {
  max-width: 100%;
}
.promotion-page .select-with-chevron i {
  display: block !important;
}

/* v109 — unified promotion tables for Yandex Market and Wildberries */
.promotion-products-workspace--yandex .promotion-filter-box__head {
  background: #f4df20;
  color: #1f1b00;
}
.promotion-side-filters--yandex .promotion-filter-box {
  border-color: rgba(244, 207, 25, .45);
}
.promotion-table-card--yandex-workspace .promotion-products-topline,
.promotion-table-card--yandex-workspace .promotion-products-footer {
  background: #fff !important;
}
.promotion-products-table--yandex {
  min-width: 1280px !important;
  table-layout: auto !important;
}
.promotion-products-table--yandex th,
.promotion-products-table--yandex td,
.promotion-products-table--wb-actions th,
.promotion-products-table--wb-actions td {
  border-right: 1px solid #dfe6ef !important;
  border-bottom: 1px solid #dfe6ef !important;
}
.promotion-products-table--yandex th,
.promotion-products-table--wb-actions th {
  background: #f6f8fb !important;
  color: #5f6d7d !important;
  text-align: left !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  padding: 13px 14px !important;
}
.promotion-products-table--yandex td,
.promotion-products-table--wb-actions td {
  background: #fff !important;
  padding: 14px 14px !important;
  font-size: 14px !important;
  color: #121a26 !important;
  vertical-align: middle !important;
}
.promotion-products-table--yandex .check-cell {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  text-align: center !important;
}
.promotion-products-table--yandex [data-column="name"] {
  min-width: 360px !important;
}
.promotion-products-table--yandex [data-column="stock"],
.promotion-products-table--yandex [data-column="method"],
.promotion-products-table--yandex [data-column="price"],
.promotion-products-table--yandex [data-column="promo_price"],
.promotion-products-table--yandex [data-column="discount"],
.promotion-products-table--yandex [data-column="old_price"] {
  min-width: 150px !important;
}
.promotion-products-table--yandex [data-column="actions"] {
  width: 74px !important;
  min-width: 74px !important;
  text-align: center !important;
}
.promotion-products-table--yandex .promotion-yandex-product-cell {
  align-items: center;
  gap: 14px;
}
.promotion-products-table--yandex .promotion-yandex-product-cell img,
.promotion-products-table--yandex .promotion-yandex-product-cell .promotion-product-photo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
}
.promotion-products-table--yandex .promotion-name-cell strong,
.promotion-products-table--wb-actions .promotion-name-cell strong {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #121a26 !important;
  line-height: 1.3 !important;
}
.promotion-products-table--yandex td small,
.promotion-products-table--wb-actions td small,
.promotion-products-table--yandex th small,
.promotion-products-table--wb-actions th small {
  color: #7d8a9d !important;
  font-weight: 600 !important;
}
.promotion-kebab--yandex {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid #d7e0eb;
  background: #fff;
  color: #445064;
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, color .16s ease;
}
.promotion-kebab--yandex:hover {
  border-color: #f4df20;
  color: #826d00;
  box-shadow: 0 6px 14px rgba(244, 207, 25, .16);
}
.promotion-table-card--wb-actions {
  margin-top: 18px;
}
.promotion-wb-actions-toolbar {
  display: flex !important;
  align-items: center !important;
  min-height: 72px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #e8edf3 !important;
  background: #fff !important;
}
.promotion-wb-actions-toolbar > div {
  display: grid;
  gap: 3px;
}
.promotion-wb-actions-toolbar strong {
  font-size: 22px;
  color: #111827;
}
.promotion-wb-actions-toolbar small {
  color: #7d8898;
  font-size: 12px;
}
.promotion-products-table--wb-actions {
  min-width: 1180px !important;
  table-layout: auto !important;
}
.promotion-products-table--wb-actions [data-column="title"] {
  min-width: 360px !important;
}
.promotion-products-table--wb-actions [data-column="store"] {
  min-width: 180px !important;
}
.promotion-products-table--wb-actions [data-column="period"] {
  min-width: 220px !important;
}
.promotion-products-table--wb-actions [data-column="products"],
.promotion-products-table--wb-actions [data-column="potential"],
.promotion-products-table--wb-actions [data-column="participation"] {
  min-width: 130px !important;
  text-align: center !important;
}
.promotion-products-table--wb-actions [data-column="status"],
.promotion-products-table--wb-actions [data-column="badges"] {
  min-width: 150px !important;
}
.promotion-auto-badge--wb {
  background: rgba(161,0,223,.08) !important;
  border-color: rgba(161,0,223,.18) !important;
  color: #8d10c6 !important;
}
.promotion-page--wildberries .page-number.active,
.promotion-page .page-number.active.page-number--wb {
  background: #a100df !important;
  border-color: #a100df !important;
  color: #fff !important;
}
.promotion-page--wildberries .promotion-products-footer .rows-count-form select[data-promotion-per-page],
.promotion-page--yandex .promotion-products-footer .rows-count-form select[data-promotion-per-page] {
  background-image: none !important;
}
@media (max-width: 1100px) {
  .promotion-products-table--yandex,
  .promotion-products-table--wb-actions {
    min-width: 1060px !important;
  }
}


/* v110 — Promotion polish: no apply buttons, muted Yandex, WB cards */
.promotion-page .button-yandex,
.promotion-page .page-number.active.page-number--yandex,
.promotion-page .product-platform-tab--yandex.active {
  background: #f3dc73 !important;
  border-color: #e2c75c !important;
  color: #2d2610 !important;
}
.promotion-page .button-yandex:hover,
.promotion-page .product-platform-tab--yandex.active:hover {
  background: #ecd160 !important;
}
.promotion-page .promotion-side-filters--yandex .promotion-filter-box__head,
.promotion-page--yandex .promotion-filter-box__head {
  background: #2d2a1a !important;
  color: #fff7d8 !important;
}
.promotion-list--wb {
  display: grid;
  gap: 16px;
}
.promotion-list--wb h2 {
  margin: 0;
  font-size: 24px;
  color: var(--ink, #171f2a);
}
.promotion-list--wb .promotion-list-subtitle {
  margin: -6px 0 4px;
}
.promotion-card--wb {
  border: 1px solid rgba(161, 0, 223, .18) !important;
  background: linear-gradient(135deg, rgba(161, 0, 223, .07), #fff 48%) !important;
}
.promotion-card--wb:hover {
  border-color: rgba(161, 0, 223, .36) !important;
  box-shadow: 0 12px 28px rgba(110, 24, 155, .10) !important;
}
.promotion-auto-badge--wb {
  background: rgba(161, 0, 223, .12) !important;
  color: #7d17aa !important;
  border-color: rgba(161, 0, 223, .22) !important;
}
.promotion-green-badge--wb {
  background: #eaf8ee !important;
  color: #15823b !important;
}
.promotion-muted-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f3f5f7;
  color: #657284;
  font-size: 12px;
  font-weight: 800;
}
.promotion-filter-actions {
  margin-top: 8px !important;
}
.promotion-filter-actions .button + .button,
.promotion-filter-actions .button-light {
  margin-top: 0 !important;
}

/* v111 — final promotion workspace alignment for Ozon/Yandex/WB */
.promotion-page .promotion-products-workspace--wb {
  grid-template-columns: 268px minmax(0, 1fr);
}
.promotion-side-filters--wb .promotion-filter-box__head,
.promotion-page--wildberries .promotion-filter-box__head {
  background: #1f1128 !important;
  color: #f3dcff !important;
}
.promotion-table-card--wb .promotion-products-topline,
.promotion-products-workspace--wb .promotion-products-topline {
  border-top: 0 !important;
}
.promotion-products-table--wb {
  min-width: 1260px !important;
  table-layout: auto !important;
}
.promotion-products-table--wb th,
.promotion-products-table--wb td {
  border-right: 1px solid #e1e7ef !important;
  border-bottom: 1px solid #e1e7ef !important;
}
.promotion-products-table--wb th {
  background: #f7f4fb !important;
  color: #665174 !important;
  font-weight: 800 !important;
}
.promotion-products-table--wb .check-cell { width: 50px !important; min-width: 50px !important; text-align: center !important; }
.promotion-products-table--wb [data-column="image"] { width: 86px !important; min-width: 86px !important; }
.promotion-products-table--wb [data-column="article"] { min-width: 150px !important; }
.promotion-products-table--wb [data-column="name"] { min-width: 300px !important; }
.promotion-products-table--wb [data-column="price"],
.promotion-products-table--wb [data-column="promo_price"],
.promotion-products-table--wb [data-column="discount"] { min-width: 130px !important; text-align: center !important; }
.promotion-products-table--wb [data-column="actions"] { width: 74px !important; min-width: 74px !important; text-align: center !important; }
.promotion-kebab--wb:hover { border-color: #a500e8 !important; color: #a500e8 !important; box-shadow: 0 6px 14px rgba(165, 0, 232, .12) !important; }
.promotion-page .promotion-card__link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.promotion-page .promotion-card__main,
.promotion-page .promotion-card__badges,
.promotion-page .promotion-card__action { position: relative; z-index: 2; pointer-events: none; }
.promotion-page .promotion-card a:not(.promotion-card__link),
.promotion-page .promotion-card button { pointer-events: auto; }
.promotion-page .button-yandex,
.promotion-page .page-number.active.page-number--yandex,
.promotion-page .product-platform-tab--yandex.active {
  background: #eed66b !important;
  border-color: #dec45e !important;
  color: #2d2610 !important;
}
.promotion-page .column-settings-button--yandex {
  border-color: rgba(222, 196, 94, .75) !important;
  background: #fffaf0 !important;
  color: #806000 !important;
}
.promotion-page .promotion-simple-table-wrap,
.promotion-page .promotion-table-wrap {
  max-height: min(660px, calc(100vh - 250px)) !important;
  overflow: auto !important;
}
.promotion-page .promotion-simple-table.app-table .app-sticky-col,
.promotion-page .promotion-products-table.app-table .app-sticky-col {
  background: #fff !important;
  z-index: 30 !important;
  box-shadow: 1px 0 0 #dfe6ef, 8px 0 12px rgba(31, 41, 55, .04) !important;
}
.promotion-page .promotion-simple-table.app-table thead .app-sticky-col,
.promotion-page .promotion-products-table.app-table thead .app-sticky-col {
  background: #f6f8fb !important;
  z-index: 45 !important;
}

/* v112 — Promotion marketplace colors parity with Products/Prices */
.promotion-page {
  --promotion-wb: #a500e8;
  --promotion-wb-dark: #7900ad;
  --promotion-wb-soft: #fbf3ff;
  --promotion-wb-line: #ddb0f2;
  --promotion-yandex: #f4df20;
  --promotion-yandex-dark: #735f00;
  --promotion-yandex-soft: #fffbe6;
  --promotion-yandex-line: #ead76f;
}
.promotion-page .product-platform-tab--wb.active,
.promotion-page--wildberries .promotion-accent-text,
.promotion-page--wb .promotion-accent-text {
  color: var(--promotion-wb) !important;
}
.promotion-page .product-platform-tab--wb.active {
  background: var(--promotion-wb-soft) !important;
  border-color: var(--promotion-wb-line) !important;
}
.promotion-page .product-platform-tab--wb.active::after,
.promotion-page--wildberries .promotion-section-tab.active::after,
.promotion-page--wb .promotion-section-tab.active::after {
  background: var(--promotion-wb) !important;
}
.promotion-page .product-platform-tab--wb::before,
.promotion-page--wildberries .promotion-section-tab::before,
.promotion-page--wb .promotion-section-tab::before {
  background: var(--promotion-wb) !important;
}
.promotion-page--wildberries .promotion-section-tab.active,
.promotion-page--wb .promotion-section-tab.active {
  color: var(--promotion-wb-dark) !important;
  border-color: var(--promotion-wb-line) !important;
  background: var(--promotion-wb-soft) !important;
}
.promotion-page .button-wb,
.promotion-page .page-number.active.page-number--wb {
  background: var(--promotion-wb) !important;
  border-color: var(--promotion-wb) !important;
  color: #fff !important;
}
.promotion-page .button-wb:hover {
  background: var(--promotion-wb-dark) !important;
  border-color: var(--promotion-wb-dark) !important;
}
.promotion-side-filters--wb .promotion-filter-box__head,
.promotion-page--wildberries .promotion-filter-box__head,
.promotion-page--wb .promotion-filter-box__head {
  background: #111 !important;
  color: #fff !important;
}
.promotion-page--wildberries .column-settings-button:hover,
.promotion-page--wb .column-settings-button:hover,
.promotion-kebab--wb:hover {
  border-color: var(--promotion-wb) !important;
  color: var(--promotion-wb) !important;
  background: var(--promotion-wb-soft) !important;
}
.promotion-page .product-platform-tab--yandex.active,
.promotion-page--yandex .promotion-accent-text {
  color: var(--promotion-yandex-dark) !important;
}
.promotion-page .product-platform-tab--yandex.active {
  background: var(--promotion-yandex-soft) !important;
  border-color: var(--promotion-yandex-line) !important;
}
.promotion-page .product-platform-tab--yandex.active::after,
.promotion-page--yandex .promotion-section-tab.active::after {
  background: var(--promotion-yandex) !important;
}
.promotion-page .product-platform-tab--yandex::before,
.promotion-page--yandex .promotion-section-tab::before {
  background: var(--promotion-yandex) !important;
  box-shadow: 0 0 0 1px rgba(84,72,0,.16) !important;
}
.promotion-page--yandex .promotion-section-tab.active {
  color: var(--promotion-yandex-dark) !important;
  border-color: var(--promotion-yandex-line) !important;
  background: var(--promotion-yandex-soft) !important;
}
.promotion-page .button-yandex,
.promotion-page .page-number.active.page-number--yandex {
  background: var(--promotion-yandex) !important;
  border-color: var(--promotion-yandex) !important;
  color: #282400 !important;
}
.promotion-page .button-yandex:hover {
  background: #e7d216 !important;
  border-color: #e7d216 !important;
}
.promotion-page .column-settings-button--yandex,
.promotion-page--yandex .column-settings-button {
  border-color: rgba(234, 215, 111, .85) !important;
  background: var(--promotion-yandex-soft) !important;
  color: var(--promotion-yandex-dark) !important;
}
.promotion-page--yandex .column-settings-button:hover,
.promotion-page--yandex .promotion-kebab:hover {
  border-color: var(--promotion-yandex) !important;
  background: var(--promotion-yandex-soft) !important;
  color: var(--promotion-yandex-dark) !important;
}
.promotion-page--yandex .promotion-filter-box__head,
.promotion-side-filters--yandex .promotion-filter-box__head {
  background: #111 !important;
  color: #fff !important;
}
.promotion-card--yandex .button-yandex,
.promotion-detail-heading--yandex .button-yandex {
  background: var(--promotion-yandex) !important;
  color: #282400 !important;
  border-color: var(--promotion-yandex) !important;
}


/* v113 — neutral Yandex gear and plain Yandex action cards */
.column-settings-button--yandex,
.column-settings-button--yandex:hover,
.page-settings-button--yandex:hover {
    color: var(--ink) !important;
    border-color: var(--line-dark) !important;
    background: #fff !important;
}
.promotion-card--yandex {
    background: #fff !important;
}
.promotion-card--bestseller {
    background: #fff !important;
}
.promotion-card--yandex .promotion-title-icon {
    display: none !important;
}


/* v114 — force neutral gear buttons on every Promotion page */
.promotion-page .column-settings-button,
.promotion-page .column-settings-button:hover,
.promotion-page--yandex .column-settings-button,
.promotion-page--yandex .column-settings-button:hover,
.promotion-page .column-settings-button--yandex,
.promotion-page .column-settings-button--yandex:hover,
.promotion-page .page-settings-button--yandex:hover {
    border-color: var(--line-dark, #d4dbe4) !important;
    background: #fff !important;
    color: var(--ink, #171f2a) !important;
    box-shadow: none !important;
}
.promotion-page .column-settings-button:hover {
    background: var(--surface-soft, #f6f8fb) !important;
}

/* v115 — bulk add selected promotion products */
.promotion-selection-bar {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: min(560px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid #dfe7f1;
  border-radius: 20px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 45px rgba(20, 28, 42, .18);
  backdrop-filter: blur(10px);
}
.promotion-selection-bar[hidden] { display: none !important; }
.promotion-selection-bar > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex: 1 1 auto;
  color: #5f6b7a;
  font-weight: 700;
}
.promotion-selection-bar strong {
  color: #101827;
  font-size: 22px;
  line-height: 1;
}
.promotion-page--wildberries .promotion-selection-bar .button-primary,
.promotion-page--wildberries ~ .promotion-selection-bar .button-primary { background: var(--wb-dark, #a100df); border-color: var(--wb-dark, #a100df); }
.promotion-page--yandex .promotion-selection-bar .button-primary,
.promotion-page--yandex ~ .promotion-selection-bar .button-primary { background: #f3dc73; border-color: #e2c75c; color: #2d2610; }
@media (max-width: 720px) {
  .promotion-selection-bar { flex-direction: column; align-items: stretch; }
  .promotion-selection-bar .button { width: 100%; justify-content: center; }
}


/* v116 — Yandex promotion cleanup */
.promotion-page--yandex .promotion-title-icon,
.promotion-page--yandex .promotion-title-icon--header {
  display: none !important;
}
.promotion-page--yandex .column-settings-button,
.promotion-page--yandex .page-settings-button,
.promotion-page--yandex .column-settings-button:hover,
.promotion-page--yandex .page-settings-button:hover {
  color: #171f2a !important;
  border-color: #d6dde8 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.promotion-page--yandex .promotion-products-workspace {
  border: 1px solid #dfe6ef !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(23,31,42,.04) !important;
}
.promotion-page--yandex .promotion-side-filters {
  background: #fff !important;
  border-right: 1px solid #dfe6ef !important;
}
.promotion-page--yandex .promotion-side-filters h2 {
  color: #171f2a !important;
}
.promotion-page--yandex .promotion-filter-box {
  border: 1px solid #dfe6ef !important;
  border-radius: 16px !important;
  background: #fff !important;
}
.promotion-page--yandex .promotion-filter-box__head {
  background: #111 !important;
  color: #fff !important;
}
.promotion-page--yandex .promotion-filter-box__body {
  background: #fff !important;
}
.promotion-page--yandex .promotion-products-topline {
  border-top: 0 !important;
  padding-bottom: 12px !important;
}
.promotion-page--yandex .promotion-toolbar-search {
  border-color: #d8e0ea !important;
  background: #fff !important;
}
.promotion-page--yandex .promotion-toolbar-search input {
  color: #171f2a !important;
}
.promotion-page--yandex .promotion-table-card,
.promotion-page--yandex .promotion-table-wrap,
.promotion-page--yandex .promotion-simple-table-wrap {
  background: #fff !important;
}
.promotion-page--yandex .promotion-simple-table,
.promotion-page--yandex .promotion-products-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.promotion-page--yandex .promotion-simple-table thead th,
.promotion-page--yandex .promotion-products-table thead th {
  background: #f8fafc !important;
  color: #5f6d7d !important;
  border-color: #dfe6ef !important;
}
.promotion-page--yandex .promotion-simple-table tbody td,
.promotion-page--yandex .promotion-products-table tbody td {
  background: #fff !important;
  color: #171f2a !important;
  border-color: #dfe6ef !important;
}
.promotion-page--yandex .promotion-simple-table tbody tr:hover td,
.promotion-page--yandex .promotion-products-table tbody tr:hover td {
  background: #fff !important;
}
.promotion-page--yandex .promotion-table-wrap::-webkit-scrollbar-thumb {
  background: #cfd8e3 !important;
}
.promotion-page--yandex .promotion-simple-table .app-sticky-col,
.promotion-page--yandex .promotion-products-table .app-sticky-col {
  background: #fff !important;
}
.promotion-page--yandex .promotion-simple-table thead .app-sticky-col,
.promotion-page--yandex .promotion-products-table thead .app-sticky-col {
  background: #f8fafc !important;
}
.promotion-page--yandex .page-number.active,
.promotion-page--yandex .page-number.active.page-number--yandex {
  background: #f4df20 !important;
  border-color: #e1cb23 !important;
  color: #222 !important;
}
.promotion-page--yandex .rows-count-form--promotion select,
.promotion-page--yandex .rows-count-form--promotion .select-with-chevron select {
  border-color: #d6dde8 !important;
  background: #fff !important;
  color: #171f2a !important;
}
.promotion-page--yandex .promotion-products-count {
  color: #7b8794 !important;
}
.promotion-page--yandex .promotion-store-chip,
.promotion-page--yandex .store-chip--yandex {
  background: #fff8bf !important;
  border: 1px solid #eadb65 !important;
  color: #6d6000 !important;
}

/* v117 — promotion add-products modal and neutral WB/YM filters */
.promotion-page--wildberries .promotion-side-filters,
.promotion-page--yandex .promotion-side-filters {
  background: #fff !important;
}
.promotion-page--wildberries .promotion-filter-box__head,
.promotion-page--yandex .promotion-filter-box__head,
.promotion-side-filters--wb .promotion-filter-box__head,
.promotion-side-filters--yandex .promotion-filter-box__head {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}
.promotion-page--wildberries .promotion-filter-box,
.promotion-page--yandex .promotion-filter-box {
  border-color: #dfe6ef !important;
  background: #fff !important;
}
.promotion-page--wildberries .promotion-filter-box__body,
.promotion-page--yandex .promotion-filter-box__body {
  background: #fff !important;
}
.promotion-add-product-button {
  min-height: 42px;
  border-radius: 14px;
  font-weight: 800;
  white-space: nowrap;
}
.promotion-add-products-modal[hidden] { display: none !important; }
.promotion-add-products-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 28px;
}
.promotion-add-products-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(5px);
}
.promotion-add-products-modal__card {
  position: relative;
  z-index: 1;
  width: min(980px, calc(100vw - 40px));
  max-height: min(780px, calc(100vh - 40px));
  display: grid;
  grid-template-rows: auto auto auto minmax(220px, 1fr) auto;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #dfe6ef;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
}
.promotion-add-products-modal__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 14px;
  border-bottom: 1px solid #edf1f6;
}
.promotion-add-products-modal__head h2 {
  margin: 0 0 5px;
  font-size: 24px;
  color: #111827;
}
.promotion-add-products-modal__head p {
  margin: 0;
  color: #728096;
}
.promotion-modal-search {
  margin: 16px 24px 10px;
  height: 48px;
  border: 1px solid #d9e1ec;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  background: #fff;
}
.promotion-modal-search svg {
  width: 21px;
  height: 21px;
  stroke: #97a4b5;
  fill: none;
  stroke-width: 2;
}
.promotion-modal-search input {
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 14px;
  background: transparent;
}
.promotion-add-products-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px 12px;
  color: #667085;
}
.promotion-add-products-list {
  overflow: auto;
  border-top: 1px solid #edf1f6;
}
.promotion-add-products-row {
  display: grid;
  grid-template-columns: 34px 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 12px 24px;
  border-bottom: 1px solid #edf1f6;
  cursor: pointer;
  background: #fff;
}
.promotion-add-products-row:hover { background: #f8fafc; }
.promotion-add-products-row > img,
.promotion-add-products-row__photo {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid #e2e8f0;
  background: #f3f5f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9aa6b6;
}
.promotion-add-products-row__main strong {
  display: block;
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
}
.promotion-add-products-row__main small {
  display: block;
  margin-top: 4px;
  color: #7d899a;
}
.promotion-add-products-row em {
  font-style: normal;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f2f5f8;
  color: #667085;
  font-weight: 700;
  font-size: 12px;
}
.promotion-add-products-row input:disabled ~ em {
  background: #eaf8ee;
  color: #15823b;
}
.promotion-add-products-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid #edf1f6;
  background: #fff;
}
.promotion-page--yandex .promotion-add-products-modal__footer .button-primary,
.promotion-page--yandex .promotion-add-product-button {
  background: #f4df20 !important;
  border-color: #e1cb23 !important;
  color: #222 !important;
}
.promotion-page--wildberries .promotion-add-products-modal__footer .button-primary,
.promotion-page--wildberries .promotion-add-product-button {
  background: #9600c5 !important;
  border-color: #9600c5 !important;
  color: #fff !important;
}
@media (max-width: 760px) {
  .promotion-add-products-row { grid-template-columns: 28px 48px minmax(0,1fr); }
  .promotion-add-products-row em { grid-column: 3; justify-self: start; }
}


/* v119 — dynamic add-products modal fix */
.promotion-products-modal[hidden] {
  display: none !important;
}
.promotion-products-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 28px;
}
.promotion-products-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(5px);
}
.promotion-products-modal__card {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100vw - 40px));
  max-height: min(820px, calc(100vh - 40px));
  display: grid;
  grid-template-rows: auto auto minmax(260px, 1fr) auto;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #dfe6ef;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
}
.promotion-products-modal__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 14px;
  border-bottom: 1px solid #edf1f6;
}
.promotion-products-modal__head h3 {
  margin: 0 0 5px;
  font-size: 24px;
  color: #111827;
}
.promotion-products-modal__head p {
  margin: 0;
  color: #728096;
}
.promotion-products-modal__toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 24px 10px;
}
.promotion-products-modal__search {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.promotion-products-modal__all {
  margin: 0;
  white-space: nowrap;
}
.promotion-products-modal__body {
  overflow: auto;
  padding: 0 24px 12px;
}
.promotion-products-modal__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #dfe6ef;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}
.promotion-products-modal__table th,
.promotion-products-modal__table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e7edf4;
  border-right: 1px solid #e7edf4;
  text-align: left;
  vertical-align: middle;
}
.promotion-products-modal__table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f6f8fb;
  color: #5f6d7d;
  font-size: 12px;
  font-weight: 800;
}
.promotion-products-modal__table th:last-child,
.promotion-products-modal__table td:last-child {
  border-right: 0;
}
.promotion-products-modal__table tr:last-child td {
  border-bottom: 0;
}
.promotion-products-modal__table img,
.promotion-products-modal__table .promotion-product-photo {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  object-fit: cover;
}
.promotion-products-modal__table strong {
  display: block;
  color: #111827;
  font-weight: 800;
  line-height: 1.25;
}
.promotion-products-modal__table small {
  display: block;
  margin-top: 4px;
  color: #7d8a9d;
}
.promotion-products-modal__table .is-filtered-out {
  display: none;
}
.promotion-products-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px 20px;
  border-top: 1px solid #edf1f6;
  background: #fff;
}
.promotion-products-modal__footer > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 760px) {
  .promotion-products-modal {
    padding: 12px;
  }
  .promotion-products-modal__toolbar,
  .promotion-products-modal__footer {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }
  .promotion-products-modal__footer > div {
    justify-content: stretch;
  }
  .promotion-products-modal__footer .button {
    flex: 1;
  }
}


/* v123 — final Ozon boost bar and checkbox selection fixes */
.promotion-page .promotion-products-table--ozon .promotion-boost-line,
.promotion-page .promotion-products-table .promotion-boost-line {
  display: inline-block !important;
  position: relative !important;
  width: 126px !important;
  height: 6px !important;
  margin: 0 auto 6px !important;
  border-radius: 999px !important;
  background: #e5e7eb !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}
.promotion-page .promotion-products-table--ozon .promotion-boost-line__fill,
.promotion-page .promotion-products-table .promotion-boost-line__fill {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: #108a3d !important;
}


/* v124 — boost progress hard override */
.promotion-page .promotion-boost-line {
  background: #e5e7eb !important;
}
.promotion-page .promotion-boost-line > .promotion-boost-line__fill {
  width: var(--boost-width, auto);
  max-width: 100% !important;
  min-width: 0 !important;
  background: #108a3d !important;
}


/* v125 — promotion filters cleanup */
.promotion-page--yandex .promotion-filter-box__head,
.promotion-page--wildberries .promotion-filter-box__head,
.promotion-side-filters--yandex .promotion-filter-box__head,
.promotion-side-filters--wb .promotion-filter-box__head {
  background: #111 !important;
  color: #fff !important;
}
.promotion-page--yandex .promotion-side-filters,
.promotion-page--wildberries .promotion-side-filters {
  background: #fff !important;
}
.promotion-filter-actions .button-dark {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
.promotion-filter-actions .button-dark:hover {
  background: #1f2937 !important;
  border-color: #1f2937 !important;
}


/* v126 — remove analytics filter and yellow tint from filter headers */
.promotion-page .promotion-side-filters .promotion-filter-box__head,
.promotion-page--ozon .promotion-side-filters .promotion-filter-box__head,
.promotion-page--yandex .promotion-side-filters .promotion-filter-box__head,
.promotion-page--wildberries .promotion-side-filters .promotion-filter-box__head,
.promotion-side-filters--yandex .promotion-filter-box__head,
.promotion-side-filters--wb .promotion-filter-box__head {
  background: #111111 !important;
  background-color: #111111 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.promotion-page .promotion-side-filters .promotion-filter-box__head span,
.promotion-page .promotion-side-filters .promotion-filter-box__head i {
  color: #ffffff !important;
  text-shadow: none !important;
  filter: none !important;
}


/* v140 — searchable single-value dropdowns */
.app-searchable-select-native {
    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;
    opacity:0!important;
    pointer-events:none!important;
}
.app-searchable-select {
    position:relative;
    display:inline-block;
    width:100%;
    min-width:0;
    vertical-align:middle;
}
.app-searchable-select__toggle {
    width:100%;
    min-height:42px;
    padding:8px 38px 8px 13px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    border:1px solid #cfd7e2;
    border-radius:14px;
    background:#fff;
    color:#20252c;
    font:inherit;
    font-weight:650;
    text-align:left;
    cursor:pointer;
    position:relative;
}
.app-searchable-select__toggle > span {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.app-searchable-select__toggle > i {
    position:absolute;
    right:15px;
    top:50%;
    width:9px;
    height:9px;
    border-right:2px solid #6c7683;
    border-bottom:2px solid #6c7683;
    transform:translateY(-70%) rotate(45deg);
    transition:transform .15s ease;
}
.app-searchable-select.is-open .app-searchable-select__toggle > i {
    transform:translateY(-30%) rotate(225deg);
}
.app-searchable-select.is-open .app-searchable-select__toggle {
    border-color:#111827;
    box-shadow:0 0 0 3px rgba(17,24,39,.08);
}
.app-searchable-select.is-disabled { opacity:.62; }
.app-searchable-select__toggle:disabled { cursor:not-allowed; }
.app-searchable-select__menu {
    position:absolute;
    z-index:7600;
    top:calc(100% + 6px);
    left:0;
    right:0;
    bottom:auto;
    width:100%;
    min-width:0;
    max-width:100%;
    padding:9px;
    border:1px solid #d5dce5;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.app-searchable-select.is-open-up > .app-searchable-select__menu {
    top:auto;
    bottom:calc(100% + 6px);
}
.app-searchable-select__search {
    width:100%;
    min-height:39px;
    margin:0 0 7px!important;
    padding:8px 11px!important;
    border:1px solid #cfd7e2!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#20252c!important;
    font-size:13px!important;
    box-shadow:none!important;
}
.app-searchable-select__search:focus {
    outline:none;
    border-color:#111827!important;
    box-shadow:0 0 0 3px rgba(17,24,39,.08)!important;
}
.app-searchable-select__list {
    max-height:260px;
    overflow:auto;
    display:grid;
    gap:3px;
}
.app-searchable-select__option {
    width:100%;
    min-height:36px;
    padding:8px 10px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#27303a;
    font:inherit;
    font-size:13px;
    text-align:left;
    cursor:pointer;
}
.app-searchable-select__option:hover,
.app-searchable-select__option.is-selected {
    background:#f1f4f8;
    color:#111827;
}
.app-searchable-select__option.is-selected { font-weight:800; }
.app-searchable-select__option:disabled { opacity:.45;cursor:not-allowed; }
.app-searchable-select__empty {
    margin:6px 4px 2px;
    color:#8a929c;
    font-size:12px;
    text-align:center;
}

/* Keep product article vertically aligned with the rest of the row. */
.products-pricing-table td[data-column="article"] {
    vertical-align:middle!important;
}
.products-pricing-table .products-article-link {
    min-height:54px;
    display:inline-flex!important;
    align-items:center!important;
    line-height:1.35!important;
}


/* v143 — searchable dropdown filtering */
.pc-multi-select__option[hidden],
.app-searchable-select__option[hidden],
.pc-multi-select__empty[hidden],
.app-searchable-select__empty[hidden] {
  display: none !important;
}
.pc-multi-select__empty {
  margin: 10px 4px 4px;
  color: #8a929c;
  font-size: 12px;
  font-weight: 650;
  text-align: center;
}

.app-enhanced-multi__item[hidden] {
  display: none !important;
}

/* v175 · Marketplace warehouse inventory */
.marketplace-warehouse-page { --mpw-accent:#005bff; --mpw-accent-soft:#eef4ff; }
.marketplace-warehouse-page--wildberries { --mpw-accent:#a900ff; --mpw-accent-soft:#f9efff; }
.marketplace-warehouse-page--yandex { --mpw-accent:#f4bf00; --mpw-accent-soft:#fff9df; }
.mpw-market-tabs{display:flex;justify-content:center;gap:32px;margin:6px 0 28px;overflow:auto;padding:2px 6px 8px}
.mpw-market-tabs a{position:relative;color:#a5a7ab;font-size:22px;font-weight:900;letter-spacing:.01em;text-decoration:none;white-space:nowrap;padding:8px 0 12px}
.mpw-market-tabs a.is-active{color:var(--mpw-accent)}
.mpw-market-tabs a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--mpw-accent)}
.mpw-warning{margin-bottom:14px}
.mpw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.mpw-metric{background:#202020;color:#fff;border-radius:18px;padding:18px 22px;min-height:122px;box-shadow:0 8px 24px rgba(20,20,20,.08)}
.mpw-metric header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px}
.mpw-metric h2{font-size:15px;line-height:1.25;margin:0;font-weight:800}
.mpw-metric>strong{display:block;font-size:28px;line-height:1.1;margin-top:18px;font-weight:900}
.mpw-box-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px}
.mpw-box-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mpw-unit-switch{display:flex;align-items:center;gap:5px}
.mpw-unit-switch button{border:0;background:transparent;color:#aaa;padding:2px 1px;border-bottom:1px solid transparent;font-size:12px;font-weight:800;cursor:pointer}
.mpw-unit-switch button.is-active{color:#fff;border-bottom-color:#fff}
.mpw-help{position:relative;display:grid;place-items:center;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;font-size:11px;font-weight:900;cursor:help}
.mpw-help>span{display:none;position:absolute;z-index:20;right:-8px;top:28px;width:250px;background:#fff;color:#20242a;border:1px solid #e1e4e8;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.45;box-shadow:0 12px 30px rgba(18,24,32,.14)}
.mpw-help:hover>span,.mpw-help:focus>span{display:block}
.mpw-cost-note{margin:-10px 0 16px;color:#7e8791;font-size:12px}
.mpw-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #cfd3d8;border-radius:18px;padding:18px 20px;margin-bottom:20px;background:#fff}
.mpw-eyebrow{display:block;color:var(--mpw-accent);font-size:12px;font-weight:800;margin-bottom:4px}
.mpw-hero h1{margin:0;font-size:29px;line-height:1.1}
.mpw-hero p{margin:8px 0 10px;color:#575d66;font-size:13px}
.mpw-export{position:relative;min-width:150px}
.mpw-export summary{display:flex;align-items:center;justify-content:center;gap:8px;background:#222;color:#fff;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;list-style:none}
.mpw-export summary::-webkit-details-marker{display:none}
.mpw-export summary svg{width:14px;height:14px}
.mpw-export[open] summary svg{transform:rotate(180deg)}
.mpw-export>div{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:150px;background:#fff;border:1px solid #cdd2d8;border-radius:14px;padding:6px;box-shadow:0 16px 34px rgba(20,24,30,.15)}
.mpw-export>div a{display:block;padding:9px 12px;border-radius:9px;color:#252a31;text-decoration:none;font-weight:700}
.mpw-export>div a:hover{background:var(--mpw-accent-soft);color:var(--mpw-accent)}
.mpw-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.mpw-filters{position:sticky;top:90px}
.mpw-filters h2{margin:0 0 12px;font-size:25px}
.mpw-filter{margin-bottom:10px}
.mpw-filter summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;background:#222;color:#fff;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.mpw-filter summary::-webkit-details-marker{display:none}
.mpw-filter summary svg{width:12px;height:12px;margin-left:auto}
.mpw-filter[open] summary svg{transform:rotate(180deg)}
.mpw-filter-list{max-height:260px;overflow:auto;border:1px solid #cdd2d8;border-radius:15px;padding:10px;margin-top:6px;background:#fff}
.mpw-filter-list label{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:9px;padding:7px 4px;font-size:13px;cursor:pointer}
.mpw-filter-list label input{position:absolute;opacity:0;pointer-events:none}
.mpw-filter-list label i{width:14px;height:14px;border:1.5px solid #858b93;border-radius:50%;margin-top:1px;position:relative}
.mpw-filter-list label input:checked+i{border-color:var(--mpw-accent)}
.mpw-filter-list label input:checked+i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mpw-accent)}
.mpw-filter-list label span{min-width:0;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
.mpw-filter-list p{font-size:12px;color:#8a9098;text-align:center;margin:8px 2px}
.mpw-reset{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;background:#222;color:#fff!important;border-radius:999px;padding:9px 14px;text-decoration:none;font-size:12px;font-weight:800;margin-top:12px}
.mpw-reset span{font-size:17px;line-height:1}
.mpw-main{min-width:0}
.mpw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.mpw-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:1px solid #bfc5cc;border-radius:999px;padding:9px 13px;background:#fff}
.mpw-search svg{width:18px;height:18px;color:#858b93}
.mpw-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}
.mpw-sort-controls{display:flex;align-items:end;gap:8px}
.mpw-sort-controls label{display:flex;flex-direction:column;gap:4px;color:#777f89;font-size:10px;font-weight:700}
.mpw-sort-controls select{min-width:180px}
.mpw-refresh{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #cbd0d6;color:#2b3037;background:#fff}
.mpw-refresh svg{width:18px;height:18px}
.mpw-groups{display:flex;flex-direction:column;gap:9px}
.mpw-group{border:1px solid #bfc5cc;border-radius:16px;background:#fff;overflow:hidden}
.mpw-group>summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.15fr) auto 28px;align-items:center;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}
.mpw-group>summary::-webkit-details-marker{display:none}
.mpw-group-title{display:flex;align-items:center;gap:9px;min-width:0}
.mpw-group-title strong{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpw-other-warehouse-help{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border:1px solid #b8bec6;border-radius:50%;background:#f2f4f6;color:#69717b;font-size:12px;font-weight:900;line-height:1;cursor:help;outline:none}
.mpw-other-warehouse-help:hover,.mpw-other-warehouse-help:focus{background:#e9ecef;color:#4f5761;border-color:#a7aeb7}
.mpw-other-warehouse-help>span{display:none;position:absolute;z-index:40;left:50%;top:28px;transform:translateX(-24%);width:min(360px,70vw);padding:11px 13px;border:1px solid #d7dbe0;border-radius:12px;background:#fff;color:#31363c;box-shadow:0 12px 30px rgba(18,24,32,.14);font-size:12px;font-weight:600;line-height:1.45;white-space:normal}
.mpw-other-warehouse-help:hover>span,.mpw-other-warehouse-help:focus>span{display:block}
.mpw-group-stats{font-size:13px;text-align:center;white-space:nowrap}
.mpw-group-stats i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mpw-accent);margin:0 6px 2px}
.mpw-group-value{font-size:22px;white-space:nowrap}
.mpw-group-chevron{width:24px;height:24px;fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.mpw-group[open] .mpw-group-chevron{transform:rotate(180deg)}
.mpw-table-wrap{overflow:auto;border-top:1px solid #d7dbe0;padding:0 14px 8px}
.mpw-table{width:100%;min-width:900px;border-collapse:collapse}
.mpw-table th{padding:10px 9px;border-bottom:1px solid #20242a;color:#555b64;text-align:left;font-size:11px;white-space:nowrap}
.mpw-table td{padding:10px 9px;border-bottom:1px solid #d8dce1;vertical-align:middle;font-size:12px}
.mpw-photo{width:66px}
.mpw-photo img{width:52px;height:52px;border:1px solid #d8dce1;border-radius:12px;object-fit:contain;background:#fff}
.mpw-photo span{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#f2f4f6;color:#9ba1a9;font-size:9px;text-align:center}
.mpw-product{min-width:280px}
.mpw-product strong{display:block;font-size:12px;margin-bottom:3px}
.mpw-product small{display:block;color:#7d848d;font-size:10px;line-height:1.35}
.mpw-count{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:64px;padding:7px 12px;border:1px solid #d4d8dd;border-radius:999px;background:#fff;font-weight:700}
.mpw-count svg{width:13px;height:13px;fill:none;stroke:#949aa2;stroke-width:1.8}
.mpw-organization-cell{min-width:190px}.mpw-organization{display:inline-flex;align-items:center;justify-content:center;min-width:110px;max-width:260px;padding:8px 13px;border:1.5px solid var(--mpw-accent);border-radius:999px;color:var(--mpw-accent);font-weight:700;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.marketplace-warehouse-page--yandex .mpw-organization{color:#5c4b00}
.mpw-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.mpw-pagination nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}
.mpw-pagination nav a,.mpw-pagination nav span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:9px;color:#252a31;text-decoration:none;font-weight:800}
.mpw-pagination nav a.is-active{background:#333;color:#fff}
.mpw-pagination label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;white-space:nowrap}
.mpw-pagination select{min-width:70px}
.mpw-empty{display:grid;place-items:center;text-align:center;border:1px dashed #c9ced4;border-radius:18px;padding:50px 24px;color:#6d747d;background:#fff}
.mpw-empty h2{margin:10px 0 5px;color:#242a31}
.mpw-empty p{margin:0;max-width:540px}
@media(max-width:1100px){.mpw-metrics{grid-template-columns:1fr}.mpw-workspace{grid-template-columns:1fr}.mpw-filters{position:static}.mpw-filter-list{max-height:180px}.mpw-group>summary{grid-template-columns:minmax(180px,1fr) auto 28px}.mpw-group-stats{grid-column:1/3;text-align:left}.mpw-group-value{grid-column:2;grid-row:1}.mpw-group-chevron{grid-column:3;grid-row:1}}
@media(max-width:720px){.mpw-market-tabs{justify-content:flex-start;gap:22px}.mpw-market-tabs a{font-size:17px}.mpw-hero{align-items:flex-start;flex-direction:column}.mpw-export{width:100%}.mpw-export summary{width:100%}.mpw-metric header{grid-template-columns:auto 1fr auto}.mpw-help{grid-column:4}.mpw-toolbar{align-items:stretch;flex-direction:column}.mpw-sort-controls{align-items:stretch}.mpw-sort-controls label{flex:1}.mpw-sort-controls select{width:100%}.mpw-group>summary{grid-template-columns:1fr auto 24px;gap:8px}.mpw-group-title strong{font-size:17px}.mpw-group-stats{grid-column:1/4;white-space:normal}.mpw-group-value{font-size:17px}.mpw-pagination{align-items:stretch;flex-direction:column}.mpw-pagination label{justify-content:flex-end}}

/* =========================================================
   v176 · Marketplace warehouse stocks: unified page design
   ========================================================= */
.marketplace-warehouse-page {
    background: #f5f6f8;
}
.marketplace-warehouse-page .site-content {
    max-width: 1680px;
}
.mpw-page-shell {
    display: grid;
    gap: 16px;
}
.mpw-market-tabs {
    justify-content: center;
    gap: 26px;
    margin: 0;
    padding: 2px 8px 6px;
}
.mpw-market-tabs a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 6px 2px 10px;
    font-size: 18px;
    font-weight: 850;
}
.mpw-market-tabs a.is-active::after {
    height: 3px;
}
.mpw-warning {
    margin: 0;
    border-radius: 16px;
}
.mpw-metrics {
    gap: 16px;
    margin: 0;
}
.mpw-metric {
    position: relative;
    min-height: 132px;
    padding: 20px 22px 18px;
    overflow: visible;
    border: 1px solid #252a31;
    border-radius: 22px;
    background: linear-gradient(145deg, #24272b 0%, #191c20 100%);
    box-shadow: 0 14px 34px rgba(17, 24, 32, .12);
}
.mpw-metric header {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 9px;
}
.mpw-metric h2 {
    min-width: 0;
    font-size: 13px;
}
.mpw-metric > strong {
    margin-top: 13px;
    font-size: 28px;
    letter-spacing: -.03em;
}
.mpw-unit-switch {
    gap: 3px;
    padding: 3px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.mpw-unit-switch button {
    min-width: 42px;
    padding: 5px 7px;
    border: 0;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
}
.mpw-unit-switch button.is-active {
    border-bottom-color: transparent;
    background: #fff;
    color: #20242a;
}
.mpw-cost-note {
    margin: -4px 0 0;
    padding: 9px 13px;
    border: 1px solid #f0d9a7;
    border-radius: 12px;
    background: #fff8e9;
    color: #86631b;
    font-size: 11px;
    font-weight: 700;
}
.mpw-hero {
    min-height: 0;
    margin: 0;
    padding: 22px 24px;
    border: 1px solid #e1e5ea;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(25, 33, 45, .045);
}
.mpw-hero h1 {
    font-size: clamp(28px, 2.5vw, 40px);
}
.mpw-hero p {
    margin: 7px 0 9px;
}
.mpw-export summary {
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 14px;
    background: #252a31;
    font-size: 11px;
}
.mpw-workspace.warehouse-stock-app {
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #cfd5dd;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(17,24,32,.06);
}
.mpw-filters {
    position: static;
    padding: 17px 12px 18px;
    border-right: 1px solid #d9dee5;
    background: #fbfbfc;
}
.mpw-filters h2 {
    margin: 0 0 12px;
    font-size: 22px;
}
.mpw-filter {
    margin-bottom: 9px;
}
.mpw-filter summary {
    min-height: 36px;
    justify-content: flex-start;
    padding: 8px 11px;
    border: 1px solid #252a31;
    border-radius: 12px;
    background: #252a31;
    font-size: 10px;
}
.mpw-filter-list {
    max-height: 220px;
    margin-top: 5px;
    padding: 7px;
    border-color: #cfd5dd;
    border-radius: 12px;
}
.mpw-filter-list label {
    grid-template-columns: 16px minmax(0,1fr);
    padding: 6px 4px;
    border-radius: 8px;
    font-size: 11px;
}
.mpw-filter-list label:hover {
    background: #f2f4f6;
}
.mpw-filter-list label.is-fixed {
    cursor: default;
    background: var(--mpw-accent-soft);
    color: #303741;
}
.mpw-filter-list label.is-fixed i {
    border-color: var(--mpw-accent);
    opacity: .8;
}
.mpw-filter-list label.is-fixed i::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: var(--mpw-accent);
}
.mpw-reset {
    min-height: 36px;
    border-radius: 12px;
    background: #252a31;
    font-size: 10px;
}
.mpw-main {
    min-width: 0;
    padding: 15px 16px 0;
}
.mpw-toolbar {
    min-height: 52px;
    margin: 0 0 10px;
}
.mpw-search {
    min-height: 40px;
    padding: 8px 13px;
    border-color: #bfc7d1;
}
.mpw-sort-controls select {
    min-width: 190px;
    height: 40px;
}
.mpw-refresh {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.mpw-groups {
    gap: 9px;
}
.mpw-group {
    border-color: #cfd5dd;
    border-radius: 14px;
    box-shadow: none;
}
.mpw-group > summary {
    min-height: 66px;
    padding: 14px 16px;
}
.mpw-group-title strong,
.mpw-group-value {
    font-size: 19px;
}
.mpw-group-stats {
    font-size: 11px;
}
.mpw-table-wrap {
    max-height: 620px;
    padding: 0;
    border-top-color: #d9dee5;
}
.mpw-table {
    border-collapse: separate;
    border-spacing: 0;
}
.mpw-table th {
    position: sticky;
    z-index: 4;
    top: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #cbd2da;
    background: #f7f8fa;
    color: #59626d;
    font-size: 10px;
}
.mpw-table td {
    padding: 11px 12px;
    border-bottom: 1px solid #dfe4e9;
    font-size: 11px;
}
.mpw-table th + th,
.mpw-table td + td {
    border-left: 1px solid #e0e4e9;
}
.mpw-table tbody tr:hover td {
    background: #fafbfc;
}
.mpw-pagination {
    min-height: 66px;
    padding: 12px 4px 14px;
}
.mpw-pagination nav a.is-active {
    border-color: #20242a;
    background: #20242a;
    color: #fff;
}
.mpw-empty {
    min-height: 320px;
    border: 0;
    border-radius: 16px;
    background: #fff;
}
.mpw-empty .button {
    margin-top: 8px;
    text-decoration: none;
}
@media (max-width: 1100px) {
    .mpw-workspace.warehouse-stock-app { grid-template-columns: 1fr; }
    .mpw-filters { border-right: 0; border-bottom: 1px solid #d9dee5; }
}
@media (max-width: 720px) {
    .mpw-page-shell { gap: 12px; }
    .mpw-market-tabs { justify-content: flex-start; }
    .mpw-metric header { grid-template-columns: auto 1fr auto; }
    .mpw-unit-switch { grid-column: 1 / -1; justify-self: start; }
}

/* v176 · Explicit disconnected marketplaces in the warehouse tree. */
.warehouse-tree-connect-note {
    margin-bottom: 12px;
    padding: 13px 15px;
    border: 1px solid #cfe0f7;
    border-radius: 14px;
    background: #f3f8ff;
    color: #344054;
}
.warehouse-tree-connect-note strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 12px;
}
.warehouse-tree-connect-note p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.45;
}
.warehouse-tree-connect-note a {
    display: inline-flex;
    margin-top: 8px;
    color: #005bff;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}


/* v178 · readable seller identities and roomier marketplace-stock filters */
.warehouse-tree-label strong,.warehouse-tree-label small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}
.warehouse-tree-row--organization,.warehouse-tree-row--marketplace{align-items:flex-start}
.warehouse-tree-row--organization .warehouse-tree-choice,.warehouse-tree-row--marketplace .warehouse-tree-choice{padding-top:2px}
@media(max-width:1100px){.mpw-workspace{grid-template-columns:220px minmax(0,1fr);gap:18px}}
@media(max-width:820px){.mpw-workspace{grid-template-columns:1fr}.mpw-filters{position:static}.mpw-filter summary{justify-content:flex-start}}

/* v178 · final overrides after the v176 marketplace-stock skin */
.mpw-workspace.warehouse-stock-app{
    grid-template-columns:240px minmax(0,1fr);
}
.mpw-filters{
    padding:20px 16px 22px;
}
.mpw-filter{
    margin-bottom:11px;
}
.mpw-filter summary{
    min-height:44px;
    padding:10px 15px;
    border-radius:14px;
    font-size:13px;
    line-height:1.25;
}
.mpw-filter summary svg{
    width:15px;
    height:15px;
}
.mpw-filter-list{
    max-height:260px;
    margin-top:7px;
    padding:9px;
    border-radius:14px;
}
.mpw-filter-list label{
    grid-template-columns:17px minmax(0,1fr);
    gap:9px;
    padding:8px 5px;
    font-size:13px;
}
.mpw-reset{
    min-height:42px;
    padding:10px 14px;
    font-size:12px;
}
@media(max-width:1100px){
    .mpw-workspace.warehouse-stock-app{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:820px){
    .mpw-workspace.warehouse-stock-app{grid-template-columns:1fr}
    .mpw-filters{border-right:0;border-bottom:1px solid #d9dee5}
}

/* v181 · marketplace stock search is a single field; filters and warehouses start collapsed */
.mpw-search{
    border-radius:18px;
    overflow:hidden;
}
.mpw-search input[type="search"]{
    min-width:0;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
}
.mpw-search input[type="search"]:focus{
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
}
.mpw-search:focus-within{
    border-color:var(--mpw-accent);
    box-shadow:0 0 0 3px var(--mpw-accent-soft);
}


/* v182 — marketplace stocks table parity with Prices/Products */
.mpw-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.mpw-table-wrap.responsive-table-wrap {
  overflow: auto;
}
.mpw-table.app-table {
  min-width: 900px;
}
.mpw-table.app-table th {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #f7f8fa !important;
}
.mpw-table.app-table tbody tr:hover td,
.mpw-table.app-table tbody tr:hover .app-sticky-col {
  background: #fafbfc !important;
}
.mpw-table .pricing-sort-control {
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.mpw-table th[data-column="photo"] {
  min-width: 86px;
  width: 86px;
}
.mpw-table th[data-column="name"],
.mpw-table td[data-column="name"] {
  min-width: 320px;
}
.mpw-table th[data-column="available"],
.mpw-table th[data-column="reserved"],
.mpw-table th[data-column="in_transit"],
.mpw-table th[data-column="total"],
.mpw-table td[data-column="available"],
.mpw-table td[data-column="reserved"],
.mpw-table td[data-column="in_transit"],
.mpw-table td[data-column="total"] {
  min-width: 170px;
}
.mpw-table th[data-column="organization"],
.mpw-table td[data-column="organization"] {
  min-width: 190px;
}
@media(max-width:720px){
  .mpw-toolbar-actions{margin-left:0;justify-content:flex-end}
}

/* v183 — preserve opened stock tables, show active sorting and strengthen table grid */
.app-filter-chip--sort {
  border-color: #c9d2de;
  background: #f5f7fa;
}
.app-filter-chip--sort:hover {
  border-color: #aeb9c7;
  background: #edf1f5;
}
.mpw-table-wrap.app-table-scroll {
  border: 1px solid #cbd4df !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  background: #fff !important;
}
.mpw-table.app-table th,
.mpw-table.app-table td {
  border-right: 1px solid #cbd4df !important;
  border-bottom: 1px solid #cbd4df !important;
}
.mpw-table.app-table th:last-child,
.mpw-table.app-table td:last-child {
  border-right: 0 !important;
}
.mpw-table.app-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.mpw-table.app-table th {
  background: #f4f6f8 !important;
}
.mpw-table.app-table th + th,
.mpw-table.app-table td + td {
  border-left: 0 !important;
}

/* V196: completed scanner counter */
.orders-scanner-card footer > strong.complete { color:#54aa55; }

/* v213 — customer communications navigation */
.main-nav-menu--communications > .main-nav__link{
    appearance:none;
    border:0;
    background:transparent;
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-variant:inherit;
    line-height:inherit;
    font-weight:650;
    cursor:pointer;
}
.main-nav-menu--communications .main-nav-submenu--communications{width:310px}
.main-nav-menu--communications.is-open .main-nav-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
}
.main-nav-menu--communications.is-open .communications-nav-chevron,
.main-nav-menu--communications:hover .communications-nav-chevron,
.main-nav-menu--communications:focus-within .communications-nav-chevron{transform:rotate(180deg)}
@media(max-width:900px){
    .main-nav-menu--communications.is-open .main-nav-submenu{display:block;transform:none}
    .main-nav-menu--communications > .main-nav__link{width:100%;justify-content:space-between}
}

/* v222 — keep the desktop application menu on a single row. */
@media (min-width: 901px) {
    .app-header {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-nav {
        min-width: 0;
        flex-wrap: nowrap !important;
        justify-content: center;
        column-gap: clamp(6px, .72vw, 12px) !important;
        row-gap: 0 !important;
        padding: 0 !important;
    }
    .main-nav__link {
        flex: 0 0 auto;
        min-height: 34px;
        padding: 8px 0 7px !important;
        font-size: clamp(10px, .68vw, 12px) !important;
        white-space: nowrap;
    }
    .main-nav-menu > .main-nav__link { gap: 4px; }
    .main-nav-menu .app-dropdown-chevron {
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
    }
    .header-actions { gap: 6px; }
}

@media (min-width: 901px) and (max-width: 1320px) {
    .brand-name { font-size: 12px; }
    .main-nav { column-gap: 5px !important; }
    .main-nav__link { font-size: 10px !important; }
}

/* v238 · manual news authors, complete news types and safe native selectors */
.news-create-marketplace-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.news-create-marketplace-fields[hidden]{display:none!important}
.news-create-form select[data-native-select]{display:block!important;position:static!important;width:100%!important;height:44px!important;clip:auto!important;opacity:1!important;pointer-events:auto!important;appearance:none!important}
.news-delete-form{display:inline-flex;margin:0}
.news-delete-button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d6d9dd;border-radius:9px;background:#fff;color:#8a9097;font-size:20px;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.news-delete-button:hover{background:#fff3f3;color:#b23a3a;border-color:#efc8c8}
@media(max-width:640px){.news-create-marketplace-fields{grid-template-columns:1fr}}


/* v263: export category search */
.export-category-search-wrap{display:block;margin:0 0 10px}
.export-category-search{width:100%;min-height:40px;padding:9px 12px;border:1px solid #d7dde5;border-radius:12px;background:#fff;color:#2d3640;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.export-category-search:focus{border-color:#b6c2d0;box-shadow:0 0 0 3px rgba(23,105,255,.08)}
.product-export-modal--wb .export-category-search:focus{border-color:rgba(161,0,223,.45);box-shadow:0 0 0 3px rgba(161,0,223,.10)}
.product-export-modal--yandex .export-category-search:focus{border-color:rgba(199,169,0,.55);box-shadow:0 0 0 3px rgba(199,169,0,.12)}
.export-category-card.is-search-hidden{display:none!important}

.export-subcategory-option.is-search-hidden{display:none!important}


/* v272: marketplace-specific store/organization names */
.store-chip--ozon,
.store-chip--ozon_seller,
.store-chip--ozon-performance{
    border-color:#c9dfff!important;
    background:#edf5ff!important;
    color:#126fc4!important;
}
.store-chip--wildberries,
.store-chip--wb{
    border-color:var(--wb-line)!important;
    background:var(--wb-soft)!important;
    color:var(--wb-dark)!important;
}
.store-chip--yandex,
.store-chip--yandex_market{
    border-color:#eadb65!important;
    background:#fff8bf!important;
    color:#665b00!important;
}
.marketplace-store-name{font-weight:800}
.marketplace-store-name--ozon,
.marketplace-store-name--ozon_seller{color:#126fc4!important}
.marketplace-store-name--wildberries,
.marketplace-store-name--wb{color:var(--wb-dark)!important}
.marketplace-store-name--yandex,
.marketplace-store-name--yandex_market{color:#9a7800!important}
.mpw-count--transit{background:#eef2f7;color:#52606f}


/* v277: warehouse tree search and duplicate-safe rendering */
.warehouse-tree-search{
  position:relative;display:flex;align-items:center;gap:10px;margin:0 22px 12px;
  min-height:46px;padding:0 44px 0 14px;border:1px solid #d5dce5;border-radius:14px;background:#fff;
}
.warehouse-tree-search>span{color:#7c8794;font-size:20px;line-height:1}
.warehouse-tree-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#27313d;font:inherit}
.warehouse-tree-search input::placeholder{color:#9aa3ad}
.warehouse-tree-search:focus-within{border-color:#9eacbc;box-shadow:0 0 0 3px rgba(39,49,61,.07)}
.warehouse-tree-search button{position:absolute;right:9px;width:30px;height:30px;border:0;border-radius:9px;background:#eef1f4;color:#697481;font-size:19px;cursor:pointer}
.warehouse-tree-node.is-search-hidden{display:none!important}
.warehouse-tree-list.is-searching .warehouse-tree-node:not(.is-search-hidden)>.warehouse-tree-row{background:#fbfcfd}
@media(max-width:560px){.warehouse-tree-search{margin-left:14px;margin-right:14px}}

/* v296: marketplace color is reserved for the column that is actually sorted. */
.marketplace-table--ozon{--marketplace-table-heading:#1267ff}
.marketplace-table--wildberries{--marketplace-table-heading:#a100df}
.marketplace-table--yandex{--marketplace-table-heading:#a88400}

.marketplace-table--ozon :is(thead th,[role="columnheader"]),
.marketplace-table--wildberries :is(thead th,[role="columnheader"]),
.marketplace-table--yandex :is(thead th,[role="columnheader"]){
  color:#252a32!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]),
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]),
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]){
  color:#252a32!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active,
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active,
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active,
.marketplace-table--ozon :is(th,[role="columnheader"])[aria-sort]:not([aria-sort="none"]),
.marketplace-table--wildberries :is(th,[role="columnheader"])[aria-sort]:not([aria-sort="none"]),
.marketplace-table--yandex :is(th,[role="columnheader"])[aria-sort]:not([aria-sort="none"]){
  color:var(--marketplace-table-heading)!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active :is(i,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows),
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active :is(i,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows),
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort]).is-active :is(i,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows){
  color:var(--marketplace-table-heading)!important;
}


/* v296: Wildberries Global / Hong Kong calculation table. */
.wb-hk-note{margin-bottom:14px}
.wb-hk-table-wrap{max-height:68vh;overflow:auto;border:1px solid #d7dde5;border-radius:14px;background:#fff}
.wb-hk-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-family:Arial,sans-serif;font-size:11px}
.wb-hk-table th,.wb-hk-table td{min-width:118px;max-width:190px;padding:8px 9px;border-right:1px solid #d8dde5;border-bottom:1px solid #d8dde5;vertical-align:middle;text-align:center;white-space:normal;line-height:1.25}
.wb-hk-table thead{position:sticky;top:0;z-index:8}
.wb-hk-table thead th{position:sticky;font-family:Arial,sans-serif;font-size:11px;font-weight:800;color:#20242a!important}
.wb-hk-table .wb-hk-groups--top th{top:0;height:34px;font-size:12px;letter-spacing:.02em;text-transform:uppercase}
.wb-hk-table .wb-hk-groups--sub th{top:34px;height:36px;font-size:10px}
.wb-hk-table .wb-hk-columns th{top:70px;height:66px;background:#f4f6f8;vertical-align:middle}
.wb-hk-group--general{background:#d9eaf7!important}
.wb-hk-group--cost{background:#fce5cd!important}
.wb-hk-group--tax{background:#eadcf8!important}
.wb-hk-group--promo{background:#fff2cc!important}
.wb-hk-group--wb-costs{background:#d9ead3!important}
.wb-hk-group--finance{background:#cfe2f3!important}
.wb-hk-group--result{background:#d9d2e9!important}
.wb-hk-group--tech{background:#e6e6e6!important}
.wb-hk-table tbody tr:nth-child(even) td{background:#fafbfc}
.wb-hk-table tbody tr:hover td{background:#f7f3fb}
.wb-hk-table .wb-hk-columns th:first-child,.wb-hk-table tbody td:first-child{position:sticky;left:0;z-index:5;min-width:150px}
.wb-hk-table .wb-hk-columns th:nth-child(2),.wb-hk-table tbody td:nth-child(2){position:sticky;left:150px;z-index:5;min-width:220px;max-width:260px}
.wb-hk-table tbody td:first-child,.wb-hk-table tbody td:nth-child(2){background:#fff}
.wb-hk-table tbody tr:nth-child(even) td:first-child,.wb-hk-table tbody tr:nth-child(even) td:nth-child(2){background:#fafbfc}
.wb-hk-table .wb-hk-columns th:first-child,.wb-hk-table .wb-hk-columns th:nth-child(2){z-index:12}
.wb-hk-cell{position:relative;color:#2f3742}
.wb-hk-cell--locked{padding-right:23px!important}
.wb-hk-cell-value{display:flex;flex-direction:column;align-items:center;gap:2px;overflow-wrap:anywhere}
.wb-hk-cell-value small,.wb-hk-payment-value+small{font-size:10px;color:#737d89}
.wb-hk-lock{position:absolute;right:5px;top:5px;font-size:9px;opacity:.45;filter:grayscale(1)}
.wb-hk-columns .wb-hk-lock{position:static;display:inline-block;margin-left:4px;vertical-align:middle}
.wb-hk-input{width:100%;min-width:86px;height:34px;padding:6px 8px;border:1px solid #cbd3dd;border-radius:8px;background:#fff;color:#252b33;text-align:right;font:inherit;font-weight:700;box-sizing:border-box}
.wb-hk-input:focus{outline:0;border-color:#9d38c7;box-shadow:0 0 0 3px rgba(161,0,223,.1)}
.wb-hk-input.is-saving{background:#fff8df}
.wb-hk-input.is-saved{border-color:#65ad7b;background:#f3fbf5}
.wb-hk-input.is-error{border-color:#d45656;background:#fff5f5}
.wb-hk-row.is-price-changed td{box-shadow:inset 0 2px 0 rgba(161,0,223,.18),inset 0 -2px 0 rgba(161,0,223,.18)}
.wb-hk-sort{white-space:normal;line-height:1.2;font-size:11px}
.wb-hk-payment-list{display:grid;gap:5px;padding:8px!important;max-height:none!important}
.wb-hk-payment-card{width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,opacity .16s ease}
.wb-hk-payment-card:hover{background:#f7f5ff}
.wb-hk-payment-card__selector{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#f3efff}
.wb-hk-payment-card__selector i{display:block;width:12px;height:12px;border:1.7px solid #7851e8;border-radius:50%;background:#fff;box-sizing:border-box}
.wb-hk-payment-card.is-connected .wb-hk-payment-card__selector i{border:3px solid #7851e8;box-shadow:inset 0 0 0 2px #fff;background:#7851e8}
.wb-hk-payment-card__logo{font-size:15px;font-weight:900;letter-spacing:-.02em;line-height:1}
.wb-hk-payment-card__logo--payful{color:#5146d8}
.wb-hk-payment-card__logo--infinia{color:#d91f35}
.wb-hk-payment-card__logo--rutrade{color:#353b67}
.wb-hk-payment-card:disabled{opacity:.58;cursor:wait}
@media(max-width:900px){.wb-hk-table-wrap{max-height:62vh}.wb-hk-table th,.wb-hk-table td{min-width:108px}.wb-hk-table th:nth-child(2),.wb-hk-table td:nth-child(2){min-width:180px;left:140px}.wb-hk-table th:first-child,.wb-hk-table td:first-child{min-width:140px}}

.wb-hk-cell.metric-positive .wb-hk-output-value{color:#21874b;font-weight:800}
.wb-hk-cell.metric-negative .wb-hk-output-value{color:#c33c3c;font-weight:800}
.wb-hk-cell.metric-zero .wb-hk-output-value{color:#7b8490}
.wb-hk-table .pricing-sort-control.is-active{font-weight:900}

/* v296: shared organization tax settings used by marketplace calculations. */
.finance-settings-card{margin:18px 0;padding:22px;border:1px solid #dce1e7;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(25,35,48,.05)}
.finance-settings-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.finance-settings-card__head h2{margin:0 0 5px;font-size:18px}.finance-settings-card__head p{margin:0;color:#6e7884;font-size:12px}
.finance-settings-table-wrap{overflow:auto;border:1px solid #e0e4e9;border-radius:13px}
.finance-settings-table{width:100%;border-collapse:collapse;min-width:620px}.finance-settings-table th,.finance-settings-table td{padding:13px 15px;border-bottom:1px solid #e5e8ec;text-align:left;font-size:12px}.finance-settings-table th{background:#f5f7f9;color:#29313a;font-weight:900}.finance-settings-table tr:last-child td{border-bottom:0}
.finance-settings-table input{width:150px;height:36px;padding:7px 10px;border:1px solid #cbd3dc;border-radius:9px;background:#fff;font:inherit;font-weight:800;text-align:right}.finance-settings-table input:focus{outline:0;border-color:#717b87;box-shadow:0 0 0 3px rgba(55,65,75,.08)}
.finance-setting-status{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eef1f4;color:#69737e;font-size:10px;font-weight:800}.finance-setting-status.is-saving{background:#fff5d8;color:#8b681a}.finance-setting-status.is-saved{background:#e8f6eb;color:#2f7d43}.finance-setting-status.is-error{background:#fff0ee;color:#b13b2f}

/* v308: every marketplace table keeps neutral headings; only the actively sorted column uses marketplace color. */
.marketplace-table--ozon{--marketplace-table-heading:#1267ff}
.marketplace-table--wildberries{--marketplace-table-heading:#a100df}
.marketplace-table--yandex{--marketplace-table-heading:#a88400}

.marketplace-table--ozon :is(thead th,[role="columnheader"],.review-table-head>*),
.marketplace-table--wildberries :is(thead th,[role="columnheader"],.review-table-head>*),
.marketplace-table--yandex :is(thead th,[role="columnheader"],.review-table-head>*){
  color:#252a32!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]),
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]),
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]){
  color:#252a32!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active,
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active,
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active,
.marketplace-table--ozon :is(th,[role="columnheader"]):is([aria-sort="ascending"],[aria-sort="descending"]),
.marketplace-table--wildberries :is(th,[role="columnheader"]):is([aria-sort="ascending"],[aria-sort="descending"]),
.marketplace-table--yandex :is(th,[role="columnheader"]):is([aria-sort="ascending"],[aria-sort="descending"]),
.marketplace-table--ozon :is(th,[role="columnheader"]):has(.is-active),
.marketplace-table--wildberries :is(th,[role="columnheader"]):has(.is-active),
.marketplace-table--yandex :is(th,[role="columnheader"]):has(.is-active){
  color:var(--marketplace-table-heading)!important;
}
.marketplace-table--ozon :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active :is(span,i,svg,.app-icon,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows),
.marketplace-table--wildberries :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active :is(span,i,svg,.app-icon,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows),
.marketplace-table--yandex :is(.pricing-sort-control,.review-sort,.orders-sort,.table-sort,.api-sort-link,.warehouse-stock-sort,.products-sort-link,[data-sort-field],[data-product-sort-field],[data-review-sort],[data-sort]).is-active :is(span,i,svg,.app-icon,.pricing-sort-arrows,.orders-sort__arrows,.warehouse-stock-sort__arrows,.sort-arrows){
  color:var(--marketplace-table-heading)!important;
}

/* v321: WB cost editor uses the standard solid modal design. */
#cost-modal{background:rgba(20,27,36,.52)!important;backdrop-filter:blur(4px)}
#cost-modal .cost-modal-card{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:24px!important;border:1px solid #e2e6eb!important;border-radius:20px!important;background:#fff!important;opacity:1!important;filter:none!important;box-shadow:0 28px 80px rgba(13,20,30,.28)!important}
#cost-modal .modal-heading{position:sticky;top:-24px;z-index:2;margin:-24px -24px 18px;padding:22px 24px 16px;background:#fff;border-bottom:1px solid #e7eaee;border-radius:20px 20px 0 0}
#cost-modal .cost-form-grid label{background:#f7f8fa!important;border-color:#e2e6eb!important}
#cost-modal .cost-form-grid input{background:#fff!important;color:#202833!important}
#cost-modal .modal-actions{position:sticky;bottom:-24px;margin:18px -24px -24px;padding:16px 24px;background:#fff;border-top:1px solid #e7eaee}

/* v322 · order label type/size picker */
.orders-label-dialog-card{width:min(720px,calc(100vw - 32px));padding:26px!important}
.orders-label-dialog-head{text-align:center;margin-bottom:20px}
.orders-label-dialog-head>span{display:block;margin-bottom:6px;color:#737d89;font-size:10px;font-weight:850;letter-spacing:.12em}
.orders-label-dialog-head h2{margin:0!important;font-size:24px!important}
.orders-label-dialog-head p{margin:7px 0 0;color:#87919d;font-size:11px}
.orders-label-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.orders-label-options fieldset{margin:0;padding:14px;border:1px solid #e1e5ea;border-radius:15px;background:#f8f9fb}
.orders-label-options legend{padding:0 6px;color:#3f4a56;font-size:11px;font-weight:850}
.orders-label-option{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid transparent;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
.orders-label-option+ .orders-label-option{margin-top:8px}
.orders-label-option:has(input:checked){border-color:#24282e;box-shadow:0 0 0 2px rgba(36,40,46,.08)}
.orders-label-option input{margin-top:2px;accent-color:#24282e}
.orders-label-option span,.orders-label-option strong,.orders-label-option small{display:block}
.orders-label-option strong{color:#26313d;font-size:12px}
.orders-label-option small{margin-top:4px;color:#87919d;font-size:10px;line-height:1.35}
.orders-video-label-preview{margin-top:14px;padding:14px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;border:1px solid #b9d4ff;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(23,105,255,.07)}
.orders-video-label-preview[hidden]{display:none!important}
.orders-video-label-preview__camera{position:relative;width:78px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f2f7ff;color:#1769ff}
.orders-video-label-preview__camera span{width:37px;height:22px;border-radius:6px;background:#5ca8ff;box-shadow:inset -9px -5px 0 rgba(23,105,255,.2)}
.orders-video-label-preview__camera b{position:absolute;right:5px;bottom:2px;font-size:8px}
.orders-video-label-preview>div:last-child strong{display:block;color:#0c1d3a;font-size:15px;line-height:1.25}
.orders-video-label-preview>div:last-child small{display:block;margin-top:7px;color:#65748b;font-size:10px}
@media(max-width:700px){.orders-label-options{grid-template-columns:1fr}.orders-video-label-preview{grid-template-columns:70px 1fr}.orders-video-label-preview__camera{width:62px;height:48px}}
/* v323 · detailed video-recording camera preview */
.orders-video-label-preview__camera{position:relative;overflow:visible!important;background:#f2f7ff!important;border:1px solid #b9d4ff}
.orders-video-label-preview__camera svg{width:68px;height:52px;display:block}
.orders-video-label-preview__camera b{right:2px!important;bottom:-1px!important;display:flex;align-items:center;gap:3px;color:#1769ff!important;font-size:8px!important;letter-spacing:.04em}
.orders-video-label-preview__camera b:before{content:"";width:5px;height:5px;border-radius:50%;background:#1769ff}
.dashboard-marketplace-tab--offline::before{background:#303840}.dashboard-marketplace-tab--offline.active{background:#eef1f4!important;border-color:#8f99a4!important;color:#303840!important}


/* v325 — Orders hover submenu */
.main-nav-menu--orders .main-nav-submenu--orders { width: 292px; }
.main-nav-menu--orders:hover .orders-nav-chevron,
.main-nav-menu--orders:focus-within .orders-nav-chevron { transform: rotate(180deg); }
@media (max-width: 900px) {
    .main-nav-menu--orders > .main-nav__link { width: 100%; justify-content: space-between; }
}

/* Animated result card for product Excel updates. */
.product-import-result-card {
    opacity: 0;
    transform: translateY(16px) scale(.985);
}
.product-import-result-shell.is-visible .product-import-result-card {
    animation: productImportResultIn .42s cubic-bezier(.22,1,.36,1) forwards;
}
.product-import-result-summary > div {
    opacity: 0;
    transform: translateY(10px);
}
.product-import-result-shell.is-visible .product-import-result-summary > div {
    animation: productImportMetricIn .34s cubic-bezier(.22,1,.36,1) forwards;
}
.product-import-result-shell.is-visible .product-import-result-summary > div:nth-child(1) { animation-delay: .10s; }
.product-import-result-shell.is-visible .product-import-result-summary > div:nth-child(2) { animation-delay: .17s; }
.product-import-result-shell.is-visible .product-import-result-summary > div:nth-child(3) { animation-delay: .24s; }
.product-import-result-shell.is-visible .product-import-result-summary > div:nth-child(4) { animation-delay: .31s; }
.product-import-result-summary strong { font-variant-numeric: tabular-nums; }
.product-import-result-shell--yandex .product-import-result-summary .is-pending strong,
.price-update-shell--yandex .product-import-result-summary .is-pending strong { color:#9b7b00; }
@keyframes productImportResultIn {
    to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes productImportMetricIn {
    to { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .product-import-result-card,
    .product-import-result-summary > div {
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
}

/* v340: fast inline seller-stock updates */
.warehouse-stock-edit button.is-saved {
  background:#208a4b;
  animation:warehouse-stock-saved-pop .55s ease;
}
.warehouse-stock-table tr.is-stock-saved td {
  animation:warehouse-stock-row-saved .65s ease;
}
@keyframes warehouse-stock-saved-pop {
  0% { transform:scale(.84); opacity:.65; }
  55% { transform:scale(1.12); opacity:1; }
  100% { transform:scale(1); opacity:1; }
}
@keyframes warehouse-stock-row-saved {
  0%,100% { background:transparent; }
  35% { background:#edf9f1; }
}

/* WB supplies: cargo places and printable QR codes */
.orders-dialog-field input{
    min-height:42px;
    width:100%;
    box-sizing:border-box;
    padding:8px 11px;
    border:1px solid #ccc;
    border-radius:10px;
    background:#fff;
    color:#222;
    font:inherit;
}
.orders-dialog-field input:focus,.orders-dialog-field select:focus{
    border-color:#9a55d1;
    outline:3px solid rgba(154,85,209,.13);
}
.orders-supply-card{width:min(640px,calc(100vw - 28px));}
.supply-list label.is-done{opacity:.72;background:#f6f6f6;}
.supply-box-editor{
    display:grid;
    gap:12px;
    margin-top:14px;
    padding:14px;
    border:1px solid #e3e3e3;
    border-radius:14px;
    background:#fafafa;
}
.supply-box-editor[hidden]{display:none;}
.supply-box-editor__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.supply-box-editor__summary strong{font-size:17px;}
.supply-box-editor__summary span{font-size:12px;color:#777;text-align:right;}
.supply-box-editor__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;}
.supply-box-editor__controls .orders-dialog-field{margin:0;}
.supply-qr-actions{display:flex;flex-wrap:wrap;gap:8px;}
.supply-operation-result{padding:10px 12px;border-radius:10px;background:#ecf8ef;color:#236b33;font-size:13px;line-height:1.45;}
.supply-operation-result.is-error{background:#fff0f0;color:#9b2525;}
@media (max-width:640px){
    .supply-box-editor__controls{grid-template-columns:1fr;}
    .supply-box-editor__summary{align-items:flex-start;flex-direction:column;}
    .supply-box-editor__summary span{text-align:left;}
    .supply-qr-actions .button{width:100%;}
}

/* V346: compact WB supply selector and Yandex signatory picker */
.supply-deliver-select-field{
    margin-top:14px;
}
#supply-deliver-select{
    width:100%;
    min-height:48px;
    padding:10px 42px 10px 13px;
    border:1px solid #c9cfd8;
    border-radius:12px;
    background:#fff;
    color:#25282d;
    font:inherit;
    font-weight:700;
    text-overflow:ellipsis;
}
#supply-deliver-select:disabled{color:#8b8f96;background:#f5f6f7;}
.orders-signatory-card{width:min(620px,calc(100vw - 28px));}
.marketplace-operation-note--neutral{background:#f2f5f8;color:#4b5663;}
#yandex-signatory-select{
    width:100%;
    min-height:46px;
    padding:9px 12px;
    border:1px solid #c9cfd8;
    border-radius:11px;
    background:#fff;
    color:#222;
    font:inherit;
}


/* V358: compact marketplace initials are used only inside news avatars. */
.news-avatar .news-logo--ozon,
.news-avatar .news-logo--wb,
.news-avatar .news-logo--yandex {
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    line-height: 1 !important;
    text-align: center !important;
}
.news-avatar .news-logo--wb { font-size: 13px !important; }

/* V366: hierarchical category filters on all pricing pages. */
.pricing-category-node{
    margin:2px 0;
    border:1px solid #e5e8ec;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}
.pricing-category-node > summary{
    min-height:38px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#414852;
    font-size:11px;
    font-weight:750;
    cursor:pointer;
    list-style:none;
}
.pricing-category-node > summary::-webkit-details-marker{display:none;}
.pricing-category-node > summary:hover{background:#f6f7f8;}
.pricing-category-node > summary .app-dropdown-chevron{
    width:13px;
    height:13px;
    flex:0 0 13px;
    transition:transform .16s ease;
}
.pricing-category-node[open] > summary .app-dropdown-chevron{transform:rotate(180deg);}
.pricing-category-node__children{
    padding:5px 7px 7px 15px;
    display:grid;
    gap:2px;
    border-top:1px solid #eceef1;
    background:#fafbfc;
}
.pricing-category-choice{min-height:34px!important;margin:0!important;padding:6px 7px!important;border-radius:7px;}
.pricing-category-choice--all span{font-weight:750;color:#30363e;}
.pricing-category-choice--child{position:relative;padding-left:18px!important;}
.pricing-category-choice--child::before{
    content:"";
    position:absolute;
    left:7px;
    top:0;
    bottom:50%;
    width:7px;
    border-left:1px solid #cfd4da;
    border-bottom:1px solid #cfd4da;
    border-radius:0 0 0 4px;
}

/* V370: diagnostic display of all WB Hong Kong commission rates. */
.wb-hk-cell--commission-debug{min-width:230px!important;max-width:320px!important;}
.wb-hk-cell--commission-debug .wb-hk-cell-value{align-items:flex-start!important;white-space:normal!important;line-height:1.35!important;}
.wb-hk-cell--commission-debug .wb-hk-output-value{font-size:10px!important;font-weight:800!important;overflow-wrap:anywhere!important;}
.wb-hk-cell--commission-debug small{margin-top:3px!important;color:#7b828d!important;font-size:8px!important;}



/* v84 · compact seller-stock upload modal and site-style import preview/result */
.warehouse-stock-upload-card {
    width: min(980px, calc(100vw - 40px)) !important;
    max-height: calc(100vh - 36px);
    padding: 28px 44px 24px !important;
    border-radius: 26px !important;
}
.warehouse-stock-upload-back {
    left: 22px;
    top: 22px;
    width: 50px;
    height: 50px;
    border-radius: 15px;
}
.warehouse-stock-upload-heading {
    max-width: 860px;
    padding: 0 56px 18px;
}
.warehouse-stock-upload-heading .eyebrow {
    font-size: 12px;
}
.warehouse-stock-upload-heading h2 {
    margin: 10px 0 8px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.06;
}
.warehouse-stock-upload-heading > p {
    max-width: 660px;
    font-size: 14px;
    line-height: 1.45;
}
.warehouse-stock-upload-group {
    min-height: 38px;
    margin-top: 16px;
    padding: 8px 15px;
    font-size: 13px;
}
.warehouse-stock-upload-form {
    gap: 14px;
}
.warehouse-stock-upload-dropzone {
    min-height: 248px;
    padding: 28px 26px;
    gap: 14px !important;
    border-radius: 24px;
}
.warehouse-stock-upload-icon {
    width: 76px;
    height: 76px;
    border-radius: 24px;
}
.warehouse-stock-upload-icon .app-icon {
    width: 40px;
    height: 40px;
}
.warehouse-stock-upload-copy strong {
    font-size: 18px;
}
.warehouse-stock-upload-copy > span {
    margin-top: 5px;
    font-size: 14px;
}
.warehouse-stock-upload-copy small {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.45;
}
.warehouse-stock-upload-copy em {
    min-height: 28px;
    margin-top: 10px;
    padding: 6px 11px;
    font-size: 11px;
}
.warehouse-stock-upload-hint {
    max-width: 720px;
    font-size: 12px;
}
.warehouse-stock-upload-actions .button {
    min-width: 170px;
    min-height: 46px;
    border-radius: 14px;
}
.warehouse-stock-upload-security {
    margin-top: 2px;
    padding-top: 16px;
}
.warehouse-stock-upload-security > span {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 13px;
}
.warehouse-stock-upload-security strong {
    font-size: 11px;
}
.warehouse-stock-upload-security small {
    font-size: 10px;
}
@media (max-width: 820px) {
    .warehouse-stock-upload-card {
        width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 16px);
        padding: 64px 16px 18px !important;
        border-radius: 22px !important;
    }
    .warehouse-stock-upload-heading {
        padding: 0 0 16px;
    }
    .warehouse-stock-upload-heading h2 {
        font-size: 30px;
    }
    .warehouse-stock-upload-dropzone {
        min-height: 220px;
        padding: 22px 16px;
        border-radius: 20px;
    }
    .warehouse-stock-upload-icon {
        width: 68px;
        height: 68px;
    }
    .warehouse-stock-upload-copy strong {
        font-size: 17px;
    }
}

.warehouse-stock-import-page .app-main {
    background: linear-gradient(180deg, #f6f8fb 0%, #f3f5f8 100%);
}
.warehouse-import-heading {
    margin-bottom: 16px;
}
.warehouse-import-heading h1 {
    letter-spacing: -.03em;
}
.warehouse-import-heading p {
    max-width: 880px;
}
.warehouse-import-file-card {
    position: relative;
    gap: 18px;
    margin-bottom: 16px;
    padding: 18px 20px;
    border: 1px solid #dde3ea;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 14px 38px rgba(17, 24, 32, .05);
}
.warehouse-import-file-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 20px 0 0 20px;
    background: #1f232b;
}
.warehouse-import-file-card--compact .warehouse-import-file-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
}
.warehouse-import-file-card > div:nth-child(2) span,
.warehouse-import-file-card small {
    font-size: 12px;
}
.warehouse-import-file-card > div:nth-child(2) strong {
    font-size: 20px;
    line-height: 1.2;
}
.warehouse-import-file-stats {
    gap: 10px;
}
.warehouse-import-file-stats span {
    min-width: 104px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f5f7fa;
    font-size: 11px;
}
.warehouse-import-file-stats b {
    font-size: 22px;
}
.warehouse-import-notes {
    gap: 10px;
    margin-bottom: 16px;
}
.warehouse-import-notes span {
    padding: 10px 13px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(17, 24, 32, .04);
}
.warehouse-import-errors,
.warehouse-import-preview,
.warehouse-import-result-list {
    border-radius: 20px !important;
    border-color: #dde3ea !important;
    box-shadow: 0 14px 38px rgba(17, 24, 32, .05);
}
.warehouse-import-section-head {
    align-items: center;
    padding: 18px 20px;
    background: linear-gradient(180deg, #fff8f8 0%, #fffefe 100%);
}
.warehouse-import-preview-head {
    align-items: flex-start;
    gap: 14px;
}
.warehouse-import-preview-head > div {
    display: grid;
    gap: 6px;
}
.warehouse-import-preview-subtitle {
    color: #77808b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}
.warehouse-import-change-list {
    padding: 14px;
    display: grid;
    gap: 12px;
    background: #f7f9fc;
}
.warehouse-import-change {
    gap: 16px;
    padding: 15px 16px;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(17, 24, 32, .04);
}
.warehouse-import-change .change-preview-product__info {
    display: grid;
    gap: 4px;
}
.warehouse-import-change .change-preview-product__info strong {
    font-size: 15px;
}
.warehouse-import-change .change-preview-product__info span {
    color: #6f7783;
    font-size: 11px;
}
.warehouse-import-change .change-preview-product__remove {
    justify-self: end;
}
.warehouse-import-change-line {
    align-items: center;
    padding: 12px 14px;
    border: 1px solid #e2e7ed;
    border-radius: 14px;
    background: #fbfcfe;
}
.warehouse-import-delta {
    min-width: 58px;
}
.warehouse-import-actions {
    padding: 16px 18px;
    background: #fff;
}
.warehouse-import-result-metrics {
    gap: 14px;
    margin-bottom: 16px;
}
.warehouse-import-result-metrics article {
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(17, 24, 32, .04);
}
.warehouse-import-result-row {
    gap: 14px;
    padding: 14px 18px;
}
.warehouse-import-result-row > div:nth-child(2) strong {
    display: block;
    font-size: 14px;
}
.warehouse-import-result-row > div:nth-child(2) span,
.warehouse-import-result-row small {
    font-size: 12px;
}
@media (max-width: 980px) {
    .warehouse-import-file-card {
        padding: 16px;
    }
    .warehouse-import-file-card > div:nth-child(2) strong {
        font-size: 18px;
    }
    .warehouse-import-change .change-preview-product__remove {
        justify-self: stretch;
    }
}
@media (max-width: 620px) {
    .warehouse-import-file-stats span {
        min-width: 92px;
    }
    .warehouse-import-change-list {
        padding: 10px;
    }
    .warehouse-import-change {
        padding: 13px;
    }
    .warehouse-import-actions {
        gap: 10px;
    }
    .warehouse-import-actions form,
    .warehouse-import-actions form .button {
        width: 100%;
    }
}

/* v481 · regenerated video-recording camera artwork */
.orders-video-label-preview__camera{
    width:78px!important;
    height:78px!important;
    overflow:hidden!important;
    border:1px solid #b9d4ff!important;
    border-radius:50%!important;
    background:#eef5ff!important;
    box-shadow:0 8px 22px rgba(23,105,255,.10)!important;
}
.orders-video-label-preview__camera img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
@media(max-width:700px){
  .orders-video-label-preview__camera{width:64px!important;height:64px!important}
}

/* V571 · progressive paint for long tables. */
.app-progressive-table > tbody > tr {
    content-visibility: auto;
    contain-intrinsic-size: auto 58px;
}

/* V584 · deterministic knowledge-base anchor positioning. */
.knowledge-page .knowledge-guide,
.knowledge-page .knowledge-chapter,
.knowledge-page .knowledge-article__header [id] {
    scroll-margin-top: 18px;
}

/* V597 · product export without dimmed backdrop + circular live progress. */
.product-export-modal{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
.product-export-progress{
    margin-top:14px;
    min-height:78px;
    padding:12px 14px;
    border:1px solid #dce3ea;
    border-radius:16px;
    background:#f8fafc;
    display:flex;
    align-items:center;
    gap:13px;
}
.product-export-progress[hidden]{display:none!important}
.product-export-progress__ring{
    --export-progress:0deg;
    position:relative;
    width:54px;
    height:54px;
    flex:0 0 54px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:conic-gradient(var(--blue,#1e7cf2) var(--export-progress),#e3e9ef 0);
    transition:background .25s ease;
}
.product-export-modal--wb .product-export-progress__ring{background:conic-gradient(#a100df var(--export-progress),#e9e2ed 0)}
.product-export-modal--yandex .product-export-progress__ring{background:conic-gradient(#e3b600 var(--export-progress),#eee9cf 0)}
.product-export-progress__ring::before{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:50%;
    background:#fff;
}
.product-export-progress__ring span{
    position:relative;
    z-index:1;
    color:#27313c;
    font-size:11px;
    font-weight:900;
    letter-spacing:-.02em;
}
.product-export-progress__copy{min-width:0;display:grid;gap:3px}
.product-export-progress__copy strong{color:#26313c;font-size:12px;line-height:1.35}
.product-export-progress__copy small{color:#7f8a96;font-size:10px;line-height:1.35}
.product-export-progress.is-complete{border-color:#cfe4d6;background:#f7fbf8}
@media(max-width:620px){
    .product-export-progress{align-items:flex-start}
    .product-export-progress__ring{width:48px;height:48px;flex-basis:48px}
}


/* V598 · export windows are truly backdrop-free, including legacy modal rules. */
html body.products-modern-body #exportModal.product-export-modal.modal-overlay,
html body #exportModal.product-export-modal.modal-overlay,
#exportModal.product-export-modal.is-open{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

/* V603 · registration card follows the application UI instead of the old oversized auth mockup. */
body.auth-page [data-auth-page="register-simple"]{
  width:min(620px,100%)!important;
  min-height:0!important;
  padding:28px 30px 24px!important;
  border:1px solid #e2e7ed!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(31,40,55,.07)!important;
}
body.auth-page .auth-flow:has([data-auth-page="register-simple"]){min-height:calc(100vh - 76px)!important;padding:28px 18px!important;background:#f7f8fa!important}
body.auth-page [data-auth-page="register-simple"] .auth-flow-head{margin-bottom:22px!important;text-align:left!important}
body.auth-page [data-auth-page="register-simple"] .auth-flow-head h1{margin:0 0 7px!important;color:#151a22!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.04em!important}
body.auth-page [data-auth-page="register-simple"] .auth-flow-head p{color:#7b8591!important;font-size:12px!important}
body.auth-page [data-auth-page="register-simple"] .auth-field-block{margin-bottom:15px!important}
body.auth-page [data-auth-page="register-simple"] .auth-field-block>label{margin-bottom:7px!important;color:#4f5966!important;font-size:11px!important;font-weight:800!important}
body.auth-page [data-auth-page="register-simple"] .auth-input-wrap{min-height:48px!important;border:1px solid #dce2e8!important;border-radius:12px!important;background:#fbfcfd!important;box-shadow:none!important}
body.auth-page [data-auth-page="register-simple"] .auth-input-wrap:focus-within{border-color:#aab4bf!important;box-shadow:0 0 0 3px rgba(52,64,78,.08)!important}
body.auth-page [data-auth-page="register-simple"] .auth-input-wrap input{font-size:13px!important;color:#232a33!important}
body.auth-page [data-auth-page="register-simple"] .auth-field-hint{margin:5px 2px 0!important;color:#929ba6!important;font-size:9px!important;line-height:1.35!important}
body.auth-page [data-auth-page="register-simple"] .auth-submit-button{min-height:48px!important;margin-top:5px!important;border-radius:11px!important;background:#17191d!important;color:#fff!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important}
body.auth-page [data-auth-page="register-simple"] .auth-submit-button:disabled{background:#e6e9ed!important;color:#9aa3ad!important}
body.auth-page [data-auth-page="register-simple"] .auth-terms-row{margin-top:14px!important;color:#747e89!important;font-size:10px!important;line-height:1.45!important}
body.auth-page [data-auth-page="register-simple"] .auth-bottom-link{margin:18px 0 0!important;color:#7b8591!important;font-size:11px!important;text-align:center!important}
@media(max-width:640px){body.auth-page [data-auth-page="register-simple"]{padding:22px 16px 18px!important;border-radius:16px!important}body.auth-page [data-auth-page="register-simple"] .auth-flow-head h1{font-size:26px!important}}

/* V603 · remove the old top padding gap from the managed product export window. */
#exportModal.product-export-modal .product-export-modal__card.app-managed-window{
  padding-top:0!important;
}
#exportModal.product-export-modal .product-export-modal__card.app-managed-window>.app-window-titlebar{
  margin-top:0!important;
  margin-left:calc(0px - var(--wm-pad-left,0px))!important;
  margin-right:calc(0px - var(--wm-pad-right,0px) - var(--wm-scrollbar-width,0px))!important;
  border-radius:11px 11px 0 0!important;
}

/* V604 · compact auth screens and correctly sized legal-consent control. */
body.auth-page .auth-flow:has([data-auth-page="login"]){
  min-height:calc(100vh - 76px)!important;
  padding:28px 18px!important;
  background:#f7f8fa!important;
}
body.auth-page [data-auth-page="login"]{
  width:min(620px,100%)!important;
  min-height:0!important;
  padding:28px 30px 24px!important;
  border:1px solid #e2e7ed!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(31,40,55,.07)!important;
}
body.auth-page [data-auth-page="login"] .auth-flow-head{margin-bottom:22px!important;text-align:left!important}
body.auth-page [data-auth-page="login"] .auth-flow-head h1{margin:0 0 7px!important;color:#151a22!important;font-size:30px!important;line-height:1.08!important;letter-spacing:-.04em!important}
body.auth-page [data-auth-page="login"] .auth-flow-head p{color:#7b8591!important;font-size:12px!important}
body.auth-page [data-auth-page="login"] .auth-field-block{margin-bottom:15px!important}
body.auth-page [data-auth-page="login"] .auth-field-block>label{margin-bottom:7px!important;color:#4f5966!important;font-size:11px!important;font-weight:800!important}
body.auth-page [data-auth-page="login"] .auth-input-wrap{min-height:48px!important;border:1px solid #dce2e8!important;border-radius:12px!important;background:#fbfcfd!important;box-shadow:none!important}
body.auth-page [data-auth-page="login"] .auth-input-wrap:focus-within{border-color:#aab4bf!important;box-shadow:0 0 0 3px rgba(52,64,78,.08)!important}
body.auth-page [data-auth-page="login"] .auth-input-wrap input{font-size:13px!important;color:#232a33!important;background:transparent!important}
body.auth-page [data-auth-page="login"] .auth-input-icon{font-size:16px!important;color:#7f8995!important}
body.auth-page [data-auth-page="login"] .auth-eye-button{font-size:18px!important}
body.auth-page [data-auth-page="login"] .auth-switch-row{margin:4px 0 2px!important;gap:9px!important;color:#66717d!important;font-size:12px!important}
body.auth-page [data-auth-page="login"] .auth-switch{width:38px!important;height:22px!important;background:#dde2e7!important}
body.auth-page [data-auth-page="login"] .auth-switch::after{top:3px!important;left:3px!important;width:16px!important;height:16px!important}
body.auth-page [data-auth-page="login"] .auth-switch-row input:checked + .auth-switch::after{transform:translateX(16px)!important}
body.auth-page [data-auth-page="login"] .auth-submit-button{min-height:48px!important;margin-top:14px!important;border-radius:11px!important;background:#17191d!important;color:#fff!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important}
body.auth-page [data-auth-page="login"] .auth-login-links{gap:8px!important;margin-top:18px!important;color:#7b8591!important;font-size:11px!important}
body.auth-page [data-auth-page="login"] .auth-inline-error{margin:0 0 12px!important;font-size:11px!important}

body.auth-page [data-auth-page="register-simple"] .auth-terms-row{
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  margin-top:16px!important;
  color:#68737f!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.auth-page [data-auth-page="register-simple"] .auth-square-check{
  width:18px!important;height:18px!important;flex-basis:18px!important;
  margin-top:1px!important;border:1.5px solid #9aa4ae!important;border-radius:5px!important;background:#fff!important;
}
body.auth-page [data-auth-page="register-simple"] .auth-terms-row input:checked + .auth-square-check::after{
  width:5px!important;height:9px!important;border-width:0 2px 2px 0!important;
}
@media(max-width:640px){
  body.auth-page [data-auth-page="login"]{padding:22px 16px 18px!important;border-radius:16px!important}
  body.auth-page [data-auth-page="login"] .auth-flow-head h1{font-size:26px!important}
}

/* V604 · keep browser autofill visually consistent with the application inputs. */
body.auth-page [data-auth-page="login"] .auth-input-wrap input:-webkit-autofill,
body.auth-page [data-auth-page="login"] .auth-input-wrap input:-webkit-autofill:hover,
body.auth-page [data-auth-page="login"] .auth-input-wrap input:-webkit-autofill:focus{
  -webkit-text-fill-color:#232a33!important;
  -webkit-box-shadow:0 0 0 1000px #fbfcfd inset!important;
  box-shadow:0 0 0 1000px #fbfcfd inset!important;
  caret-color:#232a33!important;
  transition:background-color 9999s ease-out 0s!important;
}


/* V605 · subtle staged motion for login and registration. */
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]){
  opacity:0;
  transform:translateY(14px) scale(.992);
  transform-origin:50% 35%;
  transition:opacity .42s cubic-bezier(.2,.72,.2,1),transform .48s cubic-bezier(.2,.72,.2,1),box-shadow .25s ease;
  will-change:opacity,transform;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready{
  opacity:1;
  transform:translateY(0) scale(1);
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) :is(
  .auth-flow-head,
  .auth-field-block,
  .auth-switch-row,
  .auth-submit-button,
  .auth-terms-row,
  .auth-login-links,
  .auth-bottom-link,
  .auth-inline-error--page
){
  opacity:0;
  transform:translateY(8px);
  transition:opacity .34s ease,transform .4s cubic-bezier(.2,.72,.2,1);
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready :is(
  .auth-flow-head,
  .auth-field-block,
  .auth-switch-row,
  .auth-submit-button,
  .auth-terms-row,
  .auth-login-links,
  .auth-bottom-link,
  .auth-inline-error--page
){opacity:1;transform:translateY(0)}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-flow-head{transition-delay:.04s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-field-block:nth-of-type(1){transition-delay:.09s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-field-block:nth-of-type(2){transition-delay:.13s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-field-block:nth-of-type(3){transition-delay:.17s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-field-block:nth-of-type(4){transition-delay:.21s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-switch-row,
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready .auth-submit-button{transition-delay:.22s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-ready :is(.auth-terms-row,.auth-login-links,.auth-bottom-link){transition-delay:.27s}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-input-wrap{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-input-wrap:focus-within{
  transform:translateY(-1px);
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-submit-button{
  position:relative;
  overflow:hidden;
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-submit-button:active:not(:disabled){transform:translateY(0) scale(.992)!important}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]).is-auth-submitting .auth-submit-button:not(:disabled),
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-submit-button.is-loading{
  opacity:.82;
  pointer-events:none;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-submit-button.is-loading::after{
  content:"";
  display:inline-block;
  width:13px;
  height:13px;
  margin-left:9px;
  vertical-align:-2px;
  border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;
  border-radius:50%;
  animation:auth-v605-spin .7s linear infinite;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-square-check::after,
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-switch::after{
  transition:transform .2s cubic-bezier(.2,.72,.2,1),opacity .18s ease!important;
}
body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) .auth-inline-error:not([hidden]){
  animation:auth-v605-error .28s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes auth-v605-spin{to{transform:rotate(360deg)}}
@keyframes auth-v605-error{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]),
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) *,
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) *::before,
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]),
  body.auth-page :is([data-auth-page="login"],[data-auth-page="register-simple"]) :is(.auth-flow-head,.auth-field-block,.auth-switch-row,.auth-submit-button,.auth-terms-row,.auth-login-links,.auth-bottom-link,.auth-inline-error--page){
    opacity:1!important;
    transform:none!important;
  }
}

/* V606 · explicit login result feedback. */
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-valid{
  border-color:#5fbd72!important;
  background:#f2fbf4!important;
  box-shadow:0 0 0 3px rgba(55,151,76,.11)!important;
}
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-valid input,
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-valid input:-webkit-autofill{
  background:#f2fbf4!important;
  -webkit-box-shadow:0 0 0 1000px #f2fbf4 inset!important;
  box-shadow:0 0 0 1000px #f2fbf4 inset!important;
}
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-invalid{
  border-color:#e46b6b!important;
  background:#fff5f5!important;
  box-shadow:0 0 0 3px rgba(200,64,64,.10)!important;
}
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-invalid input,
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-invalid input:-webkit-autofill{
  background:#fff5f5!important;
  -webkit-box-shadow:0 0 0 1000px #fff5f5 inset!important;
  box-shadow:0 0 0 1000px #fff5f5 inset!important;
}
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-valid .auth-input-icon{color:#459957!important}
body.auth-page [data-auth-page="login"] .auth-input-wrap.is-invalid .auth-input-icon{color:#c95555!important}

/* V613 · unified progress for long Excel downloads/uploads */
.table-file-progress{
    position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483646;
    width:min(620px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;
    padding:14px 18px;border:1px solid #d7e0e9;border-radius:20px;background:rgba(250,252,254,.97);
    box-shadow:0 18px 50px rgba(15,23,42,.16);backdrop-filter:saturate(120%);
}
.table-file-progress[hidden]{display:none!important}
.table-file-progress__ring{--table-file-progress:0deg;position:relative;width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--app-accent,#2f7df6) var(--table-file-progress),#e3e9ef 0)}
.table-file-progress__ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.table-file-progress__ring span{position:relative;z-index:1;font-size:12px;font-weight:850;color:#202a35;font-variant-numeric:tabular-nums}
.table-file-progress__copy{min-width:0;display:grid;gap:3px}.table-file-progress__copy strong{font-size:13px;color:#222d38}.table-file-progress__copy small{font-size:11px;color:#7d8997}
.table-file-progress.is-complete{border-color:#c8e3d1;background:#f7fbf8}.table-file-progress.is-complete .table-file-progress__ring{background:conic-gradient(#34a86b 360deg,#e3e9ef 0)}
.table-file-progress.is-error{border-color:#efc8c8;background:#fff8f8}.table-file-progress.is-error .table-file-progress__ring{background:conic-gradient(#dc5a5a 360deg,#f2dede 0)}
html[data-app-theme="dark"] .table-file-progress{background:rgba(20,29,38,.98);border-color:#344554;box-shadow:0 20px 54px rgba(0,0,0,.36)}
html[data-app-theme="dark"] .table-file-progress__ring{background:conic-gradient(var(--app-accent,#75a7ff) var(--table-file-progress),#2a3945 0)}
html[data-app-theme="dark"] .table-file-progress__ring::before{background:#151f28}html[data-app-theme="dark"] .table-file-progress__ring span,html[data-app-theme="dark"] .table-file-progress__copy strong{color:#edf3f7}html[data-app-theme="dark"] .table-file-progress__copy small{color:#91a1af}
@media(max-width:620px){.table-file-progress{bottom:12px;padding:12px 14px;border-radius:16px}.table-file-progress__ring{width:50px;height:50px;flex-basis:50px}}


/* V620 · public landing page for guest users */
body.guest-landing-page .app-header{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,223,234,.65)}
body.guest-landing-page .main-nav,body.guest-landing-page .nav-toggle,body.guest-landing-page .workspace-section-search{display:none!important}
body.guest-landing-page .workspace-utility-bar{justify-content:flex-end;padding:10px 26px 0;background:transparent;border:none;box-shadow:none;min-height:auto}
body.guest-landing-page .workspace-utility-bar .header-actions{margin-left:auto}
body.guest-landing-page .header-auth-button{height:44px;padding:0 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 24px rgba(26,42,70,.08)}
body.guest-landing-page .page-container{max-width:none;padding:0 24px 72px}
body.guest-landing-page .flash-list{max-width:1280px;margin:10px auto 0}

.landing-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;max-width:1280px;margin:18px auto 0;padding:42px 40px;border:1px solid rgba(214,223,234,.8);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,249,255,.96));box-shadow:0 30px 90px rgba(17,35,64,.08);overflow:hidden}
.landing-hero__backdrop{position:absolute;inset:0;pointer-events:none}.landing-grid{position:absolute;inset:0;background:linear-gradient(rgba(34,55,91,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,55,91,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 78%);opacity:.35}.landing-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.45}.landing-orb--blue{width:320px;height:320px;right:-40px;top:-70px;background:radial-gradient(circle,#8bb7ff 0%,rgba(139,183,255,0) 72%)}.landing-orb--violet{width:260px;height:260px;left:42%;top:30px;background:radial-gradient(circle,#b799ff 0%,rgba(183,153,255,0) 72%)}.landing-orb--gold{width:220px;height:220px;left:-30px;bottom:-50px;background:radial-gradient(circle,#ffe08a 0%,rgba(255,224,138,0) 72%)}
.landing-hero__content,.landing-hero__visual{position:relative;z-index:1}.landing-badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.landing-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(31,111,235,.1);border:1px solid rgba(31,111,235,.16);color:#1e63cf;font-size:13px;font-weight:800;letter-spacing:.01em}.landing-badge--soft{background:rgba(255,255,255,.82);border-color:rgba(216,224,236,.95);color:#4f5c6d}
.landing-hero h1{margin:0;max-width:760px;font-size:clamp(40px,4.5vw,74px);line-height:.98;letter-spacing:-.045em;color:#101b34}.landing-hero p{max-width:680px;margin:20px 0 0;font-size:18px;line-height:1.72;color:#5f6f84}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 14px}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:18px;text-decoration:none;font-weight:800;font-size:15px;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease}.landing-button:hover{transform:translateY(-2px)}.landing-button--primary{color:#fff;background:linear-gradient(135deg,#1c65ef,#387dff);box-shadow:0 16px 34px rgba(36,93,214,.24)}.landing-button--secondary{color:#17233c;background:#fff;border:1px solid #d6dfeb;box-shadow:0 12px 26px rgba(24,39,68,.08)}.landing-button--ghost{color:#3c4a60;background:rgba(255,255,255,.56);border:1px dashed rgba(133,151,177,.5)}.landing-hero__microcopy{font-size:14px;color:#7a8898;max-width:650px}
.landing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.landing-stat-card{padding:18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(219,226,236,.95);box-shadow:0 12px 32px rgba(25,42,73,.06)}.landing-stat-card strong{display:block;font-size:30px;line-height:1;color:#131d33;letter-spacing:-.04em}.landing-stat-card span{display:block;margin-top:10px;font-size:13px;line-height:1.6;color:#6a788a}
.landing-hero__visual{min-height:540px;display:flex;align-items:center;justify-content:center}.landing-showcase-card{position:relative;width:min(560px,100%);padding:18px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,248,255,.92));border:1px solid rgba(213,222,235,.95);box-shadow:0 26px 68px rgba(19,32,60,.12)}.landing-showcase-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.landing-showcase-pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(39,107,235,.1);color:#2a68d5;font-size:13px;font-weight:800}.landing-showcase-dots{display:flex;gap:8px}.landing-showcase-dots span{width:10px;height:10px;border-radius:50%;background:#d0d9e7}.landing-showcase-screen{display:grid;grid-template-columns:84px 1fr;gap:16px}.landing-screen-sidebar{display:grid;gap:12px;padding:12px;border-radius:24px;background:rgba(16,27,52,.04)}.landing-screen-sidebar__item{height:54px;border-radius:18px;background:#d8e1ef}.landing-screen-sidebar__item.is-active{background:linear-gradient(135deg,#1f69f0,#78a5ff)}.landing-screen-content{display:grid;gap:16px}.landing-screen-chart{display:grid;align-items:end;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:170px;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(18,28,49,.05),rgba(18,28,49,.01))}.landing-screen-chart span{display:block;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#96b7ff,#2a6ce8)}.landing-screen-chart span:nth-child(1){height:40%}.landing-screen-chart span:nth-child(2){height:72%}.landing-screen-chart span:nth-child(3){height:52%}.landing-screen-chart span:nth-child(4){height:86%}.landing-screen-chart span:nth-child(5){height:64%}.landing-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-screen-grid article{padding:16px;border-radius:22px;background:#fff;border:1px solid rgba(217,225,236,.95)}.landing-screen-grid strong{display:block;font-size:15px;color:#18233b}.landing-screen-grid small{display:block;margin-top:7px;color:#6a788b;line-height:1.5}
.landing-floating-card{position:absolute;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(214,223,235,.95);box-shadow:0 16px 44px rgba(17,31,55,.12);backdrop-filter:blur(12px)}.landing-floating-card span{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#7a8aa0}.landing-floating-card strong{display:block;margin-top:8px;font-size:28px;line-height:1;color:#13203a}.landing-floating-card small{display:block;margin-top:8px;color:#6f8094}.landing-floating-card--profit{left:10px;top:42px;max-width:220px}.landing-floating-card--ops{right:6px;bottom:18px;max-width:260px}.landing-floating-card--ops ul{display:grid;gap:9px;padding:0;margin:12px 0 0;list-style:none;color:#47576d;font-size:14px}.landing-floating-card--ops li{display:flex;align-items:center;gap:9px}.landing-floating-card--ops i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#1f69f0,#7e75ff)}
.app-motion-enabled .landing-floating-card,.app-motion-enabled .landing-showcase-card--main{animation:landingFloat 8s ease-in-out infinite}.app-motion-enabled .landing-floating-card--ops{animation-delay:-2.5s}.app-motion-enabled .landing-showcase-card--main{animation-duration:11s}@keyframes landingFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.landing-strip{max-width:1280px;margin:18px auto 0;overflow:hidden;border-radius:24px;border:1px solid rgba(220,227,236,.95);background:#fff;box-shadow:0 10px 30px rgba(19,33,57,.05)}.landing-strip__inner{display:flex;align-items:center;gap:40px;min-width:max-content;padding:14px 24px;color:#758396;font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:12px}.landing-strip__inner span{position:relative;display:inline-flex;align-items:center;gap:40px}.landing-strip__inner span::after{content:'·';color:#b2becd;margin-left:0}.app-motion-enabled .landing-strip__inner{animation:landingTicker 32s linear infinite}@keyframes landingTicker{from{transform:translateX(0)}to{transform:translateX(-40%)}}

.landing-section{max-width:1280px;margin:24px auto 0;padding:38px;border-radius:32px;border:1px solid rgba(219,227,236,.95);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,252,254,.98));box-shadow:0 18px 44px rgba(18,33,59,.05)}.landing-section--accent{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,248,221,.78))}.landing-section__head{max-width:820px;margin-bottom:26px}.landing-section__eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#edf4ff;color:#2b67d5;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-section__head h2{margin:12px 0 0;font-size:clamp(30px,3vw,54px);line-height:1.02;letter-spacing:-.04em;color:#121d34}.landing-section__head p{margin:16px 0 0;font-size:17px;line-height:1.72;color:#67778c}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-feature-card{padding:24px;border-radius:28px;border:1px solid rgba(219,227,236,.95);background:#fff;box-shadow:0 14px 34px rgba(23,38,67,.05)}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:34px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#eef4ff,#f9fbff);color:#2c6add;font-size:13px;font-weight:900}.landing-feature-card h3{margin:16px 0 0;font-size:22px;line-height:1.12;color:#18233b}.landing-feature-card p{margin:12px 0 0;color:#66768c;line-height:1.72}
.landing-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-workflow-step{padding:24px;border-radius:28px;background:#fff;border:1px solid rgba(219,227,236,.95)}.landing-workflow-step strong{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#1e68ef,#7a7fff);color:#fff;font-size:20px;box-shadow:0 16px 34px rgba(43,101,220,.22)}.landing-workflow-step h3{margin:18px 0 0;font-size:24px;color:#17233b;line-height:1.1}.landing-workflow-step p{margin:12px 0 0;color:#67778c;line-height:1.72}
.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-pricing-card{display:flex;flex-direction:column;padding:26px;border-radius:30px;background:#fff;border:1px solid rgba(219,227,236,.95);box-shadow:0 16px 40px rgba(20,33,56,.05)}.landing-pricing-card--featured{position:relative;transform:translateY(-8px);border-color:rgba(53,118,237,.22);box-shadow:0 24px 56px rgba(36,92,214,.14)}.landing-pricing-badge{display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;padding:0 12px;border-radius:999px;background:#f2f6fd;color:#3a4a5e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.landing-pricing-badge--featured{background:linear-gradient(135deg,#1d68ef,#7d7bff);color:#fff}.landing-pricing-card h3{margin:18px 0 0;font-size:26px;line-height:1.08;color:#141f36}.landing-pricing-price{margin-top:16px;font-size:40px;font-weight:900;line-height:1;color:#111d34;letter-spacing:-.04em}.landing-pricing-price small{display:block;margin-top:10px;font-size:13px;font-weight:600;color:#718092;letter-spacing:0}.landing-pricing-card ul{display:grid;gap:12px;padding:0;margin:20px 0 26px;list-style:none;color:#4f6074}.landing-pricing-card li{display:flex;align-items:flex-start;gap:10px;line-height:1.55}.landing-pricing-card li::before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:50%;margin-top:.5em;background:linear-gradient(135deg,#1f69f0,#7a7fff)}
.landing-faq-list{display:grid;gap:14px}.landing-faq-item{padding:0 22px;border-radius:24px;border:1px solid rgba(219,227,236,.95);background:#fff;box-shadow:0 12px 30px rgba(21,37,65,.04)}.landing-faq-item summary{position:relative;list-style:none;cursor:pointer;padding:22px 42px 22px 0;font-size:20px;font-weight:800;color:#17233b}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary::after{content:'+';position:absolute;right:0;top:20px;font-size:26px;color:#8ea0b5;transition:transform .2s ease}.landing-faq-item[open] summary::after{content:'–';transform:rotate(180deg)}.landing-faq-item p{margin:0 0 22px;color:#67778c;line-height:1.75}
.landing-cta{max-width:1280px;margin:24px auto 0;padding:34px 36px;border-radius:32px;border:1px solid rgba(206,219,239,.95);background:linear-gradient(135deg,#122449 0%,#1a3465 42%,#273f7a 100%);box-shadow:0 24px 60px rgba(20,36,66,.2);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}.landing-cta h2{margin:12px 0 0;font-size:clamp(28px,3vw,52px);line-height:1.04;letter-spacing:-.04em}.landing-cta p{margin:16px 0 0;color:rgba(237,242,249,.8);max-width:760px;line-height:1.72}.landing-cta .landing-section__eyebrow{background:rgba(255,255,255,.12);color:#e8eef8}.landing-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.landing-cta .landing-button--secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#fff}.landing-cta .landing-button--primary{box-shadow:0 16px 34px rgba(0,0,0,.24)}
.landing-footer{max-width:1280px;margin:18px auto 0;padding:10px 4px 0;display:flex;justify-content:space-between;gap:24px;color:#67778c}.landing-footer__brand strong{display:block;font-size:20px;color:#18233b}.landing-footer__brand p{max-width:760px;margin:12px 0 0;line-height:1.72}.landing-footer__links{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:14px 18px}.landing-footer__links a{color:#41536a;text-decoration:none;font-weight:700}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.72,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.landing-button,.landing-faq-item summary::after{transition:none!important}.app-motion-enabled .landing-floating-card,.app-motion-enabled .landing-showcase-card--main,.app-motion-enabled .landing-strip__inner{animation:none!important}}

html[data-app-theme="dark"] body.guest-landing-page .app-header{background:rgba(12,19,27,.76);border-bottom-color:rgba(57,74,92,.72)}html[data-app-theme="dark"] body.guest-landing-page .workspace-utility-bar{background:transparent}.guest-landing-page .header-auth-button{border-color:rgba(204,214,227,.8)}html[data-app-theme="dark"] .guest-landing-page .header-auth-button{background:rgba(24,33,45,.92)!important;color:#f0f6fb!important;border-color:#384759!important;box-shadow:0 14px 30px rgba(0,0,0,.22)}html[data-app-theme="dark"] .landing-hero,html[data-app-theme="dark"] .landing-section,html[data-app-theme="dark"] .landing-strip,html[data-app-theme="dark"] .landing-cta,html[data-app-theme="dark"] .landing-showcase-card,html[data-app-theme="dark"] .landing-stat-card,html[data-app-theme="dark"] .landing-feature-card,html[data-app-theme="dark"] .landing-workflow-step,html[data-app-theme="dark"] .landing-pricing-card,html[data-app-theme="dark"] .landing-faq-item,html[data-app-theme="dark"] .landing-floating-card{border-color:#2e4052}html[data-app-theme="dark"] .landing-hero{background:linear-gradient(135deg,rgba(16,23,32,.98),rgba(16,28,40,.95));box-shadow:0 28px 86px rgba(0,0,0,.28)}html[data-app-theme="dark"] .landing-grid{background:linear-gradient(rgba(129,160,199,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(129,160,199,.08) 1px,transparent 1px)}html[data-app-theme="dark"] .landing-badge{background:rgba(59,111,214,.2);border-color:rgba(74,129,241,.28);color:#b8cffd}html[data-app-theme="dark"] .landing-badge--soft{background:rgba(20,28,39,.78);color:#b7c2cf;border-color:#334357}html[data-app-theme="dark"] .landing-hero h1,html[data-app-theme="dark"] .landing-section__head h2,html[data-app-theme="dark"] .landing-feature-card h3,html[data-app-theme="dark"] .landing-workflow-step h3,html[data-app-theme="dark"] .landing-pricing-card h3,html[data-app-theme="dark"] .landing-pricing-price,html[data-app-theme="dark"] .landing-faq-item summary,html[data-app-theme="dark"] .landing-stat-card strong,html[data-app-theme="dark"] .landing-screen-grid strong,html[data-app-theme="dark"] .landing-showcase-pill,html[data-app-theme="dark"] .landing-footer__brand strong{color:#f2f7fb}html[data-app-theme="dark"] .landing-hero p,html[data-app-theme="dark"] .landing-section__head p,html[data-app-theme="dark"] .landing-stat-card span,html[data-app-theme="dark"] .landing-feature-card p,html[data-app-theme="dark"] .landing-workflow-step p,html[data-app-theme="dark"] .landing-faq-item p,html[data-app-theme="dark"] .landing-footer,html[data-app-theme="dark"] .landing-footer__brand p{color:#9fb0c1}html[data-app-theme="dark"] .landing-button--secondary{background:rgba(20,27,38,.92);border-color:#37495b;color:#eef4fa}html[data-app-theme="dark"] .landing-button--ghost{background:rgba(19,27,37,.55);border-color:#3a4a59;color:#cad6e2}html[data-app-theme="dark"] .landing-stat-card,html[data-app-theme="dark"] .landing-feature-card,html[data-app-theme="dark"] .landing-workflow-step,html[data-app-theme="dark"] .landing-pricing-card,html[data-app-theme="dark"] .landing-faq-item,html[data-app-theme="dark"] .landing-floating-card,html[data-app-theme="dark"] .landing-strip,html[data-app-theme="dark"] .landing-showcase-card,html[data-app-theme="dark"] .landing-screen-grid article{background:#15202c;box-shadow:0 18px 42px rgba(0,0,0,.18)}html[data-app-theme="dark"] .landing-strip__inner{color:#9bacc0}html[data-app-theme="dark"] .landing-section{background:linear-gradient(180deg,rgba(17,24,34,.98),rgba(13,21,30,.98))}html[data-app-theme="dark"] .landing-section--accent{background:linear-gradient(135deg,rgba(19,27,38,.98),rgba(58,53,21,.75))}html[data-app-theme="dark"] .landing-screen-sidebar{background:rgba(255,255,255,.03)}html[data-app-theme="dark"] .landing-screen-sidebar__item{background:#283a4d}html[data-app-theme="dark"] .landing-screen-grid article{border-color:#2f4051}html[data-app-theme="dark"] .landing-showcase-dots span{background:#496076}html[data-app-theme="dark"] .landing-faq-item summary::after{color:#8fa3ba}html[data-app-theme="dark"] .landing-footer__links a{color:#b9c8d6}

@media (max-width: 1100px){.landing-hero{grid-template-columns:1fr;padding:34px 28px}.landing-hero__visual{min-height:unset}.landing-stats,.landing-feature-grid,.landing-workflow,.landing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cta{flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column}.landing-footer__links{justify-content:flex-start}}
@media (max-width: 780px){body.guest-landing-page .page-container{padding:0 14px 56px}body.guest-landing-page .app-header{padding-inline:16px}body.guest-landing-page .workspace-utility-bar{padding:8px 16px 0}.landing-hero,.landing-section,.landing-cta{padding:24px 20px;border-radius:26px}.landing-hero h1{font-size:clamp(34px,11vw,54px)}.landing-hero p,.landing-section__head p{font-size:16px}.landing-stats,.landing-feature-grid,.landing-workflow,.landing-pricing-grid{grid-template-columns:1fr}.landing-hero__actions,.landing-cta__actions{flex-direction:column;align-items:stretch}.landing-button{width:100%}.landing-showcase-screen{grid-template-columns:1fr}.landing-screen-sidebar{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-screen-content{gap:12px}.landing-screen-grid{grid-template-columns:1fr}.landing-floating-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:14px;max-width:none}.landing-hero__visual{display:grid;gap:14px}.landing-strip__inner{gap:26px;padding:12px 18px}}

/* V623 · lightweight public landing, real screenshots, discrete snap carousel */
body.guest-landing-page .app-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(248,250,253,.97)!important}
body.guest-landing-page .page-container{contain:style}
body.guest-landing-page :is(.landing-hero,.landing-section,.landing-strip,.landing-cta,.landing-footer){content-visibility:auto;contain-intrinsic-size:800px}
body.guest-landing-page :is(.landing-hero,.landing-section,.landing-strip,.landing-cta,.landing-footer,.landing-explorer-card,.landing-story-card){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
.landing-orb{filter:none!important;opacity:.17!important}
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.72,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}

/* Explorer: one image only, no stacked layers and no continuous animation. */
.landing-hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;gap:28px!important;padding:34px 36px!important}
.landing-hero__visual{min-height:0!important;display:block!important;align-self:center}
.landing-explorer-card{padding:16px;border:1px solid #dce4ee;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(20,36,62,.09);contain:layout paint}
.landing-explorer-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.landing-explorer-brandline{display:flex;align-items:center;gap:12px;min-width:0}
.landing-explorer-step{font-size:12px;font-weight:850;color:#8a98aa;letter-spacing:.06em}
.landing-explorer-nav{display:flex;gap:8px}
.landing-explorer-nav button,.landing-story__controls>button{width:46px;height:46px;border:1px solid #dce4ee;border-radius:15px;background:#fff;color:#35445a;font-size:22px;cursor:pointer;box-shadow:0 7px 18px rgba(21,37,63,.05);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.landing-explorer-nav button:hover,.landing-story__controls>button:hover{transform:translateY(-2px);border-color:#a9c3ee;background:#f8fbff}
.landing-explorer-nav button:active,.landing-story__controls>button:active{transform:translateY(0) scale(.94)}
.landing-explorer-media{position:relative;overflow:hidden;border:1px solid #e0e6ee;border-radius:20px;background:#f6f8fb;aspect-ratio:2048/1096;contain:paint}
.landing-explorer-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f5f6f8;transform:translate3d(0,0,0);opacity:1;transition:transform .22s ease,opacity .18s ease;image-rendering:auto}
.landing-explorer-media.is-switching-next img{transform:translate3d(-18px,0,0);opacity:.35}
.landing-explorer-media.is-switching-prev img{transform:translate3d(18px,0,0);opacity:.35}
.landing-explorer-copy{padding:18px 6px 4px}
.landing-explorer-headingline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.landing-explorer-kicker{font-size:12px;font-weight:900;color:#2f6edb;text-transform:uppercase;letter-spacing:.08em}
.landing-explorer-subsections{display:flex;gap:7px;flex-wrap:wrap}
.landing-explorer-subsections span,.landing-story-card__subs span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f0f4fa;color:#67768a;font-size:10px;font-weight:750}
.landing-explorer-copy h2{margin:10px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.035em;color:#17243b}
.landing-explorer-copy p{margin:10px 0 0;color:#708095;line-height:1.6;font-size:14px}
.landing-explorer-dots{display:flex;gap:7px;padding:15px 6px 4px;overflow:hidden}
.landing-explorer-dot{width:8px;height:8px;flex:0 0 8px;border:0;border-radius:999px;background:#d5dfeb;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}
.landing-explorer-dot.is-active{width:28px;background:#3676eb}

/* Screenshots are the user-provided real app pages. Only small DOM overlays anonymize user data. */
.landing-demo-media{position:relative}
.landing-demo-profile{position:absolute;z-index:5;top:.7%;right:.2%;width:8.5%;height:5.5%;min-width:58px;display:grid;grid-template-columns:25% 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:4%;padding:0 .45%;border:1px solid #e2e7ed;border-radius:11px;background:#fff;color:#202b3b;box-shadow:0 2px 6px rgba(19,31,49,.05);overflow:hidden;pointer-events:none}
.landing-demo-profile>span{grid-row:1/3;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:#eef1f5;font-size:clamp(6px,.52vw,10px);font-weight:850}
.landing-demo-profile strong,.landing-demo-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;font-size:clamp(5px,.47vw,9px)}
.landing-demo-profile small{color:#8d98a7}
.landing-demo-dashboard-kpis{display:none;position:absolute;z-index:4;left:1.35%;right:1.35%;top:12.2%;height:25.2%;grid-template-columns:1.05fr .82fr 1.05fr 1fr;gap:.9%;pointer-events:none}
.landing-demo-media[data-demo-key="dashboard"] .landing-demo-dashboard-kpis{display:grid}
.landing-demo-dashboard-kpis>div{display:flex;flex-direction:column;justify-content:center;padding:5.5%;border:1px solid #e5e8ec;border-radius:7px;background:#fff;box-shadow:0 2px 7px rgba(20,30,44,.03)}
.landing-demo-dashboard-kpis span{font-size:clamp(5px,.49vw,9px);font-weight:750;color:#505b69}.landing-demo-dashboard-kpis strong{margin-top:5%;font-size:clamp(9px,1.22vw,22px);line-height:1;color:#202733}.landing-demo-dashboard-kpis small{margin-top:6%;font-size:clamp(4px,.43vw,8px);color:#929ba6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-demo-dashboard-kpis>div:nth-child(2) strong{color:#35a269}

/* Lightweight infinite ribbon, GPU-composited and paused outside viewport. */
.landing-strip{max-width:none!important;margin:18px -24px 0!important;border-left:0!important;border-right:0!important;border-radius:0!important;overflow:hidden!important}
.landing-strip__viewport{overflow:hidden;width:100%;padding:13px 0;contain:layout paint}
.landing-strip__track{display:flex;width:max-content;transform:translate3d(0,0,0);animation:landingV623Marquee 62s linear infinite;animation-play-state:paused;will-change:transform}
.landing-strip__viewport.is-running .landing-strip__track{animation-play-state:running}
.landing-strip__group{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}
.landing-strip__group>span{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 24px;white-space:nowrap;position:relative}
.landing-strip__group>span::after{content:'•';position:absolute;right:-3px;color:#b9c5d4;font-size:12px}
.landing-strip__group b{font-size:11px;color:#526278;text-transform:uppercase;letter-spacing:.035em}.landing-strip__group small{font-size:10px;color:#97a4b4;font-weight:700}
@keyframes landingV623Marquee{to{transform:translate3d(-50%,0,0)}}

/* Story: exact snap states. One wheel gesture = one card. */
.landing-section--workflow{content-visibility:auto!important;contain-intrinsic-size:900px}
.landing-story{position:relative;outline:none;margin-top:10px;border-radius:28px;contain:layout paint}
.landing-story__stage{position:relative;padding:22px;border:1px solid #dce4ee;border-radius:28px;background:linear-gradient(180deg,#f8faff,#f3f6fb);box-shadow:0 18px 52px rgba(20,35,60,.08);overflow:hidden}
.landing-story__topline{display:flex;align-items:center;gap:14px;margin-bottom:15px}.landing-story__progress{height:4px;flex:1;border-radius:999px;background:#e4eaf2;overflow:hidden}.landing-story__progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#2e72ed,#766ff4);transform:scaleX(.1);transform-origin:left center;transition:transform .34s ease}.landing-story__counter{font-size:11px;font-weight:900;color:#8090a4;letter-spacing:.07em}
.landing-story-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:16px;padding:12px;border:1px solid #dde5ee;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(20,34,58,.08);transform:translate3d(0,0,0) scale(1);opacity:1;will-change:transform,opacity;contain:layout paint;transition:transform .42s cubic-bezier(.18,.78,.2,1),opacity .22s ease}
.landing-story-card.is-leave-next{transform:translate3d(0,-32px,0) scale(.985);opacity:0}.landing-story-card.is-leave-prev{transform:translate3d(0,32px,0) scale(.985);opacity:0}.landing-story-card.is-enter-next{transform:translate3d(0,90px,0) scale(.955);opacity:0}.landing-story-card.is-enter-prev{transform:translate3d(0,-90px,0) scale(.955);opacity:0}
.landing-story-card__media{position:relative;overflow:hidden;aspect-ratio:2048/1096;border:1px solid #e0e6ed;border-radius:18px;background:#f5f7fa;contain:paint}.landing-story-card__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4f6f8;transform:none!important;filter:none!important;opacity:1!important}
.landing-story-card__copy{display:flex;flex-direction:column;justify-content:center;padding:24px 20px;border-radius:18px;background:linear-gradient(150deg,#f8faff,#fff)}.landing-story-card__copy>span{font-size:11px;font-weight:900;color:#3673dd;text-transform:uppercase;letter-spacing:.07em}.landing-story-card__copy h3{margin:13px 0 0;font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.04em;color:#17233b}.landing-story-card__copy p{margin:15px 0 0;font-size:14px;line-height:1.68;color:#6b7a8e}.landing-story-card__subs{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.landing-story__controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.landing-story__dots{display:flex;align-items:center;gap:7px;min-width:0}.landing-story__dots button{width:8px;height:8px;border:0;border-radius:999px;background:#d3deeb;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease}.landing-story__dots button.is-active{width:27px;background:#3676eb}

html[data-app-theme="dark"] body.guest-landing-page .app-header{background:rgba(13,20,29,.98)!important}.guest-landing-page html[data-app-theme="dark"]{}
html[data-app-theme="dark"] .landing-explorer-card,html[data-app-theme="dark"] .landing-story-card{background:#121c27;border-color:#304153;box-shadow:0 18px 48px rgba(0,0,0,.28)}html[data-app-theme="dark"] .landing-explorer-media,html[data-app-theme="dark"] .landing-story-card__media{background:#0d151f;border-color:#2d3e50}html[data-app-theme="dark"] .landing-explorer-copy h2,html[data-app-theme="dark"] .landing-story-card__copy h3{color:#f0f5fa}html[data-app-theme="dark"] .landing-explorer-copy p,html[data-app-theme="dark"] .landing-story-card__copy p{color:#9aabbd}html[data-app-theme="dark"] .landing-story__stage{background:#111a25;border-color:#304153}html[data-app-theme="dark"] .landing-story-card__copy{background:linear-gradient(150deg,#172330,#111a24)}html[data-app-theme="dark"] .landing-demo-profile,html[data-app-theme="dark"] .landing-demo-dashboard-kpis>div{background:#fff;color:#202b3b}

@media(max-width:1100px){.landing-hero{grid-template-columns:1fr!important}.landing-story-card{grid-template-columns:1fr}.landing-story-card__copy{padding:18px 16px}.landing-demo-profile{width:9.5%}}
@media(max-width:780px){.landing-hero{padding:24px 20px!important}.landing-explorer-copy h2{font-size:25px}.landing-explorer-subsections{display:none}.landing-story__stage{padding:10px;border-radius:22px}.landing-story-card{padding:7px;border-radius:18px}.landing-story-card__copy h3{font-size:25px}.landing-story-card__copy p{font-size:12px}.landing-story__controls{gap:8px}.landing-story__controls>button{width:40px;height:40px}.landing-story__dots{gap:5px}.landing-demo-profile{display:none}.landing-demo-dashboard-kpis{display:none!important}.landing-strip{margin-left:-14px!important;margin-right:-14px!important}.landing-strip__group>span{padding:0 16px}.landing-strip__group small{display:none}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.landing-strip__track{animation:none!important}.landing-explorer-media img,.landing-story-card,.landing-explorer-nav button,.landing-story__controls button{transition:none!important}}


/* V625 landing demo polish */
body.guest-landing-page .flash-list,.landing-hero,.landing-section,.landing-cta,.landing-footer{max-width:1440px!important}
.landing-demo-profile{display:none!important}
.landing-explorer-dots{padding-top:18px}
.landing-demo-redactions{position:absolute;inset:0;pointer-events:none;z-index:5}
.landing-demo-redactions span{position:absolute;display:flex;align-items:center;justify-content:flex-start;padding:0 1%;border-radius:999px;background:rgba(255,255,255,.98);color:#7b8694;font-weight:850;line-height:1;box-shadow:0 0 0 1px rgba(225,230,236,.9) inset;font-size:clamp(5px,.56vw,11px);white-space:nowrap}
.landing-story__controls{justify-content:center}
.landing-story__dots{justify-content:center}
@media(max-width:780px){.landing-demo-redactions{display:none}}

/* V626 · landing composition, cyclic story and neutral general-data palette */
body.guest-landing-page .flash-list,
.landing-hero,
.landing-section,
.landing-cta,
.landing-footer{max-width:1440px!important}

/* First block: headline stays on top, product explorer moves below it. */
.landing-hero{
  display:block!important;
  padding:36px 42px 42px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;
  border-color:#dde2e8!important;
  box-shadow:0 24px 70px rgba(24,31,43,.07)!important;
}
.landing-hero__content{max-width:1120px}
.landing-hero h1{
  max-width:1050px!important;
  font-size:clamp(40px,3.7vw,60px)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
  color:#171b22!important;
}
.landing-hero p{max-width:900px!important;color:#68717f!important}
.landing-hero__microcopy{max-width:820px!important}
.landing-hero__visual{
  width:min(1180px,100%);
  margin:34px auto 0!important;
  min-height:0!important;
  display:block!important;
}
.landing-stats{max-width:900px}

/* General product areas use the same neutral black/grey language as common app sections. */
.landing-orb--blue,.landing-orb--violet,.landing-orb--gold{
  background:radial-gradient(circle,rgba(126,139,156,.18) 0%,rgba(126,139,156,0) 72%)!important;
}
.landing-grid{opacity:.22!important}
.landing-badge,
.landing-section__eyebrow{
  background:#f1f3f5!important;
  border-color:#dfe3e8!important;
  color:#30363f!important;
}
.landing-badge--soft{background:#fff!important;color:#525b67!important}
.landing-button--primary{
  background:#202226!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(22,25,30,.17)!important;
}
.landing-button--primary:hover{background:#111317!important;box-shadow:0 18px 34px rgba(22,25,30,.2)!important}
.landing-button--secondary{color:#252b33!important;border-color:#d9dee5!important}
.landing-button--ghost{color:#4a535f!important;border-color:#cbd1d8!important;background:#f8f9fa!important}
.landing-feature-icon{
  background:#f1f3f5!important;
  color:#30363f!important;
  border:1px solid #e0e4e9;
}
.landing-section--accent{background:linear-gradient(180deg,#fff,#f7f8fa)!important}

/* Explorer: calmer general-section chrome and more deliberate transitions. */
.landing-explorer-card{
  border-color:#dfe3e8!important;
  box-shadow:0 22px 55px rgba(25,32,43,.09)!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease;
}
.landing-explorer-card:hover{transform:translateY(-2px);box-shadow:0 28px 64px rgba(25,32,43,.12)!important}
.landing-showcase-pill{
  background:#f1f3f5!important;
  color:#2e343d!important;
  border:1px solid #e1e5ea;
}
.landing-explorer-nav button{
  border-color:#d9dee5!important;
  color:#2f3742!important;
  box-shadow:none!important;
}
.landing-explorer-nav button:hover{background:#f2f4f6!important;border-color:#c6ccd4!important}
.landing-explorer-media{
  background:#f5f6f8!important;
  border-color:#e1e5ea!important;
  transition:transform .38s cubic-bezier(.2,.78,.2,1),box-shadow .38s ease;
}
.landing-explorer-media.is-switching-next,
.landing-explorer-media.is-switching-prev{transform:scale(.992)}
.landing-explorer-media img{transition:transform .32s cubic-bezier(.2,.78,.2,1),opacity .22s ease!important}
.landing-explorer-media.is-switching-next img{transform:translate3d(-12px,0,0) scale(.996)!important;opacity:.52!important}
.landing-explorer-media.is-switching-prev img{transform:translate3d(12px,0,0) scale(.996)!important;opacity:.52!important}
.landing-explorer-kicker,
.landing-story-card__copy>span{color:#30363f!important}
.landing-explorer-subsections span,
.landing-story-card__subs span{
  background:#f1f3f5!important;
  color:#626b77!important;
  border:1px solid #e5e8ec;
}
.landing-explorer-dot,
.landing-story__dots button{background:#d8dde3!important}
.landing-explorer-dot.is-active,
.landing-story__dots button.is-active{background:#23272e!important}
.landing-explorer-dot.is-active{width:26px!important}
.landing-story__dots button.is-active{width:25px!important}

/* Story: neutral progress, smoother depth animation. */
.landing-story__stage{
  background:linear-gradient(180deg,#f7f8fa,#f1f3f5)!important;
  border-color:#dde2e8!important;
  box-shadow:0 20px 54px rgba(25,32,43,.075)!important;
}
.landing-story__progress{background:#dde2e7!important}
.landing-story__progress span{
  background:#252a31!important;
  transition:transform .38s cubic-bezier(.2,.75,.2,1)!important;
}
.landing-story-card{
  border-color:#dfe3e8!important;
  box-shadow:0 16px 38px rgba(25,32,43,.07)!important;
  transition:transform .36s cubic-bezier(.2,.82,.2,1),opacity .2s ease,box-shadow .36s ease!important;
}
.landing-story-card.is-leave-next{transform:translate3d(0,-24px,0) scale(.988)!important;opacity:0!important}
.landing-story-card.is-leave-prev{transform:translate3d(0,24px,0) scale(.988)!important;opacity:0!important}
.landing-story-card.is-enter-next{transform:translate3d(0,54px,0) scale(.97)!important;opacity:0!important}
.landing-story-card.is-enter-prev{transform:translate3d(0,-54px,0) scale(.97)!important;opacity:0!important}
.landing-story-card__copy{background:linear-gradient(155deg,#f7f8fa,#fff)!important}
.landing-story-card__copy h3{color:#20252c!important}
.landing-story__counter,.landing-explorer-step{color:#77808c!important}

/* Reveal and cards feel lighter and more consistent with the application UI. */
[data-reveal]{
  opacity:0;
  transform:translate3d(0,20px,0) scale(.992);
  transition:opacity .52s ease,transform .58s cubic-bezier(.18,.78,.2,1)!important;
}
[data-reveal].is-visible{opacity:1;transform:none}
.landing-feature-card,
.landing-stat-card,
.landing-pricing-card,
.landing-faq-item{
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;
}
.landing-feature-card:hover,
.landing-stat-card:hover,
.landing-pricing-card:hover{
  transform:translateY(-3px);
  border-color:#d4d9df;
  box-shadow:0 18px 38px rgba(24,31,43,.08);
}

/* No text labels are placed over anonymized screenshots. */
.landing-demo-profile,.landing-demo-redactions{display:none!important}

@media(max-width:1100px){
  .landing-hero{padding:32px 30px 36px!important}
  .landing-hero__visual{width:100%}
  .landing-hero h1{font-size:clamp(38px,6vw,56px)!important}
}
@media(max-width:780px){
  .landing-hero{padding:24px 20px 28px!important}
  .landing-hero__visual{margin-top:24px!important}
  .landing-hero h1{font-size:clamp(34px,10vw,48px)!important}
}
@media(prefers-reduced-motion:reduce){
  .landing-explorer-card,.landing-feature-card,.landing-stat-card,.landing-pricing-card{transform:none!important;transition:none!important}
}

/* V626 dark-mode parity for the neutral general-data palette. */
html[data-app-theme="dark"] .landing-hero{
  background:linear-gradient(180deg,#10171f,#111a23)!important;
  border-color:#2d3946!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
html[data-app-theme="dark"] .landing-hero h1{color:#f1f5f8!important}
html[data-app-theme="dark"] .landing-hero p{color:#9cabb9!important}
html[data-app-theme="dark"] .landing-badge,
html[data-app-theme="dark"] .landing-section__eyebrow,
html[data-app-theme="dark"] .landing-feature-icon,
html[data-app-theme="dark"] .landing-showcase-pill,
html[data-app-theme="dark"] .landing-explorer-subsections span,
html[data-app-theme="dark"] .landing-story-card__subs span{
  background:#1a2530!important;
  border-color:#314150!important;
  color:#c1ccd6!important;
}
html[data-app-theme="dark"] .landing-badge--soft{background:#131d27!important;color:#b6c2ce!important}
html[data-app-theme="dark"] .landing-button--primary{background:#eef2f5!important;color:#15191e!important;box-shadow:none!important}
html[data-app-theme="dark"] .landing-button--primary:hover{background:#fff!important}
html[data-app-theme="dark"] .landing-button--ghost{background:#141e28!important;border-color:#354553!important;color:#c7d1db!important}
html[data-app-theme="dark"] .landing-explorer-card,
html[data-app-theme="dark"] .landing-story-card{background:#121c27!important;border-color:#304153!important}
html[data-app-theme="dark"] .landing-story__stage{background:linear-gradient(180deg,#111a24,#0f1821)!important;border-color:#304153!important}
html[data-app-theme="dark"] .landing-story-card__copy{background:linear-gradient(155deg,#17222d,#121c27)!important}
html[data-app-theme="dark"] .landing-explorer-kicker,
html[data-app-theme="dark"] .landing-story-card__copy>span{color:#c8d2dc!important}
html[data-app-theme="dark"] .landing-explorer-dot,
html[data-app-theme="dark"] .landing-story__dots button{background:#42515f!important}
html[data-app-theme="dark"] .landing-explorer-dot.is-active,
html[data-app-theme="dark"] .landing-story__dots button.is-active,
html[data-app-theme="dark"] .landing-story__progress span{background:#eef2f5!important}
html[data-app-theme="dark"] .landing-story__progress{background:#354451!important}


/* V627 · smoother landing motion, cache-safe anonymized screenshots, common-section palette */
body.guest-landing-page .app-header{
  background:rgba(248,249,251,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(31,38,48,.05);
}
body.guest-landing-page{scroll-behavior:smooth}
body.guest-landing-page :is(.landing-hero,.landing-section,.landing-cta,.landing-explorer-card,.landing-story__stage){
  transform:translateZ(0);
}
[data-reveal]{
  transform:translate3d(0,14px,0)!important;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1),transform .48s cubic-bezier(.22,.61,.36,1)!important;
}
[data-reveal].is-visible{transform:translate3d(0,0,0)!important}
.landing-explorer-card,.landing-feature-card,.landing-stat-card,.landing-pricing-card{
  transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .26s ease,border-color .26s ease!important;
}
.landing-explorer-card:hover,.landing-feature-card:hover,.landing-stat-card:hover,.landing-pricing-card:hover{
  transform:translate3d(0,-2px,0)!important;
}
.landing-explorer-media{
  will-change:auto!important;
  transition:transform .26s cubic-bezier(.22,.61,.36,1)!important;
}
.landing-explorer-media img{
  will-change:auto!important;
  transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .18s linear!important;
}
.landing-explorer-media.is-switching-next img{transform:translate3d(-7px,0,0)!important;opacity:.72!important}
.landing-explorer-media.is-switching-prev img{transform:translate3d(7px,0,0)!important;opacity:.72!important}
.landing-explorer-media.is-switching-next,.landing-explorer-media.is-switching-prev{transform:scale(.997)!important}
.landing-story-card{
  will-change:auto!important;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .18s linear,box-shadow .28s ease!important;
}
.landing-story-card.is-leave-next{transform:translate3d(0,-12px,0) scale(.996)!important;opacity:0!important}
.landing-story-card.is-leave-prev{transform:translate3d(0,12px,0) scale(.996)!important;opacity:0!important}
.landing-story-card.is-enter-next{transform:translate3d(0,18px,0) scale(.994)!important;opacity:0!important}
.landing-story-card.is-enter-prev{transform:translate3d(0,-18px,0) scale(.994)!important;opacity:0!important}
.landing-story__progress span{transition:transform .28s cubic-bezier(.22,.61,.36,1)!important}
.landing-explorer-dot,.landing-story__dots button{transition:width .2s cubic-bezier(.22,.61,.36,1),background-color .2s ease!important}

/* Final CTA uses the same neutral palette as common/global application sections. */
.landing-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#1c222a!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7f8fa 58%,#eef1f4 100%)!important;
  border:1px solid #d9dee5!important;
  box-shadow:0 22px 58px rgba(24,31,43,.09)!important;
}
.landing-cta::before{
  content:'';
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  right:-190px;
  top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(117,130,147,.14) 0%,rgba(117,130,147,0) 70%);
  pointer-events:none;
}
.landing-cta h2{color:#171c23!important}
.landing-cta p{color:#697482!important}
.landing-cta .landing-section__eyebrow{
  color:#343b45!important;
  background:#eef1f4!important;
  border:1px solid #dce1e7!important;
}
.landing-cta .landing-button--primary{
  color:#fff!important;
  background:#20242a!important;
  border:1px solid #20242a!important;
  box-shadow:0 12px 24px rgba(25,30,37,.16)!important;
}
.landing-cta .landing-button--primary:hover{
  color:#fff!important;
  background:#111419!important;
  border-color:#111419!important;
  box-shadow:0 16px 30px rgba(25,30,37,.2)!important;
}
.landing-cta .landing-button--secondary{
  color:#2f3741!important;
  background:#fff!important;
  border:1px solid #cfd5dc!important;
  box-shadow:none!important;
}
.landing-cta .landing-button--secondary:hover{
  color:#161b21!important;
  background:#f4f6f8!important;
  border-color:#bfc7d0!important;
}

html[data-app-theme="dark"] body.guest-landing-page .app-header{
  background:rgba(14,20,27,.96)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.05);
}
html[data-app-theme="dark"] .landing-cta{
  color:#eef3f7!important;
  background:linear-gradient(135deg,#121a23 0%,#16212b 58%,#1b2833 100%)!important;
  border-color:#31404e!important;
  box-shadow:0 22px 58px rgba(0,0,0,.25)!important;
}
html[data-app-theme="dark"] .landing-cta h2{color:#f1f5f8!important}
html[data-app-theme="dark"] .landing-cta p{color:#a3b0bd!important}
html[data-app-theme="dark"] .landing-cta .landing-section__eyebrow{background:#1b2732!important;border-color:#344554!important;color:#c6d0d9!important}
html[data-app-theme="dark"] .landing-cta .landing-button--primary{background:#f0f3f5!important;border-color:#f0f3f5!important;color:#171b20!important;box-shadow:none!important}
html[data-app-theme="dark"] .landing-cta .landing-button--primary:hover{background:#fff!important;border-color:#fff!important;color:#111419!important}
html[data-app-theme="dark"] .landing-cta .landing-button--secondary{background:#151f29!important;border-color:#3b4b59!important;color:#d7e0e8!important}
html[data-app-theme="dark"] .landing-cta .landing-button--secondary:hover{background:#1b2833!important;border-color:#4b5e6e!important;color:#fff!important}


/* V628 · hero centering + scroll-performance tuning */
body.guest-landing-page{
  scroll-behavior:auto;
}
body.guest-landing-page .landing-section,
body.guest-landing-page .landing-cta,
body.guest-landing-page .landing-footer{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
body.guest-landing-page .landing-hero,
body.guest-landing-page .landing-explorer-card,
body.guest-landing-page .landing-story__stage,
body.guest-landing-page .landing-story-card{
  contain:layout paint;
}
body.guest-landing-page .app-header{
  box-shadow:0 1px 0 rgba(31,38,48,.04)!important;
}
.landing-hero__content,
.landing-hero__content .landing-badge-row,
.landing-hero__content .landing-hero__actions,
.landing-hero__content .landing-stats{
  display:flex;
  justify-content:center;
}
.landing-hero__content{
  max-width:1240px!important;
  margin:0 auto!important;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.landing-hero h1,
.landing-hero p,
.landing-hero__microcopy{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.landing-hero h1{
  max-width:1240px!important;
  font-size:clamp(38px,3.55vw,56px)!important;
  line-height:1.04!important;
}
.landing-hero p{max-width:980px!important}
.landing-hero__microcopy{max-width:920px!important}
.landing-hero__actions{
  width:100%;
  align-items:center;
}
.landing-stats{
  width:100%;
  gap:16px;
}
.landing-stat-card{
  text-align:left;
}
.landing-explorer-card,
.landing-story__stage,
.landing-feature-card,
.landing-stat-card,
.landing-pricing-card{
  box-shadow:0 14px 32px rgba(24,31,43,.055)!important;
}
.landing-explorer-card,
.landing-feature-card,
.landing-stat-card,
.landing-pricing-card,
.landing-story-card{
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,opacity .18s ease!important;
}
.landing-explorer-card:hover,
.landing-feature-card:hover,
.landing-stat-card:hover,
.landing-pricing-card:hover{
  transform:translate3d(0,-1px,0)!important;
  box-shadow:0 16px 34px rgba(24,31,43,.07)!important;
}
.landing-explorer-media,
.landing-story-card{
  will-change:auto!important;
}
.landing-explorer-media img{
  transition:opacity .18s ease!important;
}
.landing-explorer-media.is-switching-next img,
.landing-explorer-media.is-switching-prev img{
  transform:none!important;
  opacity:.72!important;
}
.landing-story-card{
  transition:opacity .18s ease,transform .2s ease!important;
}
.landing-story-card.is-leave-next,
.landing-story-card.is-leave-prev,
.landing-story-card.is-enter-next,
.landing-story-card.is-enter-prev{
  transform:none!important;
  opacity:.65!important;
}
[data-reveal]{
  transform:translate3d(0,10px,0)!important;
  transition:opacity .32s ease,transform .34s ease!important;
}
@media(max-width:1100px){
  .landing-stat-card{min-width:0}
}
@media(max-width:780px){
  .landing-hero__content .landing-badge-row,
  .landing-hero__content .landing-hero__actions,
  .landing-hero__content .landing-stats{
    justify-content:center;
  }
  .landing-stats{gap:12px}
  .landing-stat-card{text-align:center}
  .landing-hero h1{font-size:clamp(32px,9vw,44px)!important}
}

/* V629 · scroll smoothness + centered hero */
body.guest-landing-page{
  scroll-behavior:auto!important;
}
/* Avoid delayed rasterisation while scrolling through large landing blocks. */
body.guest-landing-page :is(.landing-hero,.landing-section,.landing-cta,.landing-footer,.landing-strip){
  content-visibility:visible!important;
  contain:none!important;
}
/* Large promoted layers and blurred decorative objects caused visible frame drops. */
body.guest-landing-page :is(.landing-hero,.landing-explorer-card,.landing-story__stage,.landing-story-card){
  transform:none!important;
  will-change:auto!important;
}
.landing-orb{
  filter:none!important;
  opacity:.20!important;
}
.landing-hero{
  box-shadow:0 14px 34px rgba(24,31,43,.055)!important;
}
.landing-explorer-card,
.landing-story__stage,
.landing-story-card,
.landing-feature-card,
.landing-stat-card,
.landing-pricing-card{
  box-shadow:0 8px 22px rgba(24,31,43,.045)!important;
}
/* Keep entrance motion lightweight: opacity only, no whole-block translation/rasterisation. */
[data-reveal]{
  transform:none!important;
  transition:opacity .22s ease!important;
}
[data-reveal].is-visible{transform:none!important}
.landing-explorer-card,
.landing-feature-card,
.landing-stat-card,
.landing-pricing-card{
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.landing-explorer-card:hover,
.landing-feature-card:hover,
.landing-stat-card:hover,
.landing-pricing-card:hover{
  transform:none!important;
  box-shadow:0 10px 24px rgba(24,31,43,.055)!important;
}
.landing-explorer-media,
.landing-explorer-media img,
.landing-story-card{
  will-change:auto!important;
}
.landing-explorer-media img{
  transition:opacity .14s linear!important;
}
.landing-explorer-media.is-switching-next,
.landing-explorer-media.is-switching-prev,
.landing-explorer-media.is-switching-next img,
.landing-explorer-media.is-switching-prev img{
  transform:none!important;
}
.landing-explorer-media.is-switching-next img,
.landing-explorer-media.is-switching-prev img{opacity:.82!important}
.landing-story-card{
  transition:opacity .16s linear!important;
}
.landing-story-card.is-leave-next,
.landing-story-card.is-leave-prev,
.landing-story-card.is-enter-next,
.landing-story-card.is-enter-prev{
  transform:none!important;
  opacity:.72!important;
}
/* V635: the landing ribbon is intentionally animated again. Do not set transform here: an !important transform freezes CSS keyframes. */
.landing-strip__track{
  will-change:transform;
}
.landing-strip__group:nth-child(2){display:none!important}
.landing-strip__viewport{overflow-x:auto!important;scrollbar-width:none}
.landing-strip__viewport::-webkit-scrollbar{display:none}

/* Main hero: all primary copy, badges, actions and KPI cards are optically centered. */
.landing-hero__content{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.landing-badge-row,
.landing-hero__actions,
.landing-stats{
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
}
.landing-badge-row{margin-left:auto!important;margin-right:auto!important}
.landing-hero h1{
  max-width:1160px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}
.landing-hero p{
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:pretty;
}
.landing-hero__microcopy{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.landing-hero__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.landing-stats{
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.landing-stat-card{
  text-align:center!important;
  align-items:center!important;
  justify-items:center!important;
}
.landing-stat-card span{max-width:250px}
.landing-hero__visual{
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:780px){
  .landing-hero__actions{align-items:stretch!important}
  .landing-hero__actions .landing-button{width:100%!important}
  .landing-stats{align-items:stretch!important}
}


/* V630 · restore section ribbon without bringing back scroll jank. */
.landing-strip__viewport{
  overflow:hidden!important;
  scrollbar-width:none!important;
  contain:layout paint!important;
}
.landing-strip__group:nth-child(2){display:flex!important}
.landing-strip__track{
  display:flex!important;
  width:max-content!important;
  animation:landingV630Marquee 54s linear infinite!important;
  animation-play-state:paused!important;
  will-change:transform!important;
}
.landing-strip__viewport.is-running .landing-strip__track{
  animation-play-state:running!important;
}
@keyframes landingV630Marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .landing-strip__track{will-change:transform!important}
}


/* V630b · ensure the landing FAQ opens reliably when clicking the plus/summary. */
.landing-faq-item summary{user-select:none;-webkit-user-select:none}
.landing-faq-item summary::after{pointer-events:none}


/* V631 · landing workflow/ribbon final fix. */
.landing-section--workflow .landing-section__head > p{
  display:none!important;
}
/* Restore a visibly moving, GPU-only ribbon. It no longer depends on IntersectionObserver. */
.landing-strip__viewport{
  overflow:hidden!important;
  scrollbar-width:none!important;
  contain:layout paint!important;
}
.landing-strip__group:nth-child(2){display:flex!important}
.landing-strip__track{
  display:flex!important;
  width:max-content!important;
  animation:landingV631Marquee 32s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
  backface-visibility:hidden;
}
@keyframes landingV631Marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* Keep the strip moving even when the user's OS requests reduced motion: this is product content, not entrance motion. */
@media (prefers-reduced-motion:reduce){
  .landing-strip__track{
    animation:landingV631Marquee 40s linear infinite!important;
    animation-play-state:running!important;
    will-change:transform!important;
  }
}


/* V632 · exact landing fixes requested */
.landing-section--features .landing-section__head > p{display:none!important}
.landing-faq-item summary::after{content:none!important;display:none!important}
.landing-faq-item summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding-right:0!important;
}
.landing-faq-question{min-width:0}
.landing-faq-plus{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #dce2e8;
  border-radius:12px;
  background:#f7f8fa;
  color:#333b46;
  font-size:24px;
  line-height:1;
  font-weight:500;
  pointer-events:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.landing-faq-item[open] .landing-faq-plus{transform:rotate(180deg);background:#eef1f4}

/* Do not pin transform: animations own transform for the moving ribbon. */
@keyframes landingV632Marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.landing-strip__track{
  animation-name:landingV632Marquee!important;
  animation-duration:32s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
}



/* V633 · final landing strip + helper-text removal */
@keyframes landingV633Marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.landing-strip__viewport{overflow:hidden!important}
.landing-strip__track{animation:landingV633Marquee 28s linear infinite!important;animation-play-state:running!important;will-change:transform!important}
.landing-section--workflow .landing-section__head p,
.landing-story > p,
.landing-story__stage > p{display:none!important}

/* V633 · make question/review expand hit-area bulletproof */
.review-expand{position:relative!important;z-index:80!important;display:grid!important;place-items:center!important;min-width:42px!important;min-height:42px!important;pointer-events:auto!important}
.review-expand-plus{pointer-events:auto!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important}


/* V634 · restore visible auto-scrolling strip and restyle landing FAQ toggles */
.landing-strip{
  overflow:hidden!important;
}
.landing-strip__viewport{
  overflow:hidden!important;
  white-space:nowrap!important;
}
.landing-strip__track{
  display:inline-flex!important;
  align-items:center!important;
  gap:36px!important;
  min-width:max-content!important;
  animation:landingV635Marquee 18s linear infinite!important;
  animation-play-state:running!important;
  backface-visibility:hidden!important;
}
.landing-strip__group{
  display:inline-flex!important;
  align-items:center!important;
  gap:36px!important;
  min-width:max-content!important;
}
@keyframes landingV635Marquee{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 18px))}
}
@media (prefers-reduced-motion:reduce){
  .landing-strip__track{animation:landingV635Marquee 24s linear infinite!important}
}

.landing-faq-item{
  border-radius:32px!important;
}
.landing-faq-item summary{
  align-items:center!important;
}
.landing-faq-plus{
  position:relative!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  border:1px solid #d7dde6!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(17,24,39,.06)!important;
  font-size:0!important;
  color:transparent!important;
  pointer-events:none!important;
}
.landing-faq-plus::before,
.landing-faq-plus::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:2px;
  border-radius:999px;
  background:#23324d;
  transform:translate(-50%,-50%);
  transition:transform .2s ease, opacity .2s ease, background .2s ease;
}
.landing-faq-plus::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.landing-faq-item[open] .landing-faq-plus{
  background:#f8fafc!important;
  border-color:#cfd8e4!important;
}
.landing-faq-item[open] .landing-faq-plus::after{
  transform:translate(-50%,-50%) rotate(90deg) scaleX(0);
  opacity:0;
}


/* V635 · animation must own transform; never pin transform on the moving track. */
.landing-strip__track{
  animation-name:landingV635Marquee!important;
  animation-duration:18s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
}


/* V637 · Apple-inspired landing styling + Topseller-like motion */
body.guest-landing-page{
  background:
    radial-gradient(900px 520px at 8% 2%, rgba(124,166,255,.12), transparent 60%),
    radial-gradient(780px 460px at 92% 8%, rgba(190,153,255,.12), transparent 58%),
    radial-gradient(680px 400px at 50% 84%, rgba(255,211,120,.09), transparent 62%),
    linear-gradient(180deg, #f6f8fc 0%, #fbfcfe 34%, #f7f9fc 100%)!important;
  color:#0f172a;
}
body.guest-landing-page .page-container{padding-bottom:96px!important}
body.guest-landing-page .app-header{
  background:rgba(251,252,254,.82)!important;
  border-bottom:1px solid rgba(219,227,239,.82)!important;
  box-shadow:0 10px 30px rgba(16,24,40,.05)!important;
}

.landing-hero,
.landing-section,
.landing-cta,
.landing-footer,
.landing-strip{
  position:relative;
}
.landing-hero::before,
.landing-section::before,
.landing-cta::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}
.landing-hero{
  background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,250,255,.98) 100%)!important;
  border:1px solid rgba(219,227,239,.82)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.08), 0 1px 0 rgba(255,255,255,.7) inset!important;
}
.landing-hero::before{
  background:
    radial-gradient(420px 240px at 8% 10%, rgba(93,125,255,.16), transparent 62%),
    radial-gradient(340px 220px at 92% 8%, rgba(175,140,255,.18), transparent 64%),
    radial-gradient(320px 180px at 22% 100%, rgba(255,208,96,.12), transparent 66%);
  opacity:.95;
}
.landing-grid{opacity:.22!important}
.landing-orb--blue{background:radial-gradient(circle, rgba(101,146,255,.9) 0%, rgba(101,146,255,0) 74%)!important}
.landing-orb--violet{background:radial-gradient(circle, rgba(186,140,255,.82) 0%, rgba(186,140,255,0) 74%)!important}
.landing-orb--gold{background:radial-gradient(circle, rgba(255,213,102,.7) 0%, rgba(255,213,102,0) 74%)!important}

.landing-badge{
  background:linear-gradient(135deg, rgba(54,108,255,.13), rgba(82,168,255,.10))!important;
  border-color:rgba(82,120,255,.18)!important;
  color:#2a5bd7!important;
}
.landing-badge--soft{
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(217,225,236,.95)!important;
  color:#536173!important;
}
.landing-hero h1{
  color:#091227!important;
  max-width:790px!important;
  letter-spacing:-.05em!important;
  text-wrap:balance;
}
.landing-hero p,.landing-hero__microcopy{color:#66758a!important}
.landing-button{
  border-radius:999px!important;
}
.landing-button--primary{
  background:linear-gradient(135deg, #2257f6 0%, #4b84ff 52%, #826dff 100%)!important;
  box-shadow:0 16px 34px rgba(56,98,232,.24), 0 1px 0 rgba(255,255,255,.25) inset!important;
}
.landing-button--secondary{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(213,223,236,.98)!important;
}
.landing-button--ghost{
  background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(245,248,255,.85))!important;
  border-style:solid!important;
  border-color:rgba(208,219,235,.95)!important;
}
.landing-button:hover{
  transform:translateY(-3px) scale(1.01)!important;
}
.landing-stats{
  gap:16px!important;
}
.landing-stat-card{
  background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(247,249,253,.96) 100%)!important;
  border:1px solid rgba(218,226,237,.95)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.05)!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.landing-stat-card:nth-child(1){box-shadow:0 18px 45px rgba(81,122,255,.09)!important}
.landing-stat-card:nth-child(2){box-shadow:0 18px 45px rgba(180,145,255,.11)!important}
.landing-stat-card:nth-child(3){box-shadow:0 18px 45px rgba(255,204,84,.10)!important}
.landing-stat-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(144,166,255,.46)!important;
}

.landing-explorer-card,
.landing-story__stage,
.landing-pricing-card,
.landing-feature-card,
.landing-faq-item,
.landing-cta,
.landing-footer{
  border:1px solid rgba(219,227,239,.88)!important;
  box-shadow:0 22px 55px rgba(15,23,42,.06)!important;
}
.landing-explorer-card{
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(246,249,255,.96) 100%)!important;
}
.landing-explorer-card::after,
.landing-story__stage::after,
.landing-pricing-card::after,
.landing-feature-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(91,130,255,.22), rgba(190,153,255,.14), rgba(255,214,110,.18));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.landing-explorer-card{animation:landingFloatCard 8s ease-in-out infinite}
@keyframes landingFloatCard{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

.landing-showcase-pill,
.landing-explorer-kicker,
.landing-story-card__copy > span,
.landing-section__eyebrow,
.landing-pricing-badge{
  background:linear-gradient(135deg, rgba(54,108,255,.12), rgba(164,123,255,.12))!important;
  color:#2759cf!important;
  border:1px solid rgba(108,133,255,.18)!important;
}
.landing-explorer-subsections span,
.landing-story-card__subs span{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(218,226,237,.94)!important;
  color:#5e6c7f!important;
}
.landing-section{
  background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(247,249,253,.92) 100%)!important;
  border:1px solid rgba(220,228,239,.85)!important;
}
.landing-section:nth-of-type(odd)::before{
  background:radial-gradient(360px 160px at 8% 0%, rgba(96,126,255,.10), transparent 68%), radial-gradient(260px 160px at 100% 6%, rgba(255,214,110,.08), transparent 70%);
}
.landing-section__head h2,
.landing-pricing-card h3,
.landing-feature-card h3,
.landing-cta h2,
.landing-faq-question{
  color:#091227!important;
}
.landing-feature-card,
.landing-pricing-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(248,250,255,.95) 100%)!important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.landing-feature-card:hover,
.landing-pricing-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(123,148,255,.38)!important;
  box-shadow:0 28px 70px rgba(42,78,197,.10)!important;
}
.landing-feature-card::before,
.landing-pricing-card::before{
  content:'';
  position:absolute;
  inset:auto 18px 0 18px;
  height:4px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg, #5b86ff 0%, #8d77ff 45%, #ffd271 100%);
  opacity:.92;
}
.landing-feature-icon{
  background:linear-gradient(135deg,#204fe1,#73a2ff)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(52,102,238,.18)!important;
}
.landing-pricing-card--featured{
  background:linear-gradient(180deg, rgba(245,249,255,.98) 0%, rgba(248,244,255,.98) 100%)!important;
  transform:translateY(-6px);
}
.landing-pricing-card--featured::before{height:5px}
.landing-pricing-price{color:#111c35!important}

.landing-strip{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,255,.94) 100%)!important;
  border:1px solid rgba(221,229,240,.9)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.05)!important;
}
.landing-strip__group>span{
  padding:0 26px!important;
}
.landing-strip__group b{color:#32445e!important}
.landing-strip__group small{color:#8b98ab!important}
.landing-strip__track{
  animation:landingV637Marquee 26s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
@keyframes landingV637Marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 18px),0,0)}
}

.landing-story__stage{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,249,255,.96) 100%)!important;
}
.landing-story-card{
  box-shadow:none!important;
}
.landing-story__progress{background:rgba(214,222,234,.65)!important}
.landing-story__progress span{background:linear-gradient(90deg, #5c86ff, #8f74ff)!important}
.landing-explorer-dot.is-active,
.landing-story__dots button.is-active{
  background:linear-gradient(135deg, #4f7fff, #8d75ff)!important;
  box-shadow:0 0 0 6px rgba(92,134,255,.12)!important;
}

.landing-faq-item{
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(249,250,253,.95) 100%)!important;
  border-radius:30px!important;
  transition:border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.landing-faq-item summary{padding-right:22px!important}
.landing-faq-item:hover{transform:translateY(-2px)!important;border-color:rgba(159,177,255,.42)!important}
.landing-faq-plus{
  background:linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%)!important;
  border:1px solid rgba(210,220,234,.96)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
.landing-faq-plus::before,
.landing-faq-plus::after{background:#22324e!important}
.landing-faq-item[open]{border-color:rgba(126,149,255,.42)!important;box-shadow:0 28px 60px rgba(74,103,215,.09)!important}
.landing-faq-item p{color:#67758a!important}

.landing-cta{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;
  gap:28px!important;
  background:linear-gradient(135deg, #153b96 0%, #224dae 40%, #3258b8 100%)!important;
  color:#fff!important;
  overflow:hidden;
}
.landing-cta::before{
  background:radial-gradient(360px 240px at 20% -10%, rgba(255,255,255,.22), transparent 70%), radial-gradient(360px 220px at 100% 100%, rgba(156,195,255,.18), transparent 70%), radial-gradient(320px 180px at 70% 24%, rgba(196,157,255,.16), transparent 72%);
}
.landing-cta .landing-section__eyebrow{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.landing-cta h2,.landing-cta p{color:#fff!important}
.landing-cta p{opacity:.86}
.landing-cta .landing-button--primary{
  background:#fff!important;
  color:#163480!important;
  box-shadow:0 16px 34px rgba(0,0,0,.14)!important;
}
.landing-cta .landing-button--secondary{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.landing-cta__actions{justify-self:end;display:grid;gap:16px;align-content:center}

.landing-footer{
  background:rgba(255,255,255,.8)!important;
  backdrop-filter:saturate(120%) blur(8px);
}
.landing-footer__links a{position:relative}
.landing-footer__links a::after{
  content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg,#5d87ff,#9171ff);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.landing-footer__links a:hover::after{transform:scaleX(1)}

[data-reveal]{transition:opacity .5s ease, transform .7s cubic-bezier(.22,1,.36,1)!important}
[data-reveal]:not(.is-visible){transform:translateY(24px) scale(.985)!important}
[data-reveal].is-visible{opacity:1!important;transform:none!important}

@media (max-width: 1100px){
  .landing-cta{grid-template-columns:1fr!important}
  .landing-cta__actions{justify-self:start!important;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 780px){
  .landing-cta__actions{grid-template-columns:1fr!important}
  .landing-feature-card:hover,
  .landing-pricing-card:hover,
  .landing-stat-card:hover{transform:none!important}
}

/* V638 · restrained Apple-like palette: mostly neutral, color only as accents */
body.guest-landing-page{
  background:#f5f5f7!important;
  color:#111214!important;
}
body.guest-landing-page .app-header{
  background:rgba(250,250,252,.92)!important;
  border-bottom-color:rgba(0,0,0,.06)!important;
  box-shadow:none!important;
}

.landing-hero{
  background:#fff!important;
  border-color:rgba(0,0,0,.075)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.055)!important;
}
.landing-hero::before{
  background:
    radial-gradient(520px 280px at 96% 0%,rgba(0,113,227,.085),transparent 66%),
    radial-gradient(420px 260px at 76% 18%,rgba(110,86,207,.055),transparent 70%)!important;
}
.landing-grid{opacity:.10!important}
.landing-orb--gold{display:none!important}
.landing-orb--blue{opacity:.16!important;filter:blur(30px)!important}
.landing-orb--violet{opacity:.10!important;filter:blur(34px)!important}

.landing-badge{
  background:#f2f2f4!important;
  border-color:rgba(0,0,0,.055)!important;
  color:#31343a!important;
}
.landing-badge:first-child{
  background:#edf5ff!important;
  border-color:#d9eaff!important;
  color:#0066cc!important;
}
.landing-badge--soft{
  background:#fff!important;
  color:#4f555e!important;
}
.landing-hero h1,
.landing-section__head h2,
.landing-feature-card h3,
.landing-pricing-card h3,
.landing-faq-question{
  color:#111214!important;
}
.landing-hero p,.landing-hero__microcopy,.landing-section__head p{color:#6e7480!important}

.landing-button--primary{
  background:#0071e3!important;
  box-shadow:0 8px 24px rgba(0,113,227,.18)!important;
}
.landing-button--secondary{
  background:#fff!important;
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:none!important;
  color:#1d1d1f!important;
}
.landing-button--ghost{
  background:#f5f5f7!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#3b3f46!important;
}
.landing-button:hover{transform:translateY(-2px)!important}

.landing-stat-card{
  background:#fff!important;
  border-color:rgba(0,0,0,.07)!important;
  box-shadow:none!important;
}
.landing-stat-card:nth-child(1),
.landing-stat-card:nth-child(2),
.landing-stat-card:nth-child(3){box-shadow:none!important}
.landing-stat-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(0,113,227,.22)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.05)!important;
}
.landing-stat-card strong{color:#1d1d1f!important}

.landing-explorer-card,
.landing-story__stage,
.landing-section,
.landing-feature-card,
.landing-pricing-card,
.landing-faq-item,
.landing-footer{
  background:#fff!important;
  border-color:rgba(0,0,0,.07)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.045)!important;
}
.landing-explorer-card::after,
.landing-story__stage::after,
.landing-pricing-card::after,
.landing-feature-card::after{display:none!important}
.landing-explorer-card{animation:landingFloatCardV638 10s ease-in-out infinite!important}
@keyframes landingFloatCardV638{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.landing-showcase-pill,
.landing-explorer-kicker,
.landing-story-card__copy > span,
.landing-section__eyebrow,
.landing-pricing-badge{
  background:#f2f2f4!important;
  border-color:transparent!important;
  color:#515761!important;
}
.landing-explorer-kicker,
.landing-story-card__copy > span,
.landing-pricing-card--featured .landing-pricing-badge{
  background:#edf5ff!important;
  color:#0066cc!important;
}
.landing-explorer-subsections span,.landing-story-card__subs span{
  background:#f5f5f7!important;
  border-color:transparent!important;
  color:#6b717b!important;
}

.landing-section{background:#fff!important}
.landing-section::before,.landing-section:nth-of-type(odd)::before{background:none!important}
.landing-feature-card,.landing-pricing-card{
  background:#fff!important;
  border-color:rgba(0,0,0,.075)!important;
  box-shadow:none!important;
}
.landing-feature-card::before,.landing-pricing-card::before{display:none!important}
.landing-feature-card:hover,.landing-pricing-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(0,113,227,.18)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.055)!important;
}
.landing-feature-icon{
  background:#edf5ff!important;
  color:#0066cc!important;
  box-shadow:none!important;
}
.landing-feature-card:nth-child(2) .landing-feature-icon{background:#f3efff!important;color:#6e56cf!important}
.landing-feature-card:nth-child(3) .landing-feature-icon{background:#edf8f2!important;color:#23835a!important}
.landing-feature-card:nth-child(4) .landing-feature-icon{background:#fff5e8!important;color:#a65c00!important}
.landing-feature-card:nth-child(5) .landing-feature-icon{background:#f1f3f5!important;color:#4d535c!important}
.landing-pricing-card--featured{
  background:#f5f9ff!important;
  border-color:#d7e9fb!important;
  transform:translateY(-4px)!important;
}

.landing-strip{
  background:#fff!important;
  border-color:rgba(0,0,0,.06)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.035)!important;
}
.landing-strip__group b{color:#313844!important}
.landing-strip__group small{color:#969daa!important}
.landing-strip__track{
  animation:landingV638Marquee 28s linear infinite!important;
  animation-play-state:running!important;
}
@keyframes landingV638Marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 18px),0,0)}}

.landing-story__progress{background:#e8e8ed!important}
.landing-story__progress span{background:#0071e3!important}
.landing-explorer-dot.is-active,.landing-story__dots button.is-active{
  background:#0071e3!important;
  box-shadow:0 0 0 5px rgba(0,113,227,.08)!important;
}

.landing-faq-item{background:#fff!important;box-shadow:none!important}
.landing-faq-item:hover{border-color:rgba(0,113,227,.20)!important;transform:none!important}
.landing-faq-item[open]{border-color:rgba(0,113,227,.22)!important;box-shadow:none!important}
.landing-faq-plus{
  background:#f5f5f7!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.landing-faq-plus::before,.landing-faq-plus::after{background:#33373d!important}

.landing-cta{
  background:#1d1d1f!important;
  border-color:#1d1d1f!important;
  box-shadow:0 18px 50px rgba(0,0,0,.12)!important;
}
.landing-cta::before{
  background:radial-gradient(520px 280px at 90% -10%,rgba(0,113,227,.28),transparent 68%)!important;
}
.landing-cta .landing-section__eyebrow{
  background:rgba(255,255,255,.10)!important;
  border-color:transparent!important;
  color:#f5f5f7!important;
}
.landing-cta .landing-button--primary{background:#f5f5f7!important;color:#1d1d1f!important;box-shadow:none!important}
.landing-cta .landing-button--secondary{background:transparent!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}

.landing-footer{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.landing-footer__links a::after{background:#0071e3!important}

[data-reveal]{transition:opacity .42s ease,transform .62s cubic-bezier(.22,1,.36,1)!important}
[data-reveal]:not(.is-visible){transform:translateY(16px)!important}


/* V639 · quieter Apple-like landing with marketplace logo ticker */
body.guest-landing-page{background:linear-gradient(180deg,#f6f7fb 0%,#fbfbfd 26%,#f7f8fb 100%)!important;}
body.guest-landing-page .app-header{background:rgba(251,252,254,.88)!important;backdrop-filter:saturate(120%) blur(16px)!important;box-shadow:0 8px 28px rgba(15,23,42,.045)!important;}
.landing-hero{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(249,250,252,.98) 100%)!important;box-shadow:0 28px 80px rgba(15,23,42,.06)!important;border:1px solid rgba(226,231,239,.9)!important;}
.landing-hero::before{background:radial-gradient(380px 210px at 12% 8%, rgba(90,128,255,.08), transparent 65%),radial-gradient(320px 180px at 88% 14%, rgba(196,206,255,.10), transparent 65%),radial-gradient(280px 160px at 50% 100%, rgba(245,248,255,.52), transparent 70%)!important;}
.landing-grid,.landing-orb{opacity:.55!important}
.landing-badge{background:rgba(246,248,252,.94)!important;color:#4a5567!important;border-color:rgba(220,226,236,.95)!important;}
.landing-badge--soft{background:#fff!important;color:#5f6b7c!important}
.landing-button--primary{background:#0f172a!important;box-shadow:0 16px 34px rgba(15,23,42,.12)!important;}
.landing-button--secondary,.landing-button--ghost{background:rgba(255,255,255,.9)!important;border-color:rgba(221,228,238,.95)!important;}
.landing-stat-card,.landing-explorer-card,.landing-story__stage,.landing-pricing-card,.landing-feature-card,.landing-faq-item,.landing-cta,.landing-footer,.landing-strip{box-shadow:0 20px 48px rgba(15,23,42,.045)!important;border:1px solid rgba(226,231,239,.88)!important;}
.landing-feature-card::before,.landing-pricing-card::before{background:linear-gradient(90deg,#111827 0%,#6b7280 100%)!important;opacity:.14!important;}
.landing-showcase-pill,.landing-explorer-kicker,.landing-story-card__copy > span,.landing-section__eyebrow,.landing-pricing-badge{background:rgba(246,248,252,.96)!important;border-color:rgba(223,229,238,.98)!important;color:#485569!important;}
.landing-strip--marketplaces{padding:18px 22px!important;overflow:hidden!important;}
.landing-strip--marketplaces .landing-strip__viewport{overflow:hidden!important}
.landing-strip--marketplaces .landing-strip__track{display:flex!important;align-items:center!important;gap:26px!important;width:max-content!important;animation:landingMarketplaceTicker 18s linear infinite!important;will-change:transform!important;}
.landing-strip--marketplaces .landing-strip__group{display:flex!important;align-items:center!important;gap:26px!important;}
@keyframes landingMarketplaceTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 13px),0,0)}}
.landing-marketplace-card{min-width:320px;display:flex;align-items:center;gap:18px;padding:16px 18px;margin:0;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f8f9fb 100%);border:1px solid rgba(226,231,239,.95);box-shadow:0 12px 30px rgba(15,23,42,.045);}
.landing-marketplace-card__logo{width:122px;height:58px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;}
.landing-marketplace-card__logo img{max-width:100%;max-height:100%;display:block;}
.landing-marketplace-card figcaption{display:grid;gap:4px}
.landing-marketplace-card b{font-size:18px;color:#0f172a}
.landing-marketplace-card small{font-size:13px;color:#718096}
.landing-cta{background:linear-gradient(180deg,#111827 0%,#1f2937 100%)!important;}
.landing-cta::before{opacity:.34!important}
.landing-cta .landing-button--primary{background:#fff!important;color:#111827!important}
.landing-cta .landing-button--secondary{background:rgba(255,255,255,.06)!important}
@media (max-width: 900px){.landing-marketplace-card{min-width:280px}.landing-marketplace-card__logo{width:100px;height:52px}}


/* V640 · remove hero brush strokes and simplify marketplace ticker */
.landing-hero__backdrop,
.landing-grid,
.landing-orb,
.landing-hero::before{
  display:none !important;
  background:none !important;
  opacity:0 !important;
}
.landing-hero{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%) !important;
}
.landing-strip--marketplaces .landing-strip__track{
  gap:18px !important;
  animation-duration:16s !important;
}
.landing-strip--marketplaces .landing-strip__group{
  gap:18px !important;
}
.landing-marketplace-card{
  min-width:220px !important;
  justify-content:center !important;
  padding:14px 16px !important;
  border-radius:22px !important;
}
.landing-marketplace-card__logo{
  width:158px !important;
  height:54px !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.landing-marketplace-card figcaption{
  display:none !important;
}
@media (max-width: 900px){
  .landing-marketplace-card{min-width:180px !important;}
  .landing-marketplace-card__logo{width:128px !important;height:46px !important;}
}


/* V641 · auth back-navigation, seamless marketplace ticker, unified feature accent */
.landing-feature-icon,
.landing-feature-card:nth-child(2) .landing-feature-icon,
.landing-feature-card:nth-child(3) .landing-feature-icon,
.landing-feature-card:nth-child(4) .landing-feature-icon,
.landing-feature-card:nth-child(5) .landing-feature-icon{
  background:#edf5ff!important;
  color:#0066cc!important;
  border:1px solid rgba(0,102,204,.09)!important;
  box-shadow:none!important;
}
.landing-feature-card{
  border-color:rgba(0,0,0,.075)!important;
}
.landing-feature-card:hover{
  border-color:rgba(0,102,204,.20)!important;
}

/* Two identical, very wide halves. Moving by exactly one half creates a gapless loop. */
.landing-strip--marketplaces .landing-strip__track{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  width:max-content!important;
  animation:landingMarketplaceTickerV641 26s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
.landing-strip--marketplaces .landing-strip__group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}
@keyframes landingMarketplaceTickerV641{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .landing-strip--marketplaces .landing-strip__track{
    animation:landingMarketplaceTickerV641 34s linear infinite!important;
  }
}

/* V642 · bulk product selection + service photo */
.products-modern-select-cell{width:46px;min-width:46px;text-align:center!important;padding-left:10px!important;padding-right:10px!important}
.products-modern-select-cell input{width:17px;height:17px;accent-color:#20242a;cursor:pointer}
.products-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 16px 12px;padding:12px 14px;border:1px solid #dfe4ea;border-radius:16px;background:#f8f9fb;box-shadow:0 8px 22px rgba(17,24,39,.04)}
.products-bulk-bar[hidden]{display:none!important}
.products-bulk-bar>div:first-child{display:grid;gap:2px}.products-bulk-bar strong{font-size:13px;color:#1f2730}.products-bulk-bar small{font-size:10px;color:#7a8491}.products-bulk-bar__actions{display:flex;gap:8px;align-items:center}
.products-service-photo-card{width:min(860px,calc(100vw - 32px))!important}
.products-service-photo-form{display:grid;gap:16px}
.products-service-photo-summary{display:grid;gap:3px;padding:13px 15px;border:1px solid #e1e5ea;border-radius:14px;background:#f8f9fb}.products-service-photo-summary strong{font-size:13px}.products-service-photo-summary small{font-size:10px;color:#7c8692}
.products-service-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.products-service-photo-option{padding:15px;border:1px solid #e1e5ea;border-radius:16px;background:#fff}.products-service-photo-option>span{display:block;margin-bottom:10px;font-size:11px;font-weight:900;color:#5d6673;text-transform:uppercase;letter-spacing:.04em}.products-service-photo-option label{display:grid;grid-template-columns:20px 1fr;column-gap:8px;row-gap:2px;padding:10px;border-radius:12px;cursor:pointer}.products-service-photo-option label:hover{background:#f7f8fa}.products-service-photo-option input[type=radio]{grid-row:1/3;margin-top:2px;accent-color:#20242a}.products-service-photo-option b{font-size:12px;color:#252c35}.products-service-photo-option small{font-size:10px;color:#858e99;line-height:1.45}
.products-service-photo-number{padding:8px 10px 0}.products-service-photo-number label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;background:transparent!important;font-size:11px;font-weight:800;color:#555f6c}.products-service-photo-number input{width:88px;height:38px;border:1px solid #d9dfe6;border-radius:10px;padding:0 10px;font:inherit}
.products-service-photo-dropzone{min-height:150px!important;display:grid!important;grid-template-columns:92px 1fr;align-items:center;column-gap:16px;text-align:left!important;padding:18px!important}.products-service-photo-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.products-service-photo-preview{grid-row:1/3;width:92px;height:92px;border-radius:16px;background:#f0f2f5;border:1px solid #dde2e8;display:grid;place-items:center;overflow:hidden;color:#8c96a2;font-size:28px}.products-service-photo-preview img{width:100%;height:100%;object-fit:cover}.products-service-photo-dropzone strong{align-self:end;font-size:14px}.products-service-photo-dropzone small{align-self:start;color:#818b97;font-size:11px}
.products-service-photo-status{margin:0;padding:10px 12px;border-radius:12px;font-size:11px;font-weight:750;background:#f3f5f7;color:#55606c}.products-service-photo-status.is-pending{background:#eef3f8;color:#40546a}.products-service-photo-status.is-success{background:#edf7f0;color:#287345}.products-service-photo-status.is-warning{background:#fff7e8;color:#8a641c}.products-service-photo-status.is-error{background:#fff0f0;color:#a33838}
@media(max-width:760px){.products-bulk-bar{align-items:stretch;flex-direction:column}.products-bulk-bar__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.products-service-photo-grid{grid-template-columns:1fr}.products-service-photo-dropzone{grid-template-columns:72px 1fr}.products-service-photo-preview{width:72px;height:72px}}

/* V657 · Knowledge base marketplace/scheme calculation switcher */
.knowledge-pricing-switcher{margin-top:20px;display:grid;gap:14px}
.knowledge-pricing-market-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#f7f8fa}
.knowledge-pricing-market-tabs button,.knowledge-pricing-scheme-tabs button,.knowledge-pricing-variant-tabs button{appearance:none;border:1px solid transparent;background:transparent;color:#66707d;font:800 12px/1.1 inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.knowledge-pricing-market-tabs button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:9px;border-radius:11px}
.knowledge-pricing-market-tabs button:hover,.knowledge-pricing-scheme-tabs button:hover,.knowledge-pricing-variant-tabs button:hover{color:var(--ink);background:#fff}
.knowledge-pricing-market-tabs button.is-active{background:#fff;border-color:#dce2e9;color:#141b24;box-shadow:0 3px 12px rgba(18,25,36,.07)}
.knowledge-pricing-market-dot{width:8px;height:8px;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px rgba(120,130,145,.08)}
.knowledge-pricing-market-dot.is-ozon{background:#1269ff}.knowledge-pricing-market-dot.is-wb{background:#b72adb}.knowledge-pricing-market-dot.is-yandex{background:#ffd426}
.knowledge-pricing-scheme-shell{padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:#fff}
.knowledge-pricing-scheme-label{margin-bottom:10px;color:#838b96;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.knowledge-pricing-scheme-tabs{display:flex;gap:7px;flex-wrap:wrap}
.knowledge-pricing-scheme-tabs button{min-height:36px;padding:0 14px;border-radius:10px;border-color:#e1e6ec;background:#fafbfc}
.knowledge-pricing-scheme-tabs button.is-active{background:#202832;border-color:#202832;color:#fff;box-shadow:0 5px 14px rgba(20,28,38,.13)}
.knowledge-pricing-example{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(18,25,36,.045)}
.knowledge-pricing-example__head{padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfc)}
.knowledge-pricing-example__head>div:first-child>span{display:block;margin-bottom:7px;color:#707986;font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.knowledge-pricing-example__head h4{margin:0 0 6px;color:#131a23;font-size:22px;letter-spacing:-.025em}.knowledge-pricing-example__head p{margin:0;color:#7b8490;font-size:12px;line-height:1.55}
.knowledge-pricing-variant-tabs{display:flex;gap:5px;padding:4px;border:1px solid #dde3e9;border-radius:11px;background:#f4f6f8;flex:0 0 auto}
.knowledge-pricing-variant-tabs button{height:30px;padding:0 12px;border-radius:8px;font-size:10px}.knowledge-pricing-variant-tabs button.is-active{background:#fff;border-color:#dce2e8;color:#171e27;box-shadow:0 2px 7px rgba(18,25,36,.07)}
.knowledge-pricing-sheet{padding:22px;background:#eef1f4}
.knowledge-pricing-sheet__paper{max-width:1040px;margin:0 auto;padding:24px;border:1px solid #dfe4e9;border-radius:16px;background:#fff;box-shadow:0 18px 36px rgba(18,25,36,.07)}
.knowledge-pricing-sheet__caption{margin-bottom:12px;color:#7b8490;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.knowledge-pricing-table td:first-child{width:38%}.knowledge-pricing-table td:nth-child(2){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#27384b;font-weight:650}.knowledge-pricing-table th:last-child,.knowledge-pricing-table td.knowledge-pricing-source-cell{width:142px;text-align:center}
.knowledge-pricing-formulas{margin-top:14px}.knowledge-pricing-formulas .knowledge-formula-card:last-child{margin-bottom:0}
.knowledge-pricing-notes{margin:14px 0 0;padding:0;display:grid;gap:7px;list-style:none}.knowledge-pricing-notes li{position:relative;padding-left:18px;color:#727c89;font-size:11px;line-height:1.55}.knowledge-pricing-notes li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:#aeb6c0}
.knowledge-pricing-example.is-ozon .knowledge-pricing-sheet__paper{border-top:3px solid rgba(18,105,255,.78)}
.knowledge-pricing-example.is-wb .knowledge-pricing-sheet__paper{border-top:3px solid rgba(183,42,219,.68)}
.knowledge-pricing-example.is-yandex .knowledge-pricing-sheet__paper{border-top:3px solid rgba(255,202,0,.9)}
.knowledge-pricing-row-label{display:flex;align-items:center;gap:8px;min-width:0}
.knowledge-pricing-row-toggle{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;padding:0;border:1px solid #dfe4ea;border-radius:8px;background:#fff;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.knowledge-pricing-row-toggle:hover{background:#f4f6f8;border-color:#cfd6de}
.knowledge-pricing-row-chevron{width:7px;height:7px;border-right:1.8px solid #586575;border-bottom:1.8px solid #586575;transform:rotate(45deg) translate(-1px,-1px);transition:transform .16s ease}
.knowledge-pricing-row-toggle[aria-expanded="true"] .knowledge-pricing-row-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.knowledge-pricing-source-button{min-width:92px;height:30px;padding:0 11px;border:1px solid #dce2e8;border-radius:9px;background:#f8fafc;color:#394657;font:800 10px/1 inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.knowledge-pricing-source-button:hover{background:#fff;border-color:#bfc8d2;color:#171f29;transform:translateY(-1px)}
.knowledge-pricing-breakdown-row>td{padding:0!important;background:#f8fafc!important;border-top:0!important;font-family:inherit!important;color:inherit!important;font-weight:inherit!important;text-align:left!important}
.knowledge-pricing-breakdown{margin:0 12px 12px;padding:14px 16px;border:1px solid #dfe5eb;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(19,29,43,.035)}
.knowledge-pricing-breakdown__title{margin-bottom:10px;color:#5e6977;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.knowledge-pricing-breakdown__items{display:grid;gap:7px}
.knowledge-pricing-breakdown__item{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #edf0f3;color:#6e7885;font-size:11px}
.knowledge-pricing-breakdown__item:last-child{border-bottom:0}.knowledge-pricing-breakdown__item strong{color:#283442;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:11px;text-align:right}
.knowledge-pricing-breakdown__formula{margin-top:12px;padding:12px 13px;border-radius:10px;background:#f2f5f8;display:grid;gap:5px}
.knowledge-pricing-breakdown__formula span{color:#7b8591;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.knowledge-pricing-breakdown__formula code{white-space:normal;color:#202b38;font-size:11px;line-height:1.55}
.knowledge-source-modal[hidden]{display:none!important}.knowledge-source-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}
.knowledge-source-modal__backdrop{position:absolute;inset:0;background:rgba(18,24,32,.42);backdrop-filter:blur(4px)}
.knowledge-source-modal__dialog{position:relative;width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid #dfe4ea;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(11,19,30,.22)}
.knowledge-source-modal__close{position:absolute;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e0e5ea;border-radius:10px;background:#f7f9fb;color:#5f6a77;font-size:21px;line-height:1;cursor:pointer}
.knowledge-source-modal__close:hover{background:#fff;color:#1f2935}.knowledge-source-modal__eyebrow{display:block;margin:0 42px 7px 0;color:#7d8793;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.knowledge-source-modal__dialog h4{margin:0 42px 9px 0;color:#171f29;font-size:19px;letter-spacing:-.02em}.knowledge-source-modal__dialog p{margin:0;color:#687381;font-size:12px;line-height:1.65}.knowledge-source-modal__body{display:grid;gap:12px}.knowledge-source-modal__body ul{margin:6px 0 0 18px;padding:0;color:#687381;font-size:12px;line-height:1.6}.knowledge-source-modal__body li+li{margin-top:4px}.knowledge-source-modal__links{display:flex;flex-wrap:wrap;gap:10px}
.knowledge-source-modal__link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:17px;padding:0 14px;border:1px solid #cfd8e3;border-radius:10px;background:#f6f9fc;color:#1b5fc8;font-size:11px;font-weight:850;text-decoration:none}
.knowledge-source-modal__link:hover{background:#fff;border-color:#b8c6d8}.knowledge-source-modal-open{overflow:hidden}
@media (max-width:760px){.knowledge-pricing-market-tabs{display:grid;grid-template-columns:1fr}.knowledge-pricing-market-tabs button{justify-content:flex-start}.knowledge-pricing-example__head{align-items:flex-start;flex-direction:column}.knowledge-pricing-variant-tabs{width:100%}.knowledge-pricing-variant-tabs button{flex:1}.knowledge-pricing-sheet{padding:12px}.knowledge-pricing-sheet__paper{padding:14px}.knowledge-pricing-scheme-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-pricing-scheme-tabs button{width:100%}}

@media (max-width:760px){.knowledge-pricing-table th:last-child,.knowledge-pricing-table td.knowledge-pricing-source-cell{width:112px}.knowledge-pricing-source-button{min-width:78px;padding:0 8px}.knowledge-pricing-breakdown__item{align-items:flex-start;flex-direction:column;gap:3px}.knowledge-pricing-breakdown__item strong{text-align:left}.knowledge-source-modal__dialog{padding:20px}}

/* V712 — compact Ozon cluster controls + dense FBS settings. */
#page-settings-modal .settings-ozon-logistics-grid {
    align-items:start;
    grid-template-columns:minmax(220px,1.05fr) minmax(180px,.9fr) minmax(180px,.9fr);
}
#page-settings-modal .settings-ozon-logistics-grid .settings-field-grid--compact,
#page-settings-modal .settings-ozon-logistics-grid .settings-field-grid--compact > label {
    min-height:0;
    height:auto;
    align-self:start;
}
#page-settings-modal .settings-ozon-logistics-grid .settings-field-grid--compact > label {
    padding:12px 14px;
    gap:7px;
}
#page-settings-modal .settings-ozon-logistics-grid select {
    min-height:38px;
    height:38px;
    padding:6px 34px 6px 11px;
    font-size:13px;
}
#page-settings-modal .settings-field-grid--fbs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:12px;
}
#page-settings-modal .settings-field-grid--fbs > label {
    display:flex;
    flex-direction:column;
    gap:7px;
    min-height:0;
    padding:13px 14px;
    border:1px solid var(--border-color,#e4e9f1);
    border-radius:16px;
    background:var(--card-bg,#fff);
    font-weight:700;
}
#page-settings-modal .settings-field-grid--fbs select,
#page-settings-modal .settings-field-grid--fbs input[type="number"] {
    min-height:40px;
    height:40px;
}
#page-settings-modal .settings-field-grid--fbs small {font-weight:500;line-height:1.35;}
#page-settings-modal .settings-fbs-switches {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}
#page-settings-modal .settings-switch-row--compact {margin:0;min-height:76px;padding:12px 14px;}
#page-settings-modal .settings-info-row--fbs {margin-top:16px;}
@media (max-width:900px){
  #page-settings-modal .settings-ozon-logistics-grid,
  #page-settings-modal .settings-field-grid--fbs,
  #page-settings-modal .settings-fbs-switches {grid-template-columns:1fr;}
}


/* app-design-system.css */
/* Marketplace Analytics design system v194.
   This file is the single migration layer for shared operational UI.
   New shared component rules belong here instead of static.css. */

:root {
    --ui-bg: #f4f6f8;
    --ui-surface: #ffffff;
    --ui-surface-muted: #f7f8fa;
    --ui-text: #20242a;
    --ui-muted: #68717d;
    --ui-line: #dde2e8;
    --ui-line-strong: #c5ccd5;
    --ui-focus: rgba(22, 132, 248, .22);
    --ui-radius-control: 8px;
    --ui-radius-panel: 8px;
    --ui-shadow-panel: 0 2px 10px rgba(26, 35, 47, .06);
    --ui-shadow-menu: 0 12px 28px rgba(26, 35, 47, .12);
    --radius-xl: var(--ui-radius-panel);
    --radius-lg: var(--ui-radius-panel);
    --radius-md: var(--ui-radius-control);
    --shadow: none;
}

body {
    background: var(--ui-bg);
    color: var(--ui-text);
    font-size: 13px;
}

.site-shell { padding: 10px; }
.page-container { padding-bottom: 28px; }

/* Compact application chrome */
.app-header {
    min-height: 58px;
    margin-bottom: 10px;
    padding: 8px 12px;
    gap: 12px;
    border-color: var(--ui-line);
    border-radius: var(--ui-radius-panel);
    box-shadow: var(--ui-shadow-panel);
}

.brand-name { font-size: 14px; }
.main-nav { gap: 2px; }
.main-nav__link {
    min-height: 34px;
    padding: 7px 11px;
    border-radius: var(--ui-radius-control) !important;
    font-size: 12px;
    letter-spacing: 0;
}

.header-actions { gap: 8px; }
.header-store-picker summary,
.logout-link,
.header-auth-button {
    min-height: 34px;
    border-radius: var(--ui-radius-control) !important;
}

.nav-toggle {
    width: 36px;
    height: 36px;
    border-radius: var(--ui-radius-control);
}
.nav-toggle > .app-icon { width: 20px; height: 20px; }

/* Compact page hierarchy */
.page-heading {
    min-height: 0;
    margin-bottom: 12px;
    padding: 14px 18px;
    border-color: var(--ui-line);
    border-radius: var(--ui-radius-panel);
    box-shadow: var(--ui-shadow-panel);
}
.page-heading--actions { gap: 16px; }
.page-heading h1 {
    margin: 2px 0 3px;
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: 0;
}
.page-heading p {
    max-width: 760px;
    font-size: 12px;
    line-height: 1.4;
}
.eyebrow {
    font-size: 10px;
    letter-spacing: 0;
}
.heading-actions { gap: 7px; }

.panel,
.dashboard-panel,
.metric-card,
.store-card,
.api-toolbar,
.api-table-panel,
.orders-stat,
.orders-metric-card,
.orders-filter-panel,
.mpw-hero,
.mpw-metric,
.mpw-group,
.modal-card,
.orders-dialog__card,
.orders-history-dialog__card {
    border-radius: var(--ui-radius-panel) !important;
    box-shadow: var(--ui-shadow-panel);
}
.panel { padding: 18px; }
.panel--flush { padding: 0; }

/* Controls use one geometry. Pills remain reserved for statuses and tags. */
.button,
.action-primary,
.action-cancel,
.file-button,
.side-action,
.api-add-button,
.orders-refresh,
.app-table-reset-button,
.app-filter-toggle,
.column-settings-button,
.page-settings-button {
    min-height: 36px;
    padding: 7px 12px;
    border-radius: var(--ui-radius-control) !important;
    letter-spacing: 0;
}
.button-small { min-height: 32px; padding: 6px 10px; }

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.control-input,
.search-field,
.orders-search,
.mpw-search {
    min-height: 38px;
    border-radius: var(--ui-radius-control) !important;
}

input:not([type="checkbox"]):not([type="radio"]):focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--ui-focus);
    outline-offset: 2px;
}

/* Shared icon language */
.app-icon,
.ui-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.app-icon--sm { width: 14px; height: 14px; flex-basis: 14px; }
.app-icon--lg { width: 20px; height: 20px; flex-basis: 20px; }
.icon-only,
.modal-close,
.alert-close,
.orders-dialog__close,
.orders-history-dialog__close,
.api-icon-action,
.order-sticker-button,
.column-drag-handle,
.export-drag-handle {
    display: inline-grid;
    place-items: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: var(--ui-radius-control) !important;
}
.modal-close,
.alert-close,
.orders-dialog__close,
.orders-history-dialog__close {
    font-size: 0;
}

/* One filter system across catalog, prices, orders and warehouse screens. */
.workspace { gap: 14px; }
.workspace-sidebar,
.pricing-sidebar,
.app-filter-drawer {
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-panel);
}
.workspace-sidebar,
.pricing-sidebar { padding: 12px; }
.sidebar-title { margin: 0 0 6px; font-size: 17px; }

.filter-card {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--ui-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.filter-card:last-of-type { border-bottom: 0; }
.filter-card__title {
    min-height: 38px;
    margin: 6px 0 4px;
    padding: 8px 9px;
    border-radius: var(--ui-radius-control) !important;
    background: var(--ui-surface-muted);
    color: var(--ui-text);
    font-size: 12px;
    font-weight: 750;
    text-align: left;
}
.filter-card__title:hover { background: #eef1f4; }
.filter-card__title .app-dropdown-chevron { color: var(--ui-muted); }
.filter-card__body { padding: 0 4px 10px; }
.choice-line { border-radius: var(--ui-radius-control); }
.sidebar-actions { gap: 7px; padding-top: 10px; }

/* Pricing filters use the same dark disclosure controls as product filters. */
.pricing-sidebar:not(.products-pricing-sidebar) .filter-card__title {
    background: #17191d;
    color: #fff;
}
.pricing-sidebar:not(.products-pricing-sidebar) .filter-card__title:hover,
.pricing-sidebar:not(.products-pricing-sidebar) .filter-card__title:focus-visible {
    background: #2b2f34;
    color: #fff;
}
.pricing-sidebar:not(.products-pricing-sidebar) .filter-card__title .app-dropdown-chevron {
    color: #fff;
}

/* Remove the legacy outer shell that remained visible around collapsed product filters. */
.products-pricing-sidebar .products-filter-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    overflow: visible;
}
.products-pricing-sidebar .products-filter-card__title {
    border-radius: var(--ui-radius-control) !important;
    background: #17191d;
    color: #fff;
}
.products-pricing-sidebar .products-filter-card__title:hover,
.products-pricing-sidebar .products-filter-card__title:focus-visible {
    background: #2b2f34;
    color: #fff;
}

.orders-filter-form,
.promotion-filter-form,
.warehouse-stock-filters,
.app-active-filters {
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-panel);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-panel);
}
.orders-filter-form { padding: 10px; }
.orders-filter summary,
.promotion-filter summary,
.mpw-filter summary {
    min-height: 36px;
    padding: 7px 10px;
    border-radius: var(--ui-radius-control);
    text-transform: none;
    letter-spacing: 0;
}
.orders-filter__menu,
.main-nav-submenu,
.header-store-picker__menu,
.app-searchable-select__menu,
.app-enhanced-multi__menu {
    border-radius: var(--ui-radius-panel);
    box-shadow: var(--ui-shadow-menu);
}
.app-active-filters { margin: 0 0 10px; padding: 8px 10px; }
.app-filter-chip,
.orders-filter-chips > span,
.api-status,
.price-pill,
.store-chip { border-radius: 999px; }

.api-toolbar { min-height: 48px; padding: 7px 10px; }
.api-tabs { gap: 3px; }
.api-tab {
    min-height: 34px;
    padding: 7px 11px;
    border-radius: var(--ui-radius-control);
    letter-spacing: 0;
}

/* Unified table surface with one compact operational density */
.app-table-scroll,
.data-table-wrap,
.pricing-table-wrap,
.orders-table-wrap,
.api-table-scroll {
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-panel) !important;
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-panel);
    scrollbar-gutter: stable;
}
.app-table {
    background: var(--ui-surface);
    color: var(--ui-text);
}
.app-table th {
    position: sticky;
    top: 0;
    z-index: 12;
    padding: 9px 10px;
    border-bottom: 1px solid var(--ui-line-strong);
    background: var(--ui-surface-muted);
    color: #48515d;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}
.app-table td {
    padding: 10px;
    border-bottom: 1px solid var(--ui-line);
    color: var(--ui-text);
    font-size: 12px;
    line-height: 1.35;
}
.app-table tbody tr:hover td { background: #f8fafc; }
.app-table tbody tr:last-child td { border-bottom: 0; }
.app-sticky-col { background: var(--ui-surface); }
.app-table tbody tr:hover .app-sticky-col { background: #f8fafc; }
.table-sort,
.orders-sort {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    letter-spacing: 0;
}
.table-sort .app-icon,
.orders-sort .app-icon { color: #7b8490; }
.orders-comment-button,
.supply-create-toggle,
.reset-link,
.utility-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

html[data-table-density="compact"] .app-table th { padding: 7px 9px; }
html[data-table-density="compact"] .app-table td { padding: 7px 9px; font-size: 11px; }
html[data-table-density="compact"] .app-table img { max-width: 46px; max-height: 46px; }
.app-table td.image-cell img,
.app-table .products-photo-cell img,
.app-table .table-product-image {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    border-radius: var(--ui-radius-panel) !important;
    object-fit: contain;
}

.app-table-preferences {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    min-height: 34px !important;
    margin: 0 0 8px auto !important;
    padding: 3px;
    border: 1px solid var(--ui-line);
    border-radius: var(--ui-radius-control);
    background: var(--ui-surface);
}
.app-table-preference-bar { gap: 6px; }
.app-table-reset-button { margin-left: 0; font-size: 10px; }
.table-toolbar .app-table-preferences,
.pricing-table-toolbar .app-table-preferences,
.orders-table-toolbar .app-table-preferences,
.warehouse-stock-results-head .app-table-preferences {
    margin: 0 0 0 auto !important;
}

.table-toolbar,
.pricing-table-toolbar,
.orders-table-toolbar,
.warehouse-stock-results-head {
    gap: 8px;
    padding: 10px 12px;
}

@media (max-width: 900px) {
    .site-shell { padding: 7px; }
    .app-header { padding: 7px 9px; }
    .page-heading { padding: 12px 14px; }
    .page-heading h1 { font-size: 23px; }
    .page-heading--actions { align-items: flex-start; }
    .heading-actions { width: 100%; }
    .heading-actions .button { width: auto; flex: 1 1 150px; }
}

@media (max-width: 620px) {
    .page-heading { border-radius: var(--ui-radius-panel); }
    .page-heading p { display: none; }
    .page-heading h1 { font-size: 21px; }
    .panel { padding: 12px; }
    .app-table td.image-cell img,
    .app-table .products-photo-cell img,
    .app-table .table-product-image {
        width: 42px !important;
        height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }
    .app-table-reset-button { width: 34px; overflow: hidden; white-space: nowrap; color: transparent; }
    .app-table-reset-button span { display: none; }
    .app-table-reset-button .app-icon { color: var(--ui-muted); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; }
}

/* Shared orders section tabs v324 */
.orders-section-tabs {
    display: flex;
    gap: 22px;
    margin: -1px 0 12px;
    padding: 0 3px;
    overflow-x: auto;
    border-bottom: 1px solid var(--ui-line);
    scrollbar-width: thin;
}
.orders-section-tabs a {
    position: relative;
    flex: 0 0 auto;
    padding: 11px 1px 10px;
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}
.orders-section-tabs a:hover { color: var(--ui-text); }
.orders-section-tabs a.is-active { color: var(--ui-text); }
.orders-section-tabs a.is-active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--ui-text);
}



.app-filter-title-main{display:inline-flex;align-items:center;gap:10px;min-width:0;}
.app-filter-title-text{min-width:0;}
.app-filter-label-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;color:#79859a;}
.app-filter-label-icon__svg{width:16px;height:16px;}
.app-filter-heading{display:flex;align-items:center;gap:10px;}
.filter-card__title>.app-filter-title-main,.products-filter-card__title>.app-filter-title-main,.promotion-filter-box__head>.app-filter-title-main{pointer-events:none;}
.filter-card__title>span>.app-filter-title-main,.products-filter-card__title>span>.app-filter-title-main,.promotion-filter-box__head>span>.app-filter-title-main{pointer-events:none;}

/* V703 — shared additional filters for every Prices marketplace. */
.pricing-filter-range { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.pricing-filter-range label { display:grid; gap:4px; min-width:0; }
.pricing-filter-range label > span { color:var(--ui-muted,#7b8491); font-size:10.5px; font-weight:750; }
.pricing-filter-range input,
.pricing-stock-filter {
  box-sizing:border-box; width:100%; min-width:0; height:36px; border:1px solid #d9dee6;
  border-radius:9px; background:#fff; color:#2f3946; padding:0 9px; font:inherit; font-size:12px;
}
.pricing-filter-range input:focus,
.pricing-stock-filter:focus { outline:none; border-color:#b8c2cf; box-shadow:0 0 0 3px rgba(100,116,139,.08); }
html[data-app-theme="dark"] .pricing-filter-range input,
html[data-app-theme="dark"] .pricing-stock-filter { background:#18212c; border-color:#344253; color:#e6edf5; }


/* profile.css */
.profile-page{background:#f5f7fa}.profile-shell{display:grid;gap:22px;max-width:1540px;margin:0 auto;padding:8px 0 40px}.profile-hero,.profile-section,.profile-invites-banner{background:#fff;border:1px solid #e4e8ee;border-radius:22px;box-shadow:0 8px 24px rgba(28,39,55,.035)}.profile-hero{display:flex;gap:24px;align-items:center;padding:28px 32px}.profile-avatar-wrap{position:relative;flex:0 0 auto}.profile-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#eef1f4,#f7f8fa);color:#2d3742;font-weight:850}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar--large{width:112px;height:112px;font-size:34px;border:4px solid #fff;box-shadow:0 0 0 1px #e0e5eb,0 10px 28px rgba(33,43,54,.12)}.profile-avatar--table{width:42px;height:42px;font-size:13px;flex:0 0 auto}.profile-avatar-edit{position:absolute;right:0;bottom:2px;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#2d3742;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(45,55,66,.24)}.profile-avatar-edit svg{width:15px;height:15px}.profile-avatar-wrap.is-dragover .profile-avatar--large{box-shadow:0 0 0 4px rgba(45,55,66,.16)}.profile-identity{flex:1;min-width:0}.profile-identity__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.profile-eyebrow{margin:0 0 7px;color:#5f6b77;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.profile-identity h1,.profile-section h2{margin:0;color:#202a36;letter-spacing:-.03em}.profile-identity h1{font-size:28px}.profile-edit-button{display:inline-flex;align-items:center;gap:8px}.profile-meta-grid{display:flex;gap:34px;flex-wrap:wrap;margin-top:22px}.profile-meta-grid>div{display:grid;gap:4px}.profile-meta-grid span{font-size:12px;color:#87919d}.profile-meta-grid strong{font-size:14px;color:#303b47}.profile-tabs{display:flex;gap:30px;padding:0 26px;background:#fff;border:1px solid #e4e8ee;border-radius:18px;overflow-x:auto}.profile-tabs a{position:relative;display:flex;align-items:center;gap:7px;min-height:58px;white-space:nowrap;text-decoration:none;color:#697583;font-weight:750;font-size:14px}.profile-tabs a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent}.profile-tabs a.active{color:#2d3742}.profile-tabs a.active:after{background:#2d3742}.profile-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#eef1f4;color:#2d3742;font-size:11px}.profile-section{padding:28px 30px}.profile-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.profile-section-head h2{font-size:24px}.profile-section-head h3{margin:0;font-size:18px;color:#27313c}.profile-section-head span{display:block;margin-top:6px;color:#7c8793;font-size:13px}.profile-section-head--compact{margin-bottom:16px}.profile-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.profile-store-card{position:relative;display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid #e5e8ed;border-radius:16px;background:#fff}.profile-store-card__icon{width:88px;min-height:46px;padding:0 10px;border-radius:13px;display:grid;place-items:center;background:#edf3fc;color:#456ea8;font-size:10px;font-weight:800;line-height:1.15;text-align:center}.profile-store-card--wildberries .profile-store-card__icon{background:#f1eef6;color:#6d5a87}.profile-store-card--yandex_market .profile-store-card__icon{background:#f7f2df;color:#7d6b2f}.profile-store-card strong,.profile-store-card span{display:block}.profile-store-card strong{font-size:14px;color:#27313d}.profile-store-card span{margin-top:4px;color:#88929e;font-size:12px}.profile-store-card em{font-style:normal;font-size:11px;font-weight:800;color:#9aa3ad}.profile-store-card em.is-active{padding:5px 8px;border-radius:8px;background:#eaf7ec;color:#41834a}.profile-empty{display:grid;place-items:center;min-height:150px;gap:7px;color:#8a95a1;text-align:center;border:1px dashed #d9dee5;border-radius:16px}.profile-empty strong{color:#596572}.profile-empty--table{min-height:90px;border:0}.profile-invites-banner{padding:18px 22px;border-color:#dfe4ea;background:linear-gradient(90deg,#fff,#f7f8fa)}.profile-invites-banner>div:first-child{display:flex;gap:10px;align-items:baseline}.profile-invites-banner>div:first-child span{color:#77818d;font-size:13px}.profile-invites-banner__items{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.profile-invites-banner article{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e7ec;border-radius:12px;background:#fff}.profile-invites-banner article small{color:#929aa3}.profile-invites-banner article div{display:flex;gap:6px;margin-left:8px}.team-summary-switch{display:inline-flex;gap:4px;padding:4px;background:#f1f3f6;border-radius:14px;margin-bottom:18px}.team-summary-switch button{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-radius:11px;background:transparent;color:#68737f;cursor:pointer;font:inherit;font-size:13px;font-weight:750}.team-summary-switch button strong{min-width:26px;height:24px;padding:0 7px;border-radius:8px;display:grid;place-items:center;background:#e2e6eb;color:#4b5661}.team-summary-switch button.active{background:#fff;color:#252f3a;box-shadow:0 2px 8px rgba(35,45,55,.08)}.team-summary-switch button.active strong{background:#eef1f4;color:#2d3742}.team-table-wrap{overflow:auto;border:1px solid #e4e8ed;border-radius:16px}.profile-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;background:#fff}.profile-table th{padding:14px 16px;text-align:left;background:#f7f8fa;border-bottom:1px solid #e1e5ea;color:#52606e;font-size:12px;font-weight:800;white-space:nowrap}.profile-table td{padding:14px 16px;border-bottom:1px solid #edf0f3;color:#3a4652;font-size:13px;vertical-align:middle}.profile-table tbody tr:last-child td{border-bottom:0}.profile-table tbody tr:hover td{background:#fbfcfd}.profile-person{display:flex;align-items:center;gap:11px;min-width:230px}.profile-person strong,.profile-person small{display:block}.profile-person strong{font-size:13px;color:#25303c}.profile-person small{margin-top:3px;color:#8b95a0;font-size:11px}.profile-cell-button,.profile-count-button,.profile-store-list-button,.profile-action-button{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.profile-cell-button{display:flex;align-items:center;gap:6px;font-weight:700}.profile-cell-button svg{width:13px;height:13px}.profile-count-button{display:flex;align-items:baseline;gap:5px}.profile-count-button strong{color:#2d3742;font-size:15px}.profile-count-button span{font-size:11px;color:#7f8994}.profile-store-list-button{display:flex;gap:5px;flex-wrap:wrap;max-width:240px}.profile-store-list-button span,.profile-store-list-button b{padding:4px 7px;border-radius:7px;background:#f0f2f5;font-size:10px;font-weight:750}.profile-store-list-button b{background:#eef1f4;color:#2d3742}.profile-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#7e8995}.profile-status i{width:7px;height:7px;border-radius:50%;background:#aab2ba}.profile-status.is-online{color:#388448}.profile-status.is-online i{background:#42ad56;box-shadow:0 0 0 4px #e4f6e7}.profile-action-button{display:grid;grid-template-columns:1fr auto;gap:3px 6px;min-width:190px}.profile-action-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-action-button small{grid-column:1;color:#9099a3;font-size:10px}.profile-action-button svg{grid-row:1/3;grid-column:2;width:13px;height:13px;align-self:center}.profile-icon-danger{width:32px;height:32px;border:0;border-radius:9px;background:#fff1f1;color:#ca4646;display:grid;place-items:center;cursor:pointer}.profile-icon-danger svg{width:14px;height:14px}.team-role-label{font-weight:750}.referral-code-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-radius:16px;background:linear-gradient(100deg,#202a34,#303b46);color:#fff;margin-bottom:18px}.referral-code-card span,.referral-code-card strong{display:block}.referral-code-card span{color:#cbd3dc;font-size:12px}.referral-code-card strong{margin-top:7px;font-size:25px;letter-spacing:.14em}.profile-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.profile-dashboard-grid article{padding:19px;border:1px solid #e5e8ed;border-radius:15px;background:#fff}.profile-dashboard-grid span,.profile-dashboard-grid strong,.profile-dashboard-grid small{display:block}.profile-dashboard-grid span{color:#7f8a96;font-size:12px}.profile-dashboard-grid strong{margin:10px 0 6px;color:#28333e;font-size:24px}.profile-dashboard-grid small{color:#a14b4b}.profile-dashboard-grid small.is-positive{color:#43864c}.referral-status{padding:5px 8px;border-radius:8px;background:#f2f3f5;color:#7b8590;font-size:11px;font-weight:750}.referral-status.is-paid{background:#e8f6ea;color:#43844d}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-card{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:20px;border:1px solid #e3e7ec;border-radius:16px}.security-card__icon{width:46px;height:46px;border-radius:13px;background:#eef1f4;color:#2d3742;display:grid;place-items:center;font-weight:900}.security-card__icon svg{width:20px;height:20px}.security-card h3{margin:0 0 5px;color:#27323d}.security-card p{margin:0;color:#828c97;font-size:12px}.profile-switch{position:relative;display:inline-flex}.profile-switch input{position:absolute;opacity:0}.profile-switch span{width:44px;height:24px;border-radius:12px;background:#cbd1d8;cursor:pointer;transition:.2s}.profile-switch span:after{content:"";display:block;width:18px;height:18px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.2s}.profile-switch input:checked+span{background:#2d3742}.profile-switch input:checked+span:after{transform:translateX(20px)}.security-sessions{margin-top:22px}.sessions-list{display:grid;border:1px solid #e3e7ec;border-radius:16px;overflow:hidden}.sessions-list article{display:grid;grid-template-columns:44px minmax(190px,1.5fr) 1fr .8fr 1fr;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf0f3}.sessions-list article:last-child{border-bottom:0}.sessions-list article>div span,.sessions-list article>div strong,.sessions-list article>div small{display:block}.sessions-list article>div span{color:#8b95a0;font-size:10px}.sessions-list article>div strong{margin-top:4px;color:#36414c;font-size:12px}.sessions-list article>div small{margin-top:4px;color:#8d96a1;font-size:11px}.sessions-list article>div:first-of-type strong{font-size:13px;margin:0}.sessions-list article b{margin-left:7px;padding:3px 6px;border-radius:6px;background:#e8f6ea;color:#3f834a;font-size:9px}.session-device-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef1f4;color:#2d3742;font-size:20px}.profile-modal[hidden]{display:none}.profile-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:22px}.profile-modal__backdrop{position:absolute;inset:0;background:rgba(22,28,36,.48);backdrop-filter:blur(3px)}.profile-modal__card{position:relative;width:min(520px,100%);max-height:min(860px,calc(100vh - 44px));overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(12,17,24,.28)}.profile-modal--wide .profile-modal__card{width:min(820px,100%)}.profile-modal__card>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e8ebef;background:#fff}.profile-modal__card>header h3{margin:0;color:#27313c}.profile-modal__card>header span{display:block;margin-top:5px;color:#87919d;font-size:12px}.profile-modal__card>header>button{width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f6;display:grid;place-items:center;cursor:pointer}.profile-modal__card>form,.profile-modal__card>[data-2fa-setup-step],.profile-modal__card>[data-2fa-qr-step],.profile-modal__card>[data-2fa-recovery-step],.profile-modal__card>[data-2fa-disable-step]{padding:22px}.profile-modal form>label,.profile-modal [data-2fa-setup-step]>label,.profile-modal [data-2fa-qr-step]>label,.profile-modal [data-2fa-disable-step]>label{display:grid;gap:7px;margin-bottom:16px;color:#4e5a66;font-size:12px;font-weight:750}.profile-modal input,.profile-modal select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d9dee5;border-radius:11px;background:#fff;color:#26313d;font:inherit;box-sizing:border-box}.profile-modal input:focus,.profile-modal select:focus{outline:none;border-color:#667381;box-shadow:0 0 0 3px rgba(45,55,66,.10)}.profile-modal fieldset{margin:18px 0;padding:0;border:0}.profile-modal legend{margin-bottom:11px;color:#4f5a65;font-size:12px;font-weight:800}.profile-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.profile-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-checkbox-grid>div{padding:12px;border:1px solid #e4e8ed;border-radius:12px}.profile-checkbox-grid>div>strong{display:block;margin-bottom:8px;color:#333e4a;font-size:12px}.profile-checkbox-grid label{display:flex;align-items:flex-start;gap:8px;padding:5px 0;color:#626e7b;font-size:11px;cursor:pointer}.profile-checkbox-grid input{width:16px;height:16px;min-height:0;accent-color:#2d3742}.profile-checkbox-grid--stores>label{padding:10px;border:1px solid #e4e8ed;border-radius:11px}.profile-checkbox-grid--stores span b,.profile-checkbox-grid--stores span small{display:block}.profile-checkbox-grid--stores span small{margin-top:3px;color:#9099a3}.profile-actions-list{padding:10px 22px 22px}.profile-actions-list article{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #edf0f3}.profile-actions-list article i{width:8px;height:8px;border-radius:50%;background:#2d3742;margin-top:5px}.profile-actions-list article strong,.profile-actions-list article small{display:block}.profile-actions-list article strong{color:#34404c;font-size:12px}.profile-actions-list article small{margin-top:3px;color:#9099a3;font-size:10px}.profile-actions-list article time{color:#86919c;font-size:10px}.profile-password-strength{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:5px;align-items:center;margin:-5px 0 10px}.profile-password-strength i{height:4px;border-radius:2px;background:#e0e4e8}.profile-password-strength span{margin-left:4px;color:#8a949e;font-size:10px}.profile-password-rules{display:grid;gap:5px;margin:0 0 16px;padding:0;list-style:none}.profile-password-rules li{color:#9a6666;font-size:10px}.profile-password-rules li.is-valid{color:#46834f}.profile-full-button{width:100%;justify-content:center}.two-factor-qr{width:190px;height:190px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid #e0e5ea;border-radius:14px;background:#fff}.two-factor-qr img{display:block;width:170px;height:170px;object-fit:contain;image-rendering:pixelated}.two-factor-qr code{padding:10px;font-size:10px;word-break:break-all}.two-factor-qr__error{padding:18px;color:#8a5d19;font-size:12px;line-height:1.5;text-align:center}.profile-modal code[data-2fa-secret]{display:block;padding:11px;border-radius:10px;background:#f2f4f6;text-align:center;letter-spacing:.13em;margin:10px 0 16px}.recovery-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.recovery-code-grid code{display:block;padding:9px;border-radius:8px;background:#f1f3f5;text-align:center}.button-danger{background:#c84545!important;color:#fff!important;border-color:#c84545!important}.auth-optional{font-weight:500;color:#9aa2ab;font-size:11px}
.header-profile-menu{position:relative}.header-profile-button{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border:0;border-radius:13px;background:transparent;cursor:pointer;color:#2d3742}.header-profile-button:hover,.header-profile-menu[open] .header-profile-button{background:#f1f3f6}.header-profile-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef1f4;color:#2d3742;font-weight:850}.header-profile-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-button__text{display:grid;text-align:left}.header-profile-button__text strong{font-size:12px;line-height:1.2}.header-profile-button__text small{font-size:10px;color:#8d96a0}.header-profile-button svg{width:12px;height:12px}.header-profile-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:1100;width:245px;padding:8px;border:1px solid #e2e6eb;border-radius:15px;background:#fff;box-shadow:0 16px 45px rgba(28,37,48,.16)}.header-profile-popover a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:#42505d;text-decoration:none;font-size:12px;font-weight:700}.header-profile-popover a:hover{background:#f1f3f5;color:#2d3742}.header-profile-popover a svg{width:16px;height:16px}.header-profile-popover hr{border:0;border-top:1px solid #eceff2;margin:6px}.header-profile-popover b{margin-left:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:9px;background:#2d3742;color:#fff;font-size:9px}
@media(max-width:1100px){.profile-dashboard-grid{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.sessions-list article{grid-template-columns:40px 1fr 1fr}.sessions-list article>div:nth-of-type(3),.sessions-list article>div:nth-of-type(4){display:none}.header-profile-button__text{display:none}}@media(max-width:720px){.profile-shell{gap:14px}.profile-hero{align-items:flex-start;padding:20px;gap:16px}.profile-avatar--large{width:78px;height:78px;font-size:24px}.profile-identity__top{display:block}.profile-edit-button{margin-top:12px}.profile-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-tabs{gap:20px;padding:0 18px}.profile-section{padding:20px 16px}.profile-section-head{align-items:flex-start;flex-direction:column}.profile-dashboard-grid{grid-template-columns:1fr}.profile-checkbox-grid{grid-template-columns:1fr}.security-card{grid-template-columns:42px 1fr}.security-card>.button,.security-card>.profile-switch{grid-column:2}.sessions-list article{grid-template-columns:40px 1fr}.sessions-list article>div:not(:first-of-type){display:none}.referral-code-card{align-items:flex-start;flex-direction:column}.profile-modal{padding:10px}.profile-modal__card{max-height:calc(100vh - 20px)}}
.header-profile-button{list-style:none}.header-profile-button::-webkit-details-marker{display:none}.profile-table th[data-sort-index]{cursor:pointer}.profile-table th.is-sorted{color:#2d3742}.profile-table th.is-sorted:after{color:inherit}


/* v311: profile tabs must never show native scrollbar controls. */
.profile-tabs{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.profile-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* v311: real device silhouettes instead of text glyphs. */
.session-device-icon{font-size:0!important}
.session-device-glyph{position:relative;display:block;box-sizing:border-box;color:currentColor}
.session-device-glyph--monitor{width:22px;height:15px;border:2px solid currentColor;border-radius:3px}
.session-device-glyph--monitor:before{content:"";position:absolute;left:50%;bottom:-6px;width:2px;height:5px;background:currentColor;transform:translateX(-50%)}
.session-device-glyph--monitor:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translateX(-50%)}
.session-device-glyph--tablet{width:16px;height:22px;border:2px solid currentColor;border-radius:3px}
.session-device-glyph--tablet:after{content:"";position:absolute;left:50%;bottom:1px;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.session-device-glyph--phone{width:12px;height:22px;border:2px solid currentColor;border-radius:3px}
.session-device-glyph--phone:after{content:"";position:absolute;left:50%;bottom:1px;width:2px;height:2px;border-radius:50%;background:currentColor;transform:translateX(-50%)}


/* v314: Profile is a service-level area, not a marketplace area.
   Keep all profile accents neutral and independent from the selected marketplace. */
.profile-page{--profile-accent:#2d3742;--profile-accent-soft:#eef1f4;--profile-accent-border:#dfe4ea;--profile-accent-ring:rgba(45,55,66,.12)}
.profile-page .profile-avatar,.header-profile-avatar{background:linear-gradient(145deg,#eef1f4,#f7f8fa)!important;color:var(--profile-accent)!important}
.profile-page .profile-avatar-edit{background:var(--profile-accent)!important;box-shadow:0 5px 14px rgba(45,55,66,.24)!important}
.profile-page .profile-eyebrow,.profile-page .profile-tabs a.active,.profile-page .profile-count-button strong,.profile-page .profile-table th.is-sorted{color:var(--profile-accent)!important}
.profile-page .profile-tabs a.active:after,.profile-page .profile-switch input:checked+span,.profile-page .profile-actions-list article i{background:var(--profile-accent)!important}
.profile-page .profile-tabs b,.profile-page .team-summary-switch button.active strong,.profile-page .profile-store-list-button b,.profile-page .security-card__icon,.profile-page .session-device-icon{background:var(--profile-accent-soft)!important;color:var(--profile-accent)!important}
.profile-page .profile-modal input:focus,.profile-page .profile-modal select:focus{border-color:#667381!important;box-shadow:0 0 0 3px var(--profile-accent-ring)!important}
.profile-page .profile-checkbox-grid input{accent-color:var(--profile-accent)!important}
.header-profile-popover a:hover{background:#f1f3f5!important;color:#2d3742!important}
.header-profile-popover b{background:#2d3742!important}

/* v315: marketplace cards in “Мои магазины” keep their own brand identity. */
.profile-page .profile-store-card--wildberries .profile-store-card__icon{
  background:#f7e8ff!important;
  color:#a500e8!important;
  box-shadow:inset 0 0 0 1px rgba(165,0,232,.08);
}

/* v315: marketplace color is used only inside the My stores cards. */
.profile-store-card--wildberries {
  border-color: rgba(168, 0, 232, .28) !important;
  box-shadow:none!important;
}
.profile-store-card--wildberries .profile-store-card__icon {
  background: #f4e7fa !important;
  color: #a500e8 !important;
}
.profile-store-card--wildberries strong {
  color: #a500e8;
}


/* v317: keep WB branding inside the card, but use the standard neutral outline. */
.profile-page .profile-store-card--wildberries{
  border-color:#e5e8ed!important;
}

/* v318 */
.profile-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.profile-store-card--offline .profile-store-card__icon{background:#eef1f4;color:#46515c;font-size:10px}
.profile-password-field{position:relative;display:block}
.profile-password-field input{padding-right:52px!important}
.profile-password-field .auth-eye-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px}
.profile-password-field .auth-eye-button .visibility-icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.profile-password-field .auth-eye-button .visibility-icon circle{fill:currentColor;stroke:none}
.profile-status.is-online i{position:relative;animation:profile-online-pulse 1.45s ease-out infinite}
.profile-status.is-online i:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(66,166,84,.45);animation:profile-online-ring 1.45s ease-out infinite}
@keyframes profile-online-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.72}}
@keyframes profile-online-ring{0%{transform:scale(.45);opacity:.8}75%,100%{transform:scale(1.5);opacity:0}}

/* v321: stable password eye, no jumping/press animation. */
.profile-password-field .auth-eye-button,
.profile-password-field .auth-eye-button:hover,
.profile-password-field .auth-eye-button:focus-visible,
.profile-password-field .auth-eye-button:active{animation:none!important;transition:none!important;transform:translateY(-50%)!important;box-shadow:none!important}
.profile-password-field .visibility-icon{position:absolute;left:9px;top:9px;width:20px!important;height:20px!important;animation:none!important;transition:none!important}


/* v56 — robust WB characteristics preview */
.wb-import-preview-page .wb-import-preview-panel{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:24px;overflow:hidden}
.wb-import-preview-toolbar{min-height:72px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff}
.wb-import-preview-toolbar>div{display:grid;gap:5px}
.wb-import-preview-toolbar strong{font-size:15px}
.wb-import-preview-issue-count{padding:6px 10px;border:1px solid #ead9e8;border-radius:999px;background:#fff7fe;color:#8e2582;font-size:11px;font-weight:800}
.wb-import-preview-issues{display:grid;gap:10px;padding:14px 18px 0}
.wb-import-preview-issue{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd;font-size:12px;line-height:1.45}
.wb-import-preview-issue>strong{display:block;margin-bottom:7px;font-size:13px}
.wb-import-preview-issue ul{margin:0;padding-left:20px}
.wb-import-preview-issue li+li{margin-top:4px}
.wb-import-preview-issue small{display:block;margin-top:8px;color:var(--muted);font-weight:700}
.wb-import-preview-issue--warning{border-color:#f0dc9d;background:#fffaf0;color:#735100}
.wb-import-preview-issue--error{border-color:#edc8df;background:#fff8fd;color:#7f286f}
.wb-import-preview-actions{padding:16px 18px;border-top:1px solid var(--line);background:#fff}
.wb-import-preview-page .change-preview-product{content-visibility:auto;contain-intrinsic-size:180px}


.products-transfer-card{width:min(1080px,calc(100vw - 32px))!important}
.products-transfer-form{display:grid;gap:16px}
.products-transfer-summary{display:grid;gap:4px;padding:12px 14px;border:1px solid #e1e5ec;border-radius:16px;background:#f8f9fb}
.products-transfer-summary strong{font-size:13px;color:#1f2730}.products-transfer-summary small{font-size:10px;color:#7a8491;line-height:1.45}
.products-transfer-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}
.products-transfer-panel{display:grid;gap:14px;padding:14px;border:1px solid #e1e5ec;border-radius:18px;background:#fbfcfe}
.products-transfer-panel--settings{background:#fff}
.products-transfer-field{display:grid;gap:6px}
.products-transfer-field>span{font-size:11px;font-weight:800;letter-spacing:.02em;color:#1f2730}
.products-transfer-field select{min-height:46px;padding:12px 14px;border:1px solid #d9deea;border-radius:14px;background:#fff;color:#1f2730;font-size:13px}
.products-transfer-field select:disabled{background:#f1f3f8;color:#8b93a2}
.products-transfer-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.products-transfer-setting-card{display:grid;gap:10px;padding:14px;border:1px solid #eceff5;border-radius:16px;background:#fafbfe}
.products-transfer-setting-head{display:grid;gap:3px}.products-transfer-setting-head strong{font-size:13px;color:#1f2730}.products-transfer-setting-head small{font-size:10px;color:#7a8491}
.products-transfer-setting-card label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#273142;line-height:1.4;cursor:pointer}
.products-transfer-setting-card input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:#7c3aed}
.products-transfer-status{margin:0}
@media(max-width:900px){.products-transfer-grid{grid-template-columns:1fr}.products-transfer-settings{grid-template-columns:1fr}}
@media(max-width:760px){.products-bulk-bar__actions{grid-template-columns:1fr}.products-transfer-card{width:min(100vw - 20px,980px)!important}}
html[data-app-theme="dark"] .products-transfer-summary,html[data-app-theme="dark"] .products-transfer-panel,html[data-app-theme="dark"] .products-transfer-setting-card{background:#15191f!important;border-color:#2b333d!important}
html[data-app-theme="dark"] .products-transfer-field select{background:#11161d!important;border-color:#313a45!important;color:#edf2f7!important}
html[data-app-theme="dark"] .products-transfer-field>span,html[data-app-theme="dark"] .products-transfer-summary strong,html[data-app-theme="dark"] .products-transfer-setting-head strong,html[data-app-theme="dark"] .products-transfer-setting-card label{color:#edf2f7!important}
html[data-app-theme="dark"] .products-transfer-summary small,html[data-app-theme="dark"] .products-transfer-setting-head small{color:#9da8b4!important}


/* v64 transfer destination mode */
.products-transfer-destination{display:grid;gap:8px}
.products-transfer-destination>span{font-size:11px;font-weight:800;letter-spacing:.02em;color:#1f2730}
.products-transfer-destination__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.products-transfer-destination__options label{position:relative;display:block;cursor:pointer}
.products-transfer-destination__options input{position:absolute;opacity:0;pointer-events:none}
.products-transfer-destination__options label>span{display:grid;gap:3px;min-height:74px;padding:12px 13px;border:1px solid #d9deea;border-radius:14px;background:#fff;transition:.15s ease}
.products-transfer-destination__options strong{font-size:12px;color:#1f2730}.products-transfer-destination__options small{font-size:9px;line-height:1.4;color:#7a8491}
.products-transfer-destination__options input:checked+span{border-color:#8b5cf6;background:#f7f3ff;box-shadow:0 0 0 2px rgba(124,58,237,.08)}
html[data-app-theme="dark"] .products-transfer-destination>span,html[data-app-theme="dark"] .products-transfer-destination__options strong{color:#edf2f7!important}
html[data-app-theme="dark"] .products-transfer-destination__options label>span{background:#11161d;border-color:#313a45}
html[data-app-theme="dark"] .products-transfer-destination__options input:checked+span{background:#211735;border-color:#8b5cf6}
@media(max-width:620px){.products-transfer-destination__options{grid-template-columns:1fr}}


/* v74 — unified numeric cells for progressive/final seller stocks */
.warehouse-stock-table td[data-column="available"],
.warehouse-stock-table td[data-column="reserved"],
.warehouse-stock-table td[data-column="total"] {
  vertical-align: middle;
}
.warehouse-stock-number-box {
  box-sizing: border-box !important;
  width: 104px !important;
  min-width: 104px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cfd6de !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: #252b32 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 6px rgba(17,24,32,.02) !important;
}
span.warehouse-stock-number-box {
  background: #f8f9fb !important;
}
input.warehouse-stock-number-box {
  appearance: textfield;
}
input.warehouse-stock-number-box::-webkit-outer-spin-button,
input.warehouse-stock-number-box::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.warehouse-stock-partial-value {
  opacity: .72;
  transition: opacity .16s ease, background-color .16s ease;
}
.warehouse-stock-partial-value.is-visible {
  opacity: 1;
}
html[data-app-theme="dark"] .warehouse-stock-number-box {
  border-color: #3a424d !important;
  background: #151a20 !important;
  color: #eef2f6 !important;
}