html:has(.app-body) { scrollbar-gutter: stable; }
.page-shell .table-wrap:has(tbody > tr:only-child > .empty[colspan]) table { min-width: 0; width: 100%; }
.page-shell .table-wrap:has(tbody > tr:only-child > .empty[colspan]) thead { display: none; }
.finance-alert-details > summary { display: flex; align-items: center; gap: 12px; cursor: pointer; min-height: 28px; }
.finance-alert-details > summary strong { flex: 1; min-width: 0; }
.finance-alert-details[open] > summary { margin-bottom: 8px; }
.finance-chart-help { margin: 12px 24px; }
.finance-chart-help > summary { display: flex; align-items: center; gap: 12px; min-height: 40px; color: var(--warning); font-size: 13px; cursor: pointer; }
.finance-chart-help > :is(.finance-chart__note,.finance-chart__warning) { margin-inline: 0; }
@media (max-width: 479px) {
    .finance-chart .finance-chart__totals { grid-template-columns: 1fr; gap: 12px; }
    .finance-chart__totals > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; }
    .finance-chart__totals > div > strong { white-space: nowrap; font-size: 18px; }
    .finance-chart-help { margin-inline: 16px; }
}
.page-shell .kpi-card small,.page-shell .kpi-card > span:last-child { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4; }
@media (min-width: 1280px) {
    .detail-grid.supply-facts { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .catalog-search[enctype] label { min-width: 0; flex: 1; }
    .catalog-search[enctype] > .button { flex: 0 0 auto; white-space: nowrap; }
    [aria-labelledby="unit-economics-title"] th { white-space: normal; }
    [aria-labelledby="unit-economics-title"] td:first-child { min-width: 220px; }
}
:root {
    color-scheme: dark;
    --bg: #080a07;
    --bg-soft: #0b0e0a;
    --surface: #11150f;
    --surface-raised: #161b14;
    --surface-hover: #1b2118;
    --border: #252d22;
    --border-strong: #374332;
    --text: #eef3e8;
    --text-strong: #ffffff;
    --muted: #99a296;
    --dim: #727b6f;
    --accent: #deff63;
    --accent-rgb: 222 255 99;
    --accent-hover: #e6ff82;
    --accent-ink: #111604;
    --accent-soft: rgb(var(--accent-rgb) / 11%);
    --accent-border: rgb(var(--accent-rgb) / 28%);
    --theme-glow-primary: rgb(var(--accent-rgb) / 7%);
    --theme-glow-secondary: rgb(255 145 71 / 5%);
    --warm: #ff9147;
    --success: #8ed96f;
    --warning: #ffc55d;
    --danger: #ff7f72;
    --wb: #a56cff;
    --ozon: #2878ff;
    --discounted: #a56cff;
    --shadow: 0 24px 64px rgb(0 0 0 / 28%);
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --button-height: 40px;
    --button-radius: 10px;
    --sidebar-width: 248px;
    --content-max: 1680px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

[hidden] {
    display: none !important;
}

html {
    min-height: 100%;
    background: var(--bg);
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 14% 0%, var(--theme-glow-primary), transparent 30rem),
        radial-gradient(circle at 100% 90%, var(--theme-glow-secondary), transparent 34rem),
        var(--bg);
    color: var(--text);
    font: 15px/1.45 "Manrope", "Segoe UI", system-ui, sans-serif;
    text-rendering: optimizeLegibility;
}

body.marketplace-context-wb {
    --accent: #deff63;
    --accent-rgb: 222 255 99;
    --accent-hover: #e6ff82;
    --accent-ink: #111604;
    --accent-soft: rgb(var(--accent-rgb) / 11%);
    --accent-border: rgb(var(--accent-rgb) / 28%);
    --theme-glow-primary: rgb(var(--accent-rgb) / 7%);
    --theme-glow-secondary: rgb(255 145 71 / 5%);
}

body.marketplace-context-ozon {
    --accent: #62b5ff;
    --accent-rgb: 98 181 255;
    --accent-hover: #7fc2ff;
    --accent-ink: #06131e;
    --accent-soft: rgb(var(--accent-rgb) / 11%);
    --accent-border: rgb(var(--accent-rgb) / 30%);
    --theme-glow-primary: rgb(40 120 255 / 8%);
    --theme-glow-secondary: rgb(98 181 255 / 5%);
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select {
    margin: 0;
    font: inherit;
}

button {
    border: 0;
    cursor: pointer;
}

svg {
    display: block;
}

h1,
h2,
h3,
p,
dl,
dd {
    margin: 0;
}

h1,
h2,
h3,
strong,
b {
    color: var(--text-strong);
}

h1 {
    max-width: 900px;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.055em;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.12;
    letter-spacing: -0.035em;
}

h3 {
    font-size: 1.05rem;
    line-height: 1.2;
}

table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    border-spacing: 0;
}

summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

::selection {
    background: rgb(var(--accent-rgb) / 24%);
    color: var(--text-strong);
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
}

.icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.nav-toggle {
    position: fixed;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.sidebar {
    position: fixed;
    inset: 14px auto 14px 14px;
    z-index: 40;
    display: flex;
    width: var(--sidebar-width);
    flex-direction: column;
    gap: 14px;
    padding: 14px 12px 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: rgb(13 16 12 / 94%);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
}

.brand {
    min-height: 58px;
    padding: 2px 8px 6px;
}

.sidebar__nav {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    padding-right: 2px;
    overflow-y: auto;
    scrollbar-color: rgb(255 255 255 / 10%) transparent;
    scrollbar-width: thin;
}

.nav-caption {
    margin-top: 10px;
    padding: 0 11px 3px;
    color: var(--warm);
    font-size: 0.69rem;
    font-weight: 850;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.nav-item {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 12px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--muted);
    font-weight: 750;
    transition: 160ms ease;
}

.nav-item svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.nav-item:hover {
    border-color: var(--border);
    background: rgb(255 255 255 / 2.5%);
    color: var(--text);
    transform: translateX(2px);
}

.nav-item.is-active {
    border-color: var(--accent-border);
    background: linear-gradient(180deg, rgb(var(--accent-rgb) / 14%), rgb(var(--accent-rgb) / 7%));
    color: var(--text-strong);
}

.nav-item.is-active svg {
    color: var(--accent);
}

.sidebar__footer {
    display: grid;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

.sidebar__footer form {
    margin: 0;
}

.nav-item--button {
    width: 100%;
    text-align: left;
}

.sidebar-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
}

.avatar {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--accent-border);
    border-radius: 50%;
    background: linear-gradient(145deg, rgb(var(--accent-rgb) / 24%), rgb(255 145 71 / 18%));
    color: var(--text-strong);
    font-size: 0.78rem;
    font-weight: 850;
}

.sidebar-user__copy {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.sidebar-user__copy strong {
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user__copy small {
    color: var(--dim);
    font-size: 0.7rem;
    font-weight: 700;
}

.nav-scrim {
    display: none;
}

.workspace {
    min-height: 100vh;
    margin-left: calc(var(--sidebar-width) + 30px);
    padding: 14px 14px 48px 0;
}

.topbar {
    position: sticky;
    top: 14px;
    z-index: 30;
    display: flex;
    width: min(100%, var(--content-max));
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 auto 18px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgb(13 16 12 / 88%);
    box-shadow: 0 12px 38px rgb(0 0 0 / 18%);
    backdrop-filter: blur(16px);
}

.topbar__left,
.topbar__right,
.market-context,
.account-chip,
.health-pill {
    display: flex;
    align-items: center;
}

.topbar__left,
.topbar__right {
    min-width: 0;
    gap: 10px;
}

.topbar__right {
    gap: 8px;
    justify-content: flex-end;
}

.topbar__section {
    flex: 0 0 auto;
}

.menu-button {
    display: none;
}

.icon-button {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-raised);
    color: var(--text);
    line-height: 1;
    cursor: pointer;
}

.icon-button svg,
.health-pill svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.market-context {
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-raised);
}

.market-context form {
    display: flex;
    margin: 0;
}

.market-context__item {
    display: grid;
    min-width: 48px;
    min-height: 34px;
    place-items: center;
    border-radius: 10px;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
    transition: 150ms ease;
}

.market-context__item--wb {
    color: #d8bdff;
}

.market-context__item--ozon {
    color: #b4d0ff;
}

.market-context__item:hover,
.market-context__item.is-active {
    color: #fff;
}

.market-context__item--wb.is-active {
    background: rgb(165 108 255 / 24%);
}

.market-context__item--ozon.is-active {
    background: rgb(40 120 255 / 24%);
}

.topbar-store {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
    margin: 0;
}

.topbar-store select {
    width: min(19vw, 220px);
    min-width: 0;
    min-height: 42px;
    padding-left: 12px;
    border-radius: 13px;
    font-size: 0.78rem;
    font-weight: 750;
}

.topbar-tenant select {
    width: min(16vw, 190px);
    border-color: var(--accent-border);
    background: rgb(var(--accent-rgb) / 7%);
}

.topbar-store__submit {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--accent-border);
    border-radius: 13px;
    background: rgb(var(--accent-rgb) / 9%);
    color: var(--accent);
    cursor: pointer;
}

.topbar-store__submit svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.topbar__divider {
    width: 1px;
    height: 28px;
    margin: 0 4px;
    background: var(--border);
}

.topbar__section {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.83rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.health-pill,
.account-chip,
.status-pill,
.count-badge {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-raised);
}

.health-pill {
    min-height: 38px;
    gap: 7px;
    padding: 0 12px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.health-pill__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgb(142 217 111 / 11%);
}

.health-pill__dot--session {
    background: var(--danger);
    box-shadow: 0 0 0 4px rgb(255 127 114 / 11%);
}

.health-pill--session.is-ready .health-pill__dot--session {
    background: var(--success);
    box-shadow: 0 0 0 4px rgb(142 217 111 / 11%);
}

.account-chip {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 46px;
    gap: 9px;
    padding: 6px 11px 6px 7px;
    transition: border-color 160ms ease, background 160ms ease;
}

.account-chip:hover,
.account-chip:focus-visible {
    border-color: var(--accent-border);
    outline: none;
    background: var(--surface-hover);
}

.account-chip__email {
    max-width: 230px;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.profile-card {
    overflow: hidden;
}

.profile-form {
    display: grid;
    gap: 18px;
    padding: 18px 22px 22px;
}

.profile-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.profile-fields--single {
    grid-template-columns: 1fr;
}

.profile-field {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.profile-field input {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 2%), transparent),
        var(--surface-raised);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 8%);
    transition: 160ms ease;
}

.profile-field input:focus {
    border-color: rgb(var(--accent-rgb) / 40%);
    box-shadow:
        inset 0 0 0 1px rgb(var(--accent-rgb) / 20%),
        0 0 0 4px rgb(var(--accent-rgb) / 4%);
}

.profile-field__error {
    color: var(--danger);
    font-weight: 700;
}

@media (max-width: 1279px) {
    .profile-grid,
    .profile-fields {
        grid-template-columns: 1fr;
    }
}

.page-shell {
    display: flex;
    width: min(100%, var(--content-max));
    min-width: 0;
    flex-direction: column;
    gap: 18px;
    margin: 0 auto;
}

.flash-stack {
    display: grid;
    gap: 8px;
}

.flash-message {
    padding: 12px 15px;
    border: 1px solid rgb(142 217 111 / 28%);
    border-radius: 14px;
    background: rgb(142 217 111 / 9%);
    color: #c6f0b5;
    font-size: 0.82rem;
    font-weight: 750;
}

.flash-message--error {
    border-color: rgb(255 127 114 / 32%);
    background: rgb(255 127 114 / 10%);
    color: #ffd0cb;
}

.flash-message--warning {
    border-color: rgb(255 197 93 / 30%);
    background: rgb(255 197 93 / 10%);
    color: #ffe0a1;
}

.flash-message--info {
    border-color: var(--border-strong);
    background: var(--surface-raised);
    color: var(--text);
}

.page-hero {
    position: relative;
    display: grid;
    min-height: 226px;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.55fr);
    align-items: stretch;
    gap: 22px;
    overflow: hidden;
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 74% 20%, rgb(var(--accent-rgb) / 9%), transparent 19rem),
        linear-gradient(135deg, rgb(255 255 255 / 2%), transparent 56%),
        var(--surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
}

.page-hero::after {
    position: absolute;
    right: -58px;
    bottom: -88px;
    width: 240px;
    height: 240px;
    border: 1px solid rgb(var(--accent-rgb) / 8%);
    border-radius: 50%;
    content: "";
    box-shadow:
        0 0 0 34px rgb(var(--accent-rgb) / 2%),
        0 0 0 68px rgb(var(--accent-rgb) / 1.5%);
}

.page-hero__copy,
.page-hero__context {
    position: relative;
    z-index: 1;
}

.page-hero__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
}

.eyebrow,
.context-kicker,
.kpi-card__label,
.control-field > span {
    color: var(--accent);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-lead {
    max-width: 760px;
    color: var(--muted);
    font-size: 1rem;
}

.page-hero__context {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 7px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgb(8 10 7 / 45%);
    backdrop-filter: blur(10px);
}

.page-hero__context strong {
    width: 100%;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 1.15;
    letter-spacing: -0.035em;
    text-overflow: ellipsis;
}

.page-hero__context > span:last-child {
    color: var(--muted);
    font-size: 0.83rem;
}

.button {
    display: inline-flex;
    min-height: var(--button-height);
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 17px;
    border: 1px solid rgb(var(--accent-rgb) / 42%);
    border-radius: var(--button-radius);
    background: var(--accent);
    box-shadow: 0 12px 28px rgb(var(--accent-rgb) / 10%);
    color: var(--accent-ink);
    font-weight: 850;
    transition: 160ms ease;
}

.button:hover {
    border-color: rgb(var(--accent-rgb) / 70%);
    background: var(--accent-hover);
}

.button-secondary {
    border-color: var(--border);
    background: var(--surface-raised);
    box-shadow: none;
    color: var(--text);
}

.button-secondary:hover {
    border-color: var(--border-strong);
    background: var(--surface-hover);
}

.button--ghost {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: var(--muted);
}

.button--ghost:hover {
    border-color: var(--border);
    background: var(--surface-hover);
    color: var(--text);
}

.planning-panel :is(a, button, select):focus-visible,
.packaging-form :is(input, button):focus-visible,
.filter-bar :is(input, select, button, a):focus-visible,
.planning-scroll-region:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.control-bar {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.control-field {
    display: grid;
    min-width: min(100%, 380px);
    gap: 7px;
}

.control-field--short {
    min-width: 210px;
}

.control-field > span {
    padding-left: 3px;
    color: var(--muted);
    letter-spacing: 0.1em;
}

select,
.login-form input {
    width: 100%;
    min-height: 46px;
    padding: 0 42px 0 14px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 2%), transparent),
        var(--surface-raised);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 8%);
    transition: 160ms ease;
}

input[type="number"],
input[type="file"] {
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 2%), transparent),
        var(--surface-raised);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 8%);
    transition: 160ms ease;
}

input[type="number"]:focus,
input[type="file"]:focus {
    border-color: rgb(var(--accent-rgb) / 40%);
    box-shadow:
        inset 0 0 0 1px rgb(var(--accent-rgb) / 20%),
        0 0 0 4px rgb(var(--accent-rgb) / 4%);
}

input[type="file"] {
    padding: 6px;
    cursor: pointer;
}

input[type="file"]::file-selector-button {
    min-height: var(--button-height);
    margin-right: 12px;
    padding: 0 16px;
    border: 1px solid rgb(var(--accent-rgb) / 55%);
    border-radius: var(--button-radius);
    background: var(--accent);
    color: var(--accent-ink);
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    transition: 160ms ease;
}

input[type="file"]:hover::file-selector-button {
    background: var(--accent-hover);
}

select:focus,
.login-form input:focus {
    border-color: rgb(var(--accent-rgb) / 40%);
    box-shadow:
        inset 0 0 0 1px rgb(var(--accent-rgb) / 20%),
        0 0 0 4px rgb(var(--accent-rgb) / 4%);
}

.catalog-search {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 14px 22px;
    border-bottom: 1px solid var(--border);
    background: rgb(8 10 7 / 28%);
}

.catalog-search label {
    display: grid;
    width: min(100%, 720px);
    gap: 7px;
}

.catalog-search label > span {
    padding-left: 3px;
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.catalog-search input:not([type="file"]),
.catalog-search select {
    width: 100%;
    min-height: 46px;
    padding: 0 15px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background: var(--surface-raised);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 8%);
}

.catalog-search input[type="file"] {
    width: 100%;
}

.catalog-search input:focus,
.catalog-search select:focus {
    border-color: rgb(var(--accent-rgb) / 40%);
    box-shadow:
        inset 0 0 0 1px rgb(var(--accent-rgb) / 20%),
        0 0 0 4px rgb(var(--accent-rgb) / 4%);
}

.kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.kpi-grid--compact {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.kpi-grid--summary {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}

.kpi-card {
    display: flex;
    min-width: 0;
    min-height: 142px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(155deg, rgb(var(--accent-rgb) / 4%), transparent 48%),
        var(--surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
}

.kpi-card strong {
    overflow: hidden;
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: -0.045em;
    text-overflow: ellipsis;
}

.kpi-card > span:last-child {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card--wide {
    min-height: 134px;
}

.metric-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 8px;
}

.metric-row div {
    display: grid;
    gap: 3px;
}

.metric-row span {
    color: var(--muted);
    font-size: 0.73rem;
}

.metric-row strong {
    font-size: 1.15rem;
}

.panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.panel-heading,
.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
}

.panel-heading {
    border-bottom: 1px solid var(--border);
    background: linear-gradient(180deg, rgb(255 255 255 / 1.5%), transparent);
}

.panel-heading > div {
    display: grid;
    gap: 6px;
}

.new-products-setup__body {
    display: grid;
    gap: 16px;
    padding: 24px 26px;
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / 4%), transparent 42%);
}

.new-products-setup__intro {
    display: grid;
    gap: 6px;
    max-width: 900px;
}

.new-products-setup__intro .eyebrow,
.new-products-setup__intro h2,
.new-products-setup__intro .hint {
    margin: 0;
}

.new-products-setup__summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    color: var(--muted);
    font-size: 0.82rem;
}

.new-products-setup__summary strong {
    color: var(--text);
}

.new-products-setup__state,
.new-products-setup__waiting {
    margin: 0;
    color: var(--muted);
    font-size: 0.83rem;
}

.new-products-setup__form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgb(0 0 0 / 14%);
}

.new-products-setup__price {
    display: grid;
    gap: 6px;
    min-width: min(100%, 245px);
    color: var(--text);
    font-size: 0.82rem;
    font-weight: 750;
}

.new-products-setup__price input {
    width: 220px;
    max-width: 100%;
}

.new-products-setup__confirm {
    display: flex;
    align-items: center;
    gap: 7px;
    max-width: 240px;
    color: var(--muted);
    font-size: 0.78rem;
}

.new-products-setup__confirm input {
    margin: 0;
}

.new-products-setup__next {
    align-self: center;
    color: var(--muted);
    font-size: 0.78rem;
}

.new-products-setup__stop {
    width: fit-content;
}

.new-products-setup__notice {
    width: min(100%, 760px);
    margin: 0;
}

.artifact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    padding: 18px 22px 22px;
}

.artifact-card {
    display: grid;
    align-content: start;
    gap: 13px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-raised);
}

.artifact-card h3 {
    font-size: 1rem;
}

.artifact-card label,
.checkbox {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.artifact-card input[type="file"] {
    width: 100%;
}

.background-job-progress {
    display: grid;
    gap: 9px;
    min-width: 220px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--border));
    border-radius: 14px;
    background: color-mix(in srgb, var(--accent) 7%, var(--surface-raised));
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 750;
}

.background-job-progress--prominent {
    margin: 18px 22px 0;
}

.background-job-progress--inline {
    min-width: 180px;
    margin-top: 8px;
    padding: 9px 11px;
    font-size: 0.72rem;
}

.background-job-progress progress {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    color: var(--accent);
    accent-color: var(--accent);
}

.background-job-progress progress::-webkit-progress-bar {
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
}

.background-job-progress progress:indeterminate::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
}

.background-job-progress progress::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
}

.planning-build-form {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) minmax(170px, 0.7fr) auto;
    align-items: end;
    gap: 9px;
}

.planning-build-field {
    display: grid;
    gap: 6px;
}

.planning-build-form label {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.planning-build-form .field-help {
    grid-column: 1 / -1;
}

.planning-build-form select,
.planning-build-form input {
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--border-strong);
    border-radius: 13px;
    background: var(--surface-raised);
    color: var(--text);
    font: inherit;
}

.planning-rules {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 22px;
    border-bottom: 1px solid var(--border);
    background: rgb(8 10 7 / 28%);
}

.planning-rules span {
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.73rem;
}

.planning-kpis {
    margin: 18px 22px 0;
}

.planning-result-heading {
    margin-top: 18px;
    border-top: 1px solid var(--border);
}

.planning-table {
    min-width: 1360px;
}

.planning-row--blocked {
    background: color-mix(in srgb, var(--warning) 6%, transparent);
}

.planning-history {
    margin-top: 18px;
    border-top: 1px solid var(--border);
}

.planning-scroll-region {
    scroll-padding-inline: 18px;
}

.planning-table td small,
.planning-history td small {
    display: block;
    margin-top: 5px;
}

.error-detail {
    color: #ffd0cb;
}

.checkbox {
    display: flex;
    align-items: center;
    grid-template-columns: auto 1fr;
}

.checkbox input {
    width: 16px;
    height: 16px;
    accent-color: var(--accent);
}

.filter-bar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.35fr) minmax(170px, 0.3fr) auto auto;
    gap: 10px;
    padding: 14px 22px;
    border-bottom: 1px solid var(--border);
    background: rgb(8 10 7 / 28%);
}

.filter-bar input,
.filter-bar select {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background: var(--surface-raised);
    color: var(--text);
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1px;
    margin: 0;
    padding: 1px;
    background: var(--border);
}

.detail-grid > div {
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 90px;
    padding: 16px 18px;
    background: var(--surface);
}

.detail-grid dt {
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.detail-grid dd {
    margin: 0;
    font-weight: 750;
}

.callout {
    display: grid;
    gap: 4px;
    margin: 18px 22px;
    padding: 14px 16px;
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    background: var(--surface-raised);
}

.callout--danger {
    border-color: rgb(255 115 115 / 30%);
    background: rgb(255 115 115 / 8%);
    color: #ffc2c2;
}

.warning-text,
.status-pill--warning {
    color: #ffe0a1;
}

.status-pill--warning {
    border-color: rgb(255 197 93 / 24%);
    background: rgb(255 197 93 / 10%);
}

.necromancy-policy-actions {
    width: min(100%, 620px);
    min-width: 480px;
}

.necromancy-policy-rate-form {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) auto;
    align-items: end;
    gap: 8px 10px;
}

.necromancy-policy-rate-field {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.necromancy-policy-rate-input {
    width: 100%;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 12px;
    outline: 0;
    background: var(--surface-raised);
    color: var(--text);
}

.necromancy-policy-rate-input:focus {
    border-color: rgb(var(--accent-rgb) / 40%);
    box-shadow: 0 0 0 4px rgb(var(--accent-rgb) / 4%);
}

.necromancy-policy-rate-hint {
    grid-column: 1 / -1;
    margin: 0;
}

.necromancy-policy-disable-form {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.contour-badge {
    display: inline-flex;
    margin-inline-start: 0.35rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: #def1dd;
    color: #28562b;
    font-size: 0.72rem;
    font-weight: 700;
}

.contour-product {
    display: grid;
    min-width: 12rem;
    gap: 0.22rem;
}

.contour-product > strong {
    color: var(--text);
    font-size: 0.92rem;
}

.contour-product > span,
.contour-product > small {
    color: var(--muted);
    line-height: 1.3;
}

.contour-table {
    min-width: 1320px;
}

.contour-table tbody tr {
    transition: background 140ms ease;
}

.contour-table tbody tr:hover {
    background: rgb(var(--accent-rgb) / 3.5%);
}

.contour-table td {
    vertical-align: top;
}

.necromancy-inputs,
.necromancy-ladder {
    margin-block-start: 0.45rem;
    font-size: 0.78rem;
}

.necromancy-inputs summary,
.necromancy-ladder summary {
    color: var(--muted);
    cursor: pointer;
}

.necromancy-inputs span,
.necromancy-ladder span {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-block-start: 0.25rem;
}

.contour-orders-chart {
    display: flex;
    align-items: end;
    gap: 0.2rem;
    height: 5.6rem;
    margin-block-start: 0.55rem;
}

.contour-orders-point {
    display: grid;
    grid-template-rows: 1rem 3.2rem 1rem;
    align-items: end;
    justify-items: center;
    min-width: 1.8rem;
    color: var(--muted);
}

.contour-orders-point strong {
    font-size: 0.72rem;
}

.contour-orders-point i {
    width: 0.75rem;
    min-height: 0.16rem;
    border-radius: 0.2rem 0.2rem 0 0;
    background: var(--accent);
}

.contour-orders-point.is-window i {
    background: #b56a32;
}

.contour-orders-point small {
    font-size: 0.62rem;
}

.contour-exit-cell {
    position: relative;
    width: 2.5rem;
}

.contour-exit > summary {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    color: #9a3030;
    cursor: pointer;
    font-size: 1.45rem;
    line-height: 1;
    list-style: none;
}

.contour-exit > summary:hover {
    background: #f8e4e4;
}

.contour-exit > div {
    position: absolute;
    z-index: 10;
    right: 1rem;
    width: 18rem;
    padding: 0.9rem;
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.contour-exit > div span {
    display: block;
    margin-block: 0.4rem 0.7rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.pagination {
    min-height: 70px;
    justify-content: flex-end;
    border-top: 1px solid var(--border);
}

.workspace-pagination {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0, rgb(var(--accent-rgb) / 8%), transparent 45%),
        linear-gradient(180deg, rgb(255 255 255 / 1.5%), transparent);
}

.workspace-pagination::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(240px, 42%);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 65%), transparent);
    content: "";
    transform: translateX(-50%);
}

.workspace-pagination .button {
    min-width: 190px;
    border-radius: 14px;
}

.workspace-pagination .button:hover {
    transform: translateY(-1px);
}

.workspace-pagination__previous {
    justify-self: start;
    border-color: rgb(var(--accent-rgb) / 18%);
    background: linear-gradient(180deg, rgb(var(--accent-rgb) / 7%), var(--surface-raised));
}

.workspace-pagination__next,
.workspace-pagination__end {
    justify-self: end;
}

.workspace-pagination__next {
    box-shadow: 0 12px 32px rgb(var(--accent-rgb) / 16%);
}

.workspace-pagination__icon {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.workspace-pagination__icon.is-previous {
    transform: rotate(180deg);
}

.workspace-pagination__status {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    gap: 8px;
    border: 1px solid var(--accent-border);
    border-radius: 999px;
    background: var(--accent-soft);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
    color: var(--text);
    font-weight: 800;
}

.workspace-pagination__status::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 12px rgb(var(--accent-rgb) / 55%);
    content: "";
}

.workspace-pagination__end {
    color: var(--muted);
    font-size: 0.82rem;
}

.hint,
.muted {
    color: var(--muted);
}

.hint {
    font-size: 0.8rem;
}

.status-pill,
.count-badge {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    color: var(--muted);
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-pill--success {
    border-color: rgb(142 217 111 / 26%);
    background: rgb(142 217 111 / 10%);
    color: #c6f0b5;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
    scrollbar-color: var(--border-strong) transparent;
    scrollbar-width: thin;
}

th,
td {
    padding: 15px 16px;
    border-bottom: 1px solid rgb(37 45 34 / 84%);
    text-align: left;
    vertical-align: middle;
}

th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #0d110c;
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    white-space: nowrap;
}

td {
    font-size: 0.84rem;
}

tbody tr {
    transition: background-color 140ms ease;
}

tbody tr:hover {
    background: rgb(255 255 255 / 2.2%);
}

tbody tr:last-child td {
    border-bottom: 0;
}

.numeric {
    text-align: right;
    white-space: nowrap;
}

.mono {
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 0.8rem;
}

.cell-title,
.cell-subtitle {
    display: block;
}

.cell-title {
    max-width: 320px;
    font-weight: 750;
}

.cell-subtitle {
    margin-top: 5px;
    color: var(--muted);
    font-size: 0.72rem;
}

.marketplace {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #fff;
    font-size: 0.67rem;
    font-weight: 900;
    letter-spacing: 0.05em;
}

.marketplace-wb {
    background: var(--wb);
}

.marketplace-ozon {
    background: var(--ozon);
}

.text-link {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 11px;
    color: var(--text);
    font-size: 0.75rem;
    font-weight: 800;
}

.text-link:hover {
    border-color: var(--accent-border);
    background: var(--accent-soft);
}

.text-link--plain {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text-strong);
    font-size: inherit;
}

.text-link--plain:hover {
    border-color: transparent;
    background: transparent;
    color: var(--accent);
}

.detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.warning {
    display: block;
    width: max-content;
    margin-top: 7px;
    padding: 3px 8px;
    border: 1px solid rgb(255 197 93 / 22%);
    border-radius: 999px;
    background: rgb(255 197 93 / 10%);
    color: #ffe0a1;
    font-size: 0.65rem;
    font-weight: 800;
}

.empty,
.empty-state {
    color: var(--muted);
    text-align: center;
}

.empty {
    padding: 54px 24px;
}

.sync-launcher {
    background:
        radial-gradient(circle at 100% 0, rgb(var(--accent-rgb) / 5%), transparent 24rem),
        var(--surface);
}

.full-sync-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 18px 18px 0;
    padding: 20px;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius-lg);
    background: linear-gradient(120deg, var(--accent-soft), var(--bg-soft));
}

.full-sync-action__copy {
    display: grid;
    max-width: 760px;
    gap: 5px;
}

.full-sync-action__copy strong {
    font-size: 1.1rem;
}

.full-sync-action__copy small {
    color: var(--muted);
    line-height: 1.5;
}

.full-sync-action__button {
    min-width: 180px;
    flex: 0 0 auto;
}

.auto-full-sync-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 220px) auto;
    align-items: end;
    gap: 18px;
    margin: 10px 18px 0;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgb(var(--accent-rgb) / 3%);
}

.auto-full-sync-action__copy {
    display: grid;
    min-width: 0;
    align-self: center;
    gap: 4px;
}

.auto-full-sync-action__copy strong {
    font-size: 0.95rem;
}

.auto-full-sync-action__copy small {
    max-width: 720px;
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.auto-full-sync-action__field {
    display: grid;
    gap: 7px;
}

.auto-full-sync-action__field > span {
    color: var(--muted-strong);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.auto-full-sync-action__field input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    background: var(--surface-raised);
    color: var(--text);
    font: inherit;
}

.auto-full-sync-action__field input:focus {
    border-color: var(--accent);
    outline: 2px solid rgb(var(--accent-rgb) / 14%);
}

.auto-full-sync-action__controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.auto-full-sync-action__save {
    min-height: 42px;
    white-space: nowrap;
}

.sync-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px;
    padding: 18px;
}

.sync-action {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
}

.sync-action__copy {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.sync-action__copy strong {
    font-size: 0.9rem;
}

.sync-action__copy small {
    color: var(--muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.sync-action__button {
    min-height: 40px;
    flex: 0 0 auto;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 0.75rem;
}

.jobs-heading {
    align-items: flex-end;
}

.status-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.status-filter,
.job-status {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.status-filter:hover,
.status-filter.is-active {
    border-color: var(--accent-border);
    background: var(--accent-soft);
    color: var(--accent);
}

.status-filter--archive,
.status-filter--archive:hover,
.status-filter--archive.is-active {
    border-color: var(--border-strong);
    background: var(--surface);
    color: var(--muted);
}

.status-filter--discounted,
.status-filter--discounted:hover,
.status-filter--discounted.is-active {
    border-color: color-mix(in srgb, var(--discounted) 64%, var(--border));
    background: color-mix(in srgb, var(--discounted) 12%, var(--surface));
    color: #d8bdff;
}

.status-filter--price-send-blocked,
.status-filter--price-send-blocked:hover,
.status-filter--price-send-blocked.is-active {
    border-color: color-mix(in srgb, var(--danger) 64%, var(--border));
    background: color-mix(in srgb, var(--danger) 12%, var(--surface));
    color: var(--danger);
}

.workspace-command {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.products-workspace-head {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(310px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(120deg, rgb(var(--accent-rgb) / 4%), transparent 48%),
        var(--surface);
}

.products-workspace-head__title {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.products-workspace-head__title h1 {
    font-size: 1.5rem;
}

.products-workspace-head__title > p:last-of-type {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-policy {
    grid-column: 1 / -1;
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
}

.workspace-policy span {
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--bg-soft);
    color: var(--muted);
    font-size: 0.65rem;
}

.workspace-policy strong {
    color: var(--text-strong);
}

.workspace-policy-editor {
    grid-column: 1 / -1;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(170px, 0.55fr) minmax(600px, 2fr);
    align-items: center;
    gap: 14px;
    margin-top: 3px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgb(255 255 255 / 1.4%);
}

.workspace-policy-editor--attention {
    border-color: var(--warning);
    box-shadow: 0 0 0 3px rgb(245 158 11 / 18%);
}

.workspace-policy-editor--attention .workspace-policy-editor__intro > strong {
    color: var(--warning);
}

.workspace-policy-editor__intro {
    display: grid;
    gap: 2px;
}

.workspace-policy-editor__intro > span {
    color: var(--accent);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.workspace-policy-editor__intro > strong {
    color: var(--text-strong);
    font-size: 0.86rem;
}

.workspace-policy-editor__intro > small {
    color: var(--muted);
    font-size: 0.58rem;
    line-height: 1.35;
}

.workspace-policy-editor__fields {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workspace-policy-editor label {
    display: grid;
    min-width: 0;
    grid-template-areas:
        "title input"
        "hint input";
    grid-template-columns: minmax(0, 1fr) 72px;
    align-items: center;
    gap: 1px 8px;
    padding: 0 12px;
    border-left: 1px solid var(--border);
}

.workspace-policy-editor label:first-child {
    border-left: 0;
}

.workspace-policy-editor label > span:first-child {
    grid-area: title;
    color: var(--text);
    font-size: 0.65rem;
    font-weight: 750;
    white-space: normal;
    overflow-wrap: anywhere;
}

.workspace-policy-editor label > small {
    grid-area: hint;
    color: var(--muted);
    font-size: 0.55rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.workspace-policy-editor__input {
    grid-area: input;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    background: var(--bg-soft);
}

.workspace-policy-editor__input:focus-within {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgb(var(--accent-rgb) / 9%);
}

.workspace-policy-editor input {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 6px 4px 6px 10px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-strong);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
}

.workspace-policy-editor__input b {
    padding-right: 9px;
    color: var(--muted);
    font-size: 0.65rem;
}

.workspace-policy-editor__actions {
    grid-column: 1 / -1;
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, max-content));
    justify-content: end;
    gap: 12px;
}

.workspace-policy-editor__actions.is-calculated {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-policy-editor .workspace-policy-editor__actions .button {
    width: 100%;
    min-height: 42px;
    padding-inline: 13px;
    border-radius: 10px;
    font-size: 0.86rem;
}

.workspace-policy-editor__send[disabled] {
    opacity: 0.68;
}

.products-workspace-head__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.products-workspace-head .button {
    min-height: 36px;
    padding-inline: 10px;
    border-radius: 10px;
    font-size: 0.68rem;
}

.workspace-tabs,
.workspace-command__actions,
.workspace-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.workspace-tab {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 850;
}

.workspace-tab:hover,
.workspace-tab.is-active {
    border-color: var(--accent-border);
    background: var(--accent-soft);
    color: var(--accent);
}

.summary-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.summary-stat {
    display: grid;
    min-width: 0;
    gap: 3px;
    padding: 14px 16px;
    border-right: 1px solid var(--border);
}

.summary-stat:last-child {
    border-right: 0;
}

.summary-stat span {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.summary-stat strong {
    font-size: 1.35rem;
    line-height: 1.1;
}

.summary-stat--success strong {
    color: #c6f0b5;
}

.summary-stat--warning strong {
    color: #ffe0a1;
}

.summary-stat .summary-stat__date {
    font-size: 1.05rem;
}

.workspace-control {
    display: grid;
    grid-template-columns: minmax(390px, 1.05fr) minmax(0, 1fr);
    align-items: center;
    overflow: visible;
}

.workspace-search {
    min-width: 0;
    border-bottom: 0;
}

.workspace-filters {
    justify-content: flex-end;
    padding: 12px 16px 12px 0;
}

.workspace-filters .status-filter {
    gap: 6px;
}

.workspace-filters .status-filter strong {
    color: var(--text-strong);
}

.workspace-split {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1.65fr) minmax(310px, 0.55fr);
    align-items: start;
    gap: 14px;
}

.work-list-panel {
    min-width: 0;
}

.compact-heading {
    min-height: 94px;
    padding-block: 16px;
}

.basket-tools__heading {
    min-height: 0;
    align-items: center;
    padding: 18px 22px;
}

.basket-tools__intro {
    max-width: 920px;
}

.basket-tools__intro .hint {
    max-width: 850px;
    line-height: 1.5;
}

.basket-tools__aside {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.basket-tools__count {
    display: grid;
    min-width: 112px;
    grid-template-areas:
        "label value"
        "caption value";
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1px 12px;
    padding: 9px 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-raised);
}

.basket-tools__count span {
    grid-area: label;
    color: var(--text);
    font-size: 0.61rem;
    font-weight: 750;
}

.basket-tools__count strong {
    grid-area: value;
    color: var(--accent);
    font-size: 1.15rem;
    line-height: 1;
}

.basket-tools__count small {
    grid-area: caption;
    color: var(--muted);
    font-size: 0.56rem;
}

.basket-tools__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.basket-tools__actions form {
    display: flex;
}

.basket-tools__actions .button {
    min-height: 42px;
    white-space: nowrap;
}

.workspace-table tr.is-selected {
    background: rgb(var(--accent-rgb) / 5.5%);
    box-shadow: inset 3px 0 0 var(--accent);
}

.workspace-table {
    min-width: 640px;
}

.workspace-table td:first-child {
    min-width: 200px;
}

.workspace-table .status-pill {
    max-width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
}

.promotion-table td:first-child {
    min-width: 180px;
}

.promotion-table td.numeric {
    white-space: normal;
}

.promotion-table th {
    white-space: normal;
}

.overview-control {
    grid-template-columns: 1fr;
    margin-block: -6px;
    overflow: hidden;
}

.overview-control .workspace-search {
    border-bottom: 1px solid var(--border);
    padding: 9px 14px;
}

.profit-ranges-section { grid-column: 1 / -1; min-width: 0; border-top: 1px solid var(--border); padding-top: 12px; }
.profit-ranges-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.profit-ranges-heading > strong { font-size: 0.8rem; }
[data-profit-ranges] { display: grid; gap: 10px; margin-top: 10px; }
.profit-range { min-width: 0; margin: 0; padding: 10px; border: 1px solid var(--border); border-radius: 10px; }
.profit-range legend { padding-inline: 6px; color: var(--muted); font-size: 0.72rem; }
.profit-range__fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.workspace-policy-editor .profit-range label { grid-template-areas: "title" "input" "errors"; grid-template-columns: minmax(0, 1fr); grid-template-rows: 32px 40px auto; align-content: start; padding: 0; border: 0; gap: 6px; }
.workspace-policy-editor .profit-range label > .errorlist { grid-area: errors; }
.workspace-policy-editor .profit-range .workspace-policy-editor__input { width: 100%; }
.profit-range__remove { margin-top: 10px; }
.profit-range--invalid { border-color: var(--danger, #f87171); }
.workspace-policy-editor .errorlist { grid-column: 1 / -1; margin: 4px 0; padding-left: 16px; color: #fca5a5; font-size: 0.75rem; overflow-wrap: anywhere; }
.workspace-policy-editor__input > .errorlist { grid-column: 1 / -1; grid-row: 2; }
.workspace-policy-editor > label { grid-template-columns: minmax(0, 1fr) 84px; }
.workspace-policy-editor > label:has([name="minimum_profit"]) { grid-template-columns: minmax(0, 1fr) 96px; }

.overview-control .workspace-search:last-child {
    border-bottom: 0;
}

.overview-control .workspace-search label {
    gap: 4px;
}

.overview-control .workspace-search input,
.overview-control .workspace-search select {
    min-height: 40px;
    border-radius: 11px;
}

.overview-control .workspace-search .button {
    min-height: 40px;
}

.overview-control .catalog-search__query {
    width: auto;
    min-width: 280px;
    flex: 1 1 480px;
}

.overview-control .catalog-search__tag {
    width: min(100%, 280px);
    flex: 0 1 280px;
}

.catalog-filter-disclosure > summary { display:none; }
.overview-filters {
    justify-content: flex-start;
    gap: 5px;
    padding: 8px 14px;
}

.overview-filters .status-filter {
    min-height: 28px;
    padding-inline: 9px;
    font-size: 0.75rem;
}

.overview-split {
    grid-template-columns: minmax(0, 1.75fr) minmax(320px, 0.65fr);
}

.overview-heading {
    min-height: 68px;
    padding-block: 11px;
}

.overview-product-list {
    display: grid;
    gap: 7px;
    padding: 10px;
    border-top: 1px solid var(--border);
}

.overview-product-row {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 7px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-raised);
    color: var(--text);
    transition: border-color 140ms ease, background 140ms ease;
}

.overview-product-list.is-ozon .overview-product-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-product-row:hover,
.overview-product-row.is-selected {
    border-color: var(--accent-border);
    background: var(--accent-soft);
}

.overview-product-row.is-selected {
    box-shadow: inset 3px 0 0 var(--accent);
}

.overview-product-row.is-archived {
    border-color: var(--border);
    background: var(--surface);
    color: var(--muted);
}

.overview-product-row.is-archived:hover,
.overview-product-row.is-archived.is-selected {
    border-color: var(--border-strong);
    background: var(--surface-hover);
}

.overview-product-row.is-archived.is-selected {
    box-shadow: inset 3px 0 0 var(--dim);
}

.overview-product-row.is-discounted {
    border-color: color-mix(in srgb, var(--discounted) 42%, var(--border));
    background: color-mix(in srgb, var(--discounted) 7%, var(--surface));
}

.overview-product-row.is-discounted:hover,
.overview-product-row.is-discounted.is-selected {
    border-color: color-mix(in srgb, var(--discounted) 70%, var(--border));
    background: color-mix(in srgb, var(--discounted) 12%, var(--surface-hover));
}

.overview-product-row.is-discounted.is-selected {
    box-shadow: inset 3px 0 0 var(--discounted);
}

.overview-product-row.is-price-send-blocked {
    border-color: color-mix(in srgb, var(--danger) 42%, var(--border));
    background: color-mix(in srgb, var(--danger) 7%, var(--surface));
}

.overview-product-row.is-price-send-blocked:hover,
.overview-product-row.is-price-send-blocked.is-selected {
    border-color: color-mix(in srgb, var(--danger) 70%, var(--border));
    background: color-mix(in srgb, var(--danger) 12%, var(--surface-hover));
}

.overview-product-row.is-price-send-blocked.is-selected {
    box-shadow: inset 3px 0 0 var(--danger);
}

.overview-product-identity,
.overview-metric {
    display: grid;
    min-width: 0;
    align-content: center;
}

.overview-product-identity {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    align-items: center;
    gap: 6px 10px;
    padding: 5px 7px;
}

.overview-product-identity > strong,
.overview-metric > strong,
.overview-metric > small {
    overflow-wrap: anywhere;
    white-space: normal;
}

.overview-product-identity > strong {
    flex: 1 1 260px;
    min-width: 0;
    color: var(--text-strong);
    font-size: 0.8rem;
    white-space: normal;
}

.overview-product-identity > .cell-subtitle,
.overview-product-identity > .overview-row-status {
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    padding-left: 10px;
    border-left: 1px solid var(--border);
}

.overview-product-identity > .cell-subtitle {
    flex: 0 1 auto;
    white-space: normal;
    overflow-wrap: anywhere;
}

.overview-product-identity > .overview-row-status {
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.overview-row-status,
.selection-statuses {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

.overview-row-status {
    flex-wrap: wrap;
}

.selection-statuses {
    flex-wrap: nowrap;
}

.overview-row-status .status-pill,
.overview-metric .status-pill {
    width: fit-content;
    max-width: 100%;
    min-height: 23px;
    padding: 2px 7px;
    font-size: 0.61rem;
}

.overview-metric {
    gap: 4px;
    padding: 8px 9px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-soft);
}

.overview-metric > span,
.overview-metric > small:not(.status-pill) {
    color: var(--muted);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
    white-space: normal;
}

.overview-metric > strong {
    color: var(--text-strong);
    font-size: 0.76rem;
}

.overview-metric--promotion {
    border-color: var(--accent-border);
    background: var(--accent-soft);
}

.promotion-profit {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 4px;
    color: var(--muted) !important;
}

.promotion-profit > span {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.promotion-profit > span:nth-child(4) { display: none; }
.promotion-profit > span:nth-child(5) { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 3px 6px; }
.promotion-profit > span:nth-child(5)::before { content: "В акции"; color: var(--muted); font-size: 10px; font-weight: 500; }

.promotion-membership.is-active,
.promotion-rate.is-success,
.text-success {
    color: var(--success) !important;
}

.promotion-membership.is-inactive,
.promotion-rate.is-danger,
.text-danger {
    color: var(--danger) !important;
}

.promotion-rate.is-warning,
.text-warning {
    color: var(--warning) !important;
}

.promotion-membership.is-unknown,
.promotion-rate.is-muted,
.text-muted {
    color: var(--muted) !important;
}

.overview-list-empty {
    padding: 34px 18px;
}

.selection-breakdown {
    display: grid;
    gap: 7px;
    padding: 7px 20px 12px;
}

.selection-breakdown__title {
    color: var(--muted);
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.selection-cost-card {
    display: grid;
    gap: 7px;
    padding: 11px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-soft);
}

.selection-cost-card--accent {
    border-color: var(--accent-border);
    background: var(--accent-soft);
}

.selection-cost-card > strong {
    color: var(--text-strong);
    font-size: 0.74rem;
}

.selection-cost-card > span {
    color: var(--muted);
    font-size: 0.65rem;
}

.selection-cost-card dl {
    display: grid;
    gap: 5px;
    margin: 0;
}

.selection-cost-card dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.selection-cost-card dt,
.selection-cost-card dd {
    margin: 0;
    font-size: 0.68rem;
}

.selection-cost-card dt {
    color: var(--muted);
}

.selection-cost-card dd {
    color: var(--text-strong);
    font-weight: 800;
}

.selection-panel {
    position: sticky;
    top: 92px;
    max-height: calc(100vh - 112px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

@keyframes mobile-selection-reveal {
    from {
        opacity: 0.55;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-editor-shell {
    border-bottom: 1px solid var(--border);
    background: linear-gradient(145deg, rgb(var(--accent-rgb) / 5%), transparent 58%);
}

.product-editor-toggle {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 6px 12px;
    padding: 14px;
    list-style: none;
    cursor: pointer;
}

.product-editor-toggle::-webkit-details-marker {
    display: none;
}

.product-editor-toggle > div {
    display: contents;
}

.product-editor-toggle .eyebrow {
    grid-column: 1;
    grid-row: 1;
}

.product-editor-toggle h2 {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 1rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.product-editor-toggle .selection-statuses {
    grid-column: 1 / -1;
    grid-row: 3;
}

.product-editor-toggle__action {
    display: inline-flex;
    min-height: 32px;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid var(--accent-border);
    border-radius: 10px;
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 0.68rem;
    font-weight: 850;
}

.product-editor-toggle__action svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentcolor;
    stroke-width: 2;
    transition: transform 160ms ease;
}

.product-editor-toggle .when-open {
    display: none;
}

.product-editor-shell[open] .product-editor-toggle {
    border-bottom: 1px solid var(--border);
}

.product-editor-shell[open] .product-editor-toggle .when-closed {
    display: none;
}

.product-editor-shell[open] .product-editor-toggle .when-open {
    display: inline;
}

.product-editor-shell[open] .product-editor-toggle__action svg {
    transform: rotate(90deg);
}

.product-editor-shell[open] + .price-chain {
    display: none;
}

.product-editor {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.product-editor__head {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.product-editor__head > div {
    min-width: 0;
}

.product-editor__head h2 {
    overflow: hidden;
    font-size: 0.92rem;
    line-height: 1.15;
    text-overflow: ellipsis;
}

.product-editor__field {
    display: grid;
    gap: 5px;
}

.product-editor__field > span:first-child,
.product-editor__result > span {
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-editor__field input,
.product-editor__field select {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid var(--accent-border);
    border-radius: 11px;
    outline: 0;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 2%), transparent),
        var(--surface-raised);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 7%);
    color: var(--text-strong);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 750;
    transition: 160ms ease;
}

.product-editor__field input:focus,
.product-editor__field select:focus,
.product-editor__submit:focus-visible {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.product-editor__field input[readonly] {
    color: var(--text);
    cursor: default;
}

.product-editor__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.product-editor__result {
    display: grid;
    align-content: center;
    gap: 6px;
    min-height: 68px;
    padding: 10px 11px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-soft);
}

.product-editor__result strong {
    color: var(--text-strong);
    font-size: 1.05rem;
    line-height: 1;
}

.product-editor__result small {
    color: var(--text-muted);
    line-height: 1.25;
}

.manual-price-send {
    position: sticky;
    z-index: 8;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 16px 0 0;
    padding: 14px 16px;
    border: 1px solid var(--accent);
    border-radius: 14px;
    background: var(--surface);
    box-shadow: 0 12px 35px rgb(0 0 0 / 24%);
}

.manual-price-send > div {
    display: grid;
    gap: 3px;
}

.manual-price-send span {
    color: var(--text-muted);
    font-size: .86rem;
}

@media (max-width: 680px) {
    .manual-price-send {
        align-items: stretch;
        flex-direction: column;
    }

    .manual-price-send .button {
        width: 100%;
    }
}

.product-editor__field--tags select[multiple] {
    min-height: 76px;
    padding: 5px;
    appearance: auto;
    background-image: none;
}

.product-editor__field--tags option {
    padding: 5px 7px;
    border-radius: 8px;
}

.product-editor__empty {
    display: flex;
    min-height: 42px;
    align-items: center;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-soft);
    color: var(--muted);
    font-size: 0.75rem;
}

.product-editor__help {
    color: var(--muted);
    font-size: 0.66rem;
    line-height: 1.4;
}

.product-editor__submit {
    width: 100%;
    min-height: 44px;
}

.selection-panel__head {
    display: grid;
    justify-items: start;
    gap: 8px;
    padding: 20px;
    border-bottom: 1px solid var(--border);
    background: linear-gradient(145deg, rgb(var(--accent-rgb) / 5%), transparent 58%);
}

.selection-panel__head h2 {
    font-size: 1.35rem;
    line-height: 1.15;
}

.catalog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.catalog-tag {
    padding: 5px 9px;
    border: 1px solid var(--accent-border);
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--text-strong);
    font-size: 0.68rem;
    font-weight: 800;
}

.selection-facts {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 6px 20px;
}

.selection-facts > div {
    display: grid;
    grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border);
}

.selection-facts > div:last-child {
    border-bottom: 0;
}

.selection-facts dt {
    color: var(--muted);
    font-size: 0.72rem;
}

.selection-facts dd {
    min-width: 0;
    overflow: hidden;
    color: var(--text-strong);
    font-size: 0.78rem;
    font-weight: 750;
    text-align: right;
    text-overflow: ellipsis;
}

.data-checks {
    display: grid;
    gap: 7px;
    padding: 8px 20px 18px;
}

.data-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 11px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--bg-soft);
}

.data-check span {
    color: var(--muted);
    font-size: 0.72rem;
}

.data-check strong {
    color: #ffe0a1;
    font-size: 0.72rem;
}

.data-check.is-ready strong {
    color: #c6f0b5;
}

.selection-panel__actions {
    display: flex;
    gap: 8px;
    padding: 0 20px 20px;
}

.selection-panel__actions .button {
    width: 100%;
}

.status-pill--warning {
    border-color: rgb(255 197 93 / 25%);
    background: rgb(255 197 93 / 9%);
    color: #ffe0a1;
}

.status-pill--muted {
    color: var(--muted);
}

.status-pill--discounted {
    border-color: color-mix(in srgb, var(--discounted) 42%, transparent);
    background: color-mix(in srgb, var(--discounted) 12%, transparent);
    color: #d8bdff;
}

.price-chain {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 7px;
    padding: 18px 20px 6px;
}

.price-chain > div {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-soft);
}

.price-chain > div.is-primary {
    border-color: var(--accent-border);
    background: var(--accent-soft);
}

.price-chain span {
    color: var(--muted);
    font-size: 0.68rem;
}

.price-chain strong {
    font-size: 1rem;
}

.selection-note {
    margin: 6px 20px 18px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-soft);
    color: var(--muted);
    font-size: 0.74rem;
    line-height: 1.5;
}

.selection-note--warning {
    border-color: rgb(255 197 93 / 20%);
    background: rgb(255 197 93 / 6%);
}

.selection-note--discounted {
    border-color: color-mix(in srgb, var(--discounted) 38%, transparent);
    background: color-mix(in srgb, var(--discounted) 8%, transparent);
    color: #d8bdff;
}

.promotion-focus {
    display: grid;
    gap: 5px;
    margin: 18px 20px 0;
    padding: 14px;
    border: 1px solid var(--accent-border);
    border-radius: 12px;
    background: var(--accent-soft);
}

.promotion-focus span {
    color: var(--accent);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.promotion-focus strong {
    font-size: 0.95rem;
}

.promotion-focus.is-danger {
    border-color: rgb(255 127 114 / 30%);
    background: rgb(255 127 114 / 8%);
}

.promotion-focus.is-danger span,
.promotion-focus.is-danger strong {
    color: var(--danger) !important;
}

.promotion-command {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px 12px;
    align-items: center;
    margin: 12px 20px 6px;
}

.promotion-command .hint {
    font-size: 0.7rem;
}

.workspace-empty {
    justify-items: center;
    min-height: 280px;
    align-content: center;
}

.workspace-empty .button {
    margin-top: 10px;
}

.job-status--running {
    border-color: rgb(75 124 255 / 28%);
    background: rgb(75 124 255 / 10%);
    color: #b6c8ff;
}

.job-status--succeeded {
    border-color: rgb(142 217 111 / 26%);
    background: rgb(142 217 111 / 10%);
    color: #c6f0b5;
}

.job-status--failed {
    border-color: rgb(255 127 114 / 28%);
    background: rgb(255 127 114 / 10%);
    color: #ffd0cb;
}

.job-status--warning {
    border-color: rgb(255 197 93 / 25%);
    background: rgb(255 197 93 / 9%);
    color: #ffe0a1;
}

.job-status--queued {
    border-color: rgb(255 197 93 / 25%);
    background: rgb(255 197 93 / 9%);
    color: #ffe0a1;
}

.job-error-details > summary {
    width: max-content;
    cursor: pointer;
    list-style: none;
}

.job-error-details .job-status > span {
    margin-left: 7px;
    transition: transform 0.18s ease;
}

.job-error-details[open] .job-status > span {
    transform: rotate(180deg);
}

.job-error-details > p {
    width: min(360px, 42vw);
    margin: 8px 0 0;
    padding: 10px 12px;
    border: 1px solid rgb(255 127 114 / 20%);
    border-radius: 10px;
    background: rgb(255 127 114 / 6%);
    color: #ffd0cb;
    font-size: 0.72rem;
    line-height: 1.5;
    white-space: normal;
}

.connection-groups {
    display: grid;
    gap: 16px;
    padding: 18px;
}

.connection-group {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg-soft);
}

.connection-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid var(--border);
}

.connection-group__head > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.connection-list {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.connection-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
}

.connection-card > summary {
    display: grid;
    min-height: 64px;
    grid-template-columns: minmax(180px, 1fr) auto 22px;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    cursor: pointer;
}

.connection-card[open] > summary {
    border-bottom: 1px solid var(--border);
    background: rgb(var(--accent-rgb) / 3%);
}

.connection-card__identity {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.connection-card__identity strong {
    overflow: hidden;
    font-size: 1.02rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connection-card__identity small {
    color: var(--muted);
}

.connection-card__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.connection-card__badges .status-pill {
    min-height: 28px;
    padding: 5px 10px;
    font-size: 0.68rem;
}

.connection-card__chevron {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform 160ms ease;
}

.connection-card[open] .connection-card__chevron {
    transform: rotate(90deg);
}

.connection-card__body {
    width: min(100%, 1180px);
    margin-inline: auto;
    padding: 0;
    border-top: 1px solid var(--border);
}

.connection-card__meta {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.connection-card__meta .field-preview {
    gap: 4px;
    padding: 1px 12px;
    border: 0;
    border-left: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.connection-card__meta .field-preview:first-child {
    border-left: 0;
}

.connection-card__access {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-content: start;
    gap: 8px 32px;
    padding: 24px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.connection-card__access .button {
    grid-column: 2;
    width: max-content;
    min-width: 190px;
}

.connection-card__access .field-preview {
    grid-column: 1;
    grid-row: 1 / span 3;
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.connection-card__access .field-preview small {
    color: var(--muted);
    font-size: 0.74rem;
    line-height: 1.4;
}

.api-credentials-editor {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 0 32px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.api-credentials-editor > summary {
    grid-column: 1 / -1;
    min-height: 72px;
    padding: 24px;
    cursor: pointer;
    font-size: 0.92rem;
    font-weight: 800;
}

.api-credentials-editor[open] > summary {
    grid-column: 1;
    align-self: start;
    min-height: 0;
    padding-right: 0;
    border-bottom: 0;
}

.api-credentials-editor > .security-note {
    grid-column: 2;
    margin: 0;
    padding: 24px 24px 12px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1.45;
}

.api-credentials-editor > .settings-form {
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 0 24px 24px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.api-credentials-form:has(.api-fbs-field) {
    grid-template-columns: minmax(0, 1fr);
}

.api-credentials-form:has(.api-fbs-field) .api-key-field,
.api-credentials-form:has(.api-fbs-field) .api-separate-keys,
.api-credentials-form:has(.api-fbs-field) .api-actions {
    grid-column: 1;
    padding: 0;
}

.api-credentials-form:has(.api-fbs-field) .api-fbs-field {
    grid-column: 1;
    grid-row: auto;
    padding: 20px 0 0;
    border-top: 1px solid var(--border);
}

.api-fbs-field .store-onboarding__warehouse-action {
    align-items: flex-start;
    flex-direction: column;
}

.api-fbs-field .wb-fbs-route {
    grid-template-columns: minmax(0, 1fr) 82px;
}

.api-fbs-field .wb-fbs-route input {
    width: 82px;
}

.api-fbs-field .wb-fbs-route label {
    text-overflow: clip;
    white-space: normal;
}

.api-credentials-editor .settings-form > details {
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.api-credentials-form .api-actions {
    align-self: end;
    padding-top: 4px !important;
    border-top: 0;
}

.api-credentials-editor .settings-form > details > summary {
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 750;
}

.api-credentials-editor .settings-form > details[open] > summary {
    margin-bottom: 10px;
}

.field-preview {
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
}

.field-preview span {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.field-preview strong {
    overflow: hidden;
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-form {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgb(8 12 8 / 46%);
}

.panel > .settings-form {
    padding: 18px 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.panel > .settings-form + .settings-form {
    border-top: 1px solid var(--border);
}

.panel > .security-note {
    margin: 0 22px 20px;
}

.connection-settings-layout {
    display: block;
}

.connection-settings-card {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 0 32px;
    min-width: 0;
    padding: 24px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.connection-settings-card--source {
    grid-template-rows: auto auto;
}

.connection-settings-card__head {
    grid-column: 1;
    grid-row: 1 / span 3;
    display: block !important;
    min-height: 0;
    padding: 0;
    border: 0;
}

.connection-settings-card__head strong,
.connection-settings-card__head small {
    display: block;
}

.connection-settings-card__head strong {
    font-size: 0.92rem;
}

.connection-settings-card__head small {
    margin-top: 6px;
    color: var(--muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.connection-source-form {
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.connection-source-form .settings-form__wide {
    grid-column: 2;
}

.connection-source-form [data-source-fields="onec"].settings-form__wide {
    grid-column: 1 / -1;
}

.connection-source-form .settings-form__actions {
    grid-column: 1 / -1;
    margin: 0;
    padding: 4px 0 0;
    border-top: 0;
}

.connection-settings-card--tax {
    grid-template-rows: auto;
}

.connection-tax-form {
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.connection-settings-layout .settings-form label {
    font-size: 0.76rem;
}

.connection-settings-layout .settings-form input,
.connection-settings-layout .settings-form select {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 9px;
}

.connection-settings-layout .settings-form__actions {
    align-self: end;
}

.connection-tax-form .settings-form__actions {
    grid-column: 1 / -1;
    margin: 0;
    padding: 4px 0 0;
    border-top: 0;
}

.source-runtime {
    grid-column: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
}

.source-runtime > form {
    grid-column: 1 / -1;
    align-self: center;
    padding: 12px;
}

.source-runtime .field-preview {
    gap: 6px;
    padding: 10px 12px;
    border: 0;
    border-top: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.source-runtime .field-preview:nth-of-type(even) {
    border-left: 0;
}

.source-runtime .field-preview:last-of-type {
    grid-column: 1 / -1;
    border-top: 1px solid var(--border);
    border-left: 0;
}

.source-runtime .field-preview span {
    font-size: 0.62rem;
}

.source-runtime .field-preview strong {
    font-size: 0.75rem;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
}

.source-runtime .security-note {
    grid-column: 1 / -1;
    margin: 12px;
}

.connection-settings-note {
    margin: 0;
    padding: 16px 24px;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    font-size: 0.72rem;
}

.connection-card__body .button,
.store-onboarding__form .button {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 9px;
    font-size: 0.8rem;
    line-height: 1.2;
}

.connection-card__body .settings-form input:not([type="checkbox"]),
.connection-card__body .settings-form select {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 9px;
}

.connection-card__body .settings-form label {
    font-size: 0.76rem;
    letter-spacing: 0;
    text-transform: none;
}

.connection-card__body .settings-form__actions .button {
    min-width: 190px;
}

.store-onboarding {
    overflow: hidden;
}

.store-onboarding__heading {
    padding: 20px 24px;
    border-bottom: 1px solid var(--border);
}

.store-onboarding__heading .hint {
    max-width: 820px;
    margin-top: 3px;
}

.store-onboarding__form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.store-onboarding__main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: min(100%, 1180px);
    margin-inline: auto;
    gap: 0;
    padding: 0 24px;
}

.store-onboarding__choice {
    grid-column: 1 / span 4;
    padding: 24px 32px 24px 0;
    border-bottom: 1px solid var(--border);
}

.store-onboarding__identity {
    grid-column: 5 / -1;
    padding: 24px 0;
    border-bottom: 1px solid var(--border);
}

.store-onboarding__main > .store-onboarding__market {
    grid-column: 1 / -1;
}

.store-onboarding__main > div,
.store-onboarding__fields > div {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
}

.store-onboarding__main label {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.store-onboarding__main input,
.store-onboarding__main select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--border-strong);
    border-radius: 9px;
    background: var(--surface-raised);
    color: var(--text);
}

.store-onboarding__main input:focus,
.store-onboarding__main select:focus {
    border-color: var(--accent);
    outline: 2px solid rgba(205, 255, 67, 0.34);
    outline-offset: 2px;
}

.connection-card__body :is(button, a, input, select, summary):focus-visible,
.store-onboarding__form :is(button, a, input, select, summary):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.store-onboarding__main small,
.store-onboarding__section-title small,
.store-onboarding__details > p {
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.store-onboarding__warehouse-action {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
}

.store-onboarding__warehouse-action span {
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.store-onboarding__warehouse-action .button {
    flex: 0 0 auto;
    min-width: 190px;
    white-space: nowrap;
}

.store-onboarding__market,
.store-onboarding__section {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 0 32px;
    padding: 28px 0;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.store-onboarding__section-title {
    grid-column: 1;
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.store-onboarding__section-title strong,
.store-onboarding__section-title small {
    display: block;
}

.store-onboarding__section-title strong {
    font-size: 0.96rem;
    line-height: 1.3;
}

.store-onboarding__section-title .marketplace {
    justify-self: start;
    width: auto;
    min-width: 42px;
}

.store-onboarding__fields {
    grid-column: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.store-onboarding__fields--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.store-onboarding__section--source .store-onboarding__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.store-onboarding__main input[type="file"] {
    padding: 4px;
}

.store-onboarding__main input[type="file"]::file-selector-button {
    height: 30px;
    margin-right: 8px;
    padding: 0 10px;
    border: 0;
    border-radius: 5px;
    background: var(--surface-hover);
    color: var(--text);
    font: inherit;
    font-weight: 750;
}

.store-onboarding__wide,
.store-onboarding__details {
    grid-column: 1 / -1;
}

.store-onboarding__details {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 9px;
}

.store-onboarding__details summary {
    cursor: pointer;
    color: var(--text);
    font-weight: 800;
}

.store-onboarding__details > p {
    margin: 6px 0 9px;
}

.field-optional {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: none;
}

.wb-fbs-editor {
    min-width: 0;
}

.wb-fbs-routes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 12px;
    border-top: 1px solid var(--border);
}

.wb-fbs-routes[hidden] {
    display: none;
}

.wb-fbs-route {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 108px;
    grid-template-rows: auto auto;
    gap: 6px 10px !important;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
}

.wb-fbs-route label {
    grid-column: 1;
    color: var(--text);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    overflow-wrap: anywhere;
}

.wb-fbs-route label span,
.wb-fbs-route small {
    display: block;
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 650;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
}

.wb-fbs-route label span {
    margin-top: 4px;
}

.wb-fbs-route input {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    min-height: 36px;
}

.store-onboarding__summary {
    display: grid;
    grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr) auto;
    align-items: center;
    gap: 12px 20px;
    width: min(100%, 1180px);
    margin-inline: auto;
    padding: 20px 24px;
    border-top: 1px solid var(--border);
    background: rgb(var(--accent-rgb) / 2.5%);
}

.store-onboarding__summary h3 {
    margin: 1px 0 0;
    font-size: 1rem;
}

.store-onboarding__summary > p {
    margin: 0;
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.store-onboarding__summary .button {
    width: auto;
    margin: 0;
}

@media (max-width: 1279px) {
    .connection-card__meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .connection-card__meta .field-preview:nth-child(odd) {
        border-left: 0;
    }

    .connection-card__meta .field-preview:nth-child(n + 3) {
        margin-top: 9px;
        padding-top: 9px;
        border-top: 1px solid var(--border);
    }

    .connection-card__access,
    .api-credentials-editor {
        grid-column: 1 / -1;
    }

    .connection-card__access,
    .connection-settings-card--source {
        border-right: 0;
    }

    .connection-settings-card--source {
        border-bottom: 1px solid var(--border);
    }

    .api-credentials-form:has(.api-fbs-field) {
        grid-template-columns: 1fr;
    }

    .api-credentials-form:has(.api-fbs-field) .api-key-field,
    .api-credentials-form:has(.api-fbs-field) .api-fbs-field,
    .api-credentials-form:has(.api-fbs-field) .api-separate-keys,
    .api-credentials-form:has(.api-fbs-field) .api-actions {
        grid-column: 1;
        grid-row: auto;
    }

    .api-credentials-form:has(.api-fbs-field) .api-fbs-field {
        border-left: 0;
    }

    .connection-settings-layout {
        grid-template-columns: 1fr;
    }

    .connection-settings-layout > .connection-settings-card--source,
    .connection-settings-layout > .connection-settings-card--tax {
        grid-column: 1;
    }

    .store-onboarding__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .store-onboarding__choice,
    .store-onboarding__identity {
        grid-column: auto;
    }

    .store-onboarding__main > .store-onboarding__market,
    .store-onboarding__main > .store-onboarding__section--tax,
    .store-onboarding__main > .store-onboarding__section--source {
        grid-column: 1 / -1;
        grid-row: auto;
        padding: 14px 0;
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 1279px) {
    .store-onboarding__main,
    .store-onboarding__fields,
    .store-onboarding__fields--three {
        grid-template-columns: 1fr;
    }

    .store-onboarding__market,
    .store-onboarding__section,
    .connection-card__access,
    .api-credentials-editor,
    .connection-settings-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .store-onboarding__main,
    .store-onboarding__summary {
        padding: 18px;
    }

    .store-onboarding__choice,
    .store-onboarding__identity {
        padding: 12px 0;
        border-right: 0;
    }

    .store-onboarding__section-title,
    .store-onboarding__fields,
    .connection-card__access .field-preview,
    .connection-card__access .button,
    .api-credentials-editor[open] > summary,
    .api-credentials-editor > .security-note,
    .api-credentials-editor > .settings-form,
    .connection-settings-card__head,
    .connection-source-form,
    .connection-tax-form,
    .source-runtime {
        grid-column: 1;
    }

    .store-onboarding__section-title,
    .connection-settings-card__head {
        grid-row: auto;
        margin-bottom: 18px;
    }

    .api-credentials-editor[open] > summary,
    .api-credentials-editor > .security-note,
    .api-credentials-editor > .settings-form {
        padding-right: 18px;
        padding-left: 18px;
    }

    .api-credentials-editor > .security-note {
        padding-top: 0;
    }

    .connection-card__access,
    .connection-settings-card {
        padding: 20px 18px;
    }

    .store-onboarding__summary {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .store-onboarding__summary .button {
        grid-column: 1;
        grid-row: auto;
    }

    .store-onboarding__summary .button {
        width: 100%;
    }

    .store-onboarding__wide,
    .store-onboarding__details {
        grid-column: auto;
    }

    .store-onboarding__warehouse-action {
        align-items: stretch;
        flex-direction: column;
    }

    .connection-source-form,
    .connection-tax-form,
    .source-runtime {
        grid-template-columns: 1fr;
    }

    .connection-source-form,
    .connection-tax-form {
        grid-template-rows: auto;
    }

    .connection-source-form .settings-form__wide,
    .connection-source-form .settings-form__actions,
    .connection-source-form [data-source-fields="onec"].settings-form__wide {
        grid-column: 1;
    }

    .source-runtime .field-preview,
    .source-runtime .field-preview:nth-of-type(even),
    .source-runtime .field-preview:last-of-type {
        grid-column: 1;
        border-left: 0;
        border-top: 1px solid var(--border);
    }
}

/* Connections: one route, four steps. */
.connection-scoreboard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border-top: 3px solid var(--accent);
    border-bottom: 1px solid var(--border-strong);
}

.connection-scoreboard .kpi-card {
    position: relative;
    min-height: 92px;
    justify-content: center;
    gap: 6px;
    padding: 16px;
    border: 0;
    border-left: 1px solid var(--border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.connection-scoreboard .kpi-card:first-child {
    border-left: 0;
}

.connection-scoreboard .kpi-card__label {
    color: var(--muted);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

.connection-scoreboard .kpi-card strong {
    margin: 0;
    font-size: clamp(2rem, 3.2vw, 3.15rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.06em;
    line-height: 0.92;
}

.connection-scoreboard .kpi-card > span:last-child {
    position: static;
    white-space: normal;
    color: var(--muted);
    font-size: 0.68rem;
}

.connections-workbench,
.connections-catalog {
    overflow: hidden;
    border-color: var(--border-strong);
    border-radius: 2px;
    background: rgb(8 13 9 / 72%);
    box-shadow: none;
}

.connections-workbench {
    border-top: 4px solid var(--accent);
}

.connections-workbench .store-onboarding__heading,
.connections-catalog > .panel-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    padding: 24px 28px 22px;
}

.connections-workbench .store-onboarding__heading h2,
.connections-catalog > .panel-heading h2 {
    max-width: 760px;
    margin-top: 4px;
    font-size: clamp(1.85rem, 3.2vw, 3.4rem);
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.connections-workbench .store-onboarding__heading .hint,
.connections-catalog > .panel-heading .hint {
    max-width: 720px;
    margin-top: 10px;
    font-size: 0.82rem;
    line-height: 1.5;
}

.connections-workbench .status-pill {
    align-self: start;
    padding: 8px 12px;
    border: 1px solid var(--accent);
    border-radius: 99px;
    background: transparent;
    color: var(--accent);
}

.connections-workbench .store-onboarding__main {
    display: block;
    width: min(100%, 1220px);
    padding: 0 28px;
}

.connections-workbench .store-onboarding__section,
.connections-workbench .store-onboarding__market {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 0 34px;
    padding: 24px 0 26px;
    border-bottom: 1px solid var(--border-strong);
}

.connections-workbench .store-onboarding__section--identity {
    border-top: 1px solid var(--border-strong);
}

.connections-workbench .store-onboarding__section-title {
    grid-column: 1;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-content: start;
    gap: 3px 12px;
}

.connections-workbench .workflow-index {
    grid-column: 1;
    grid-row: 1 / span 3;
    color: var(--accent);
    font-size: 2.05rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.08em;
    line-height: 0.9;
}

.connections-workbench .store-onboarding__section-title > div,
.connections-workbench .store-onboarding__section-title > a,
.connections-workbench .store-onboarding__section-title > .marketplace {
    grid-column: 2;
}

.connections-workbench .store-onboarding__section-title strong {
    font-size: 1.02rem;
    line-height: 1.15;
}

.connections-workbench .store-onboarding__section-title small {
    margin-top: 6px;
    font-size: 0.72rem;
    line-height: 1.45;
}

.connections-workbench .store-onboarding__section-title > a {
    width: max-content;
    margin-top: 10px;
    border-bottom: 1px solid currentColor;
    color: var(--text);
    font-size: 0.72rem;
}

.connections-workbench .store-onboarding__section-title .marketplace {
    margin-top: 10px;
}

.connections-workbench .store-onboarding__fields {
    grid-column: 2;
    gap: 14px 18px;
}

.connections-workbench .store-onboarding__section--identity .store-onboarding__fields {
    grid-template-columns: minmax(210px, 0.7fr) minmax(320px, 1.3fr);
}

.connections-workbench .store-onboarding__choice,
.connections-workbench .store-onboarding__identity {
    grid-column: auto;
    padding: 0;
    border: 0;
}

.connections-workbench label,
.connections-catalog .settings-form label {
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.connections-workbench input,
.connections-workbench select,
.connections-catalog .settings-form input:not([type="checkbox"]),
.connections-catalog .settings-form select {
    min-height: 46px;
    border: 1px solid var(--border-strong);
    border-radius: 2px;
    background: rgb(3 7 4 / 68%);
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 3%);
}

.connections-workbench input:hover,
.connections-workbench select:hover,
.connections-catalog .settings-form input:not([type="checkbox"]):hover,
.connections-catalog .settings-form select:hover {
    border-color: rgb(205 255 67 / 42%);
}

.connections-workbench input:focus,
.connections-workbench select:focus,
.connections-catalog .settings-form input:focus,
.connections-catalog .settings-form select:focus {
    border-color: var(--accent);
    outline: 2px solid rgb(205 255 67 / 32%);
    outline-offset: 2px;
}

.connections-workbench .store-onboarding__warehouse-action {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    gap: 12px 16px;
    padding: 2px 0;
}

.connections-workbench .store-onboarding__details,
.connections-catalog .api-separate-keys {
    padding: 12px 0;
    border: 0;
    border-top: 1px dashed var(--border-strong);
    border-radius: 0;
}

.api-separate-keys > p {
    margin: 12px 0;
}

.store-onboarding__details > summary small,
.api-separate-keys > summary small {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.connections-workbench .wb-fbs-routes,
.connections-catalog .wb-fbs-routes {
    margin-top: 14px;
    border-top: 2px solid var(--border-strong);
}

.connections-workbench .wb-fbs-route,
.connections-catalog .wb-fbs-route {
    min-height: 58px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border);
}

.connections-workbench .wb-fbs-route input,
.connections-catalog .wb-fbs-route input {
    min-height: 40px;
    border-color: var(--accent);
    background: rgb(var(--accent-rgb) / 8%);
    color: var(--accent);
    font-size: 0.95rem;
    font-weight: 850;
    text-align: center;
}

.connections-workbench .button,
.connections-catalog .button {
    min-height: 44px;
    border-radius: 2px;
    font-weight: 850;
}

.connections-workbench .button-secondary,
.connections-catalog .button-secondary {
    border-color: var(--border-strong);
    background: transparent;
    color: var(--text);
}

.connections-workbench .button-secondary:hover,
.connections-catalog .button-secondary:hover {
    border-color: var(--accent);
    background: rgb(var(--accent-rgb) / 7%);
}

.connections-workbench .store-onboarding__summary {
    grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1fr) auto;
    width: min(100%, 1220px);
    padding: 18px 28px;
    border-top: 0;
    background: var(--accent);
    color: #0a0d08;
}

.connections-workbench .store-onboarding__summary .eyebrow,
.connections-workbench .store-onboarding__summary > p {
    color: rgb(10 13 8 / 68%);
}

.connections-workbench .store-onboarding__summary h3 {
    font-size: 1.08rem;
}

.connections-workbench .store-onboarding__summary .button {
    border: 2px solid #0a0d08;
    background: #0a0d08;
    color: var(--accent);
}

.connections-workbench .store-onboarding__summary .button::after {
    content: " →";
}

.connections-catalog {
    margin-top: 22px;
    border-top: 4px solid var(--text);
}

.connections-catalog .connection-groups {
    padding: 16px 28px 28px;
}

.connections-catalog .connection-group {
    border-top: 1px solid var(--border-strong);
}

.connections-catalog .connection-group__head {
    min-height: 62px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-strong);
}

.connections-catalog .connection-group__head h3 {
    font-size: 1.12rem;
}

.connections-catalog .connection-list {
    gap: 0;
}

.connections-catalog .connection-card {
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--border-strong);
    border-radius: 0;
    background: transparent;
}

.connections-catalog .connection-card > summary {
    grid-template-columns: 46px minmax(220px, 0.8fr) minmax(320px, 1.2fr) 22px;
    gap: 16px;
    min-height: 76px;
    padding: 12px 14px;
}

.connections-catalog .connection-card[open] > summary {
    padding-left: 14px;
    border-bottom: 0;
    background: rgb(var(--accent-rgb) / 5%);
    box-shadow: inset 4px 0 0 var(--accent);
}

.connection-card__order {
    color: var(--accent);
    font-size: 1.65rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.08em;
}

.connections-catalog .connection-card__identity strong {
    font-size: 1rem;
}

.connections-catalog .connection-card__identity small {
    margin-top: 4px;
    color: var(--muted);
    font-size: 0.7rem;
}

.connections-catalog .connection-card__badges {
    justify-content: flex-start;
    gap: 4px 14px;
}

.connections-catalog .connection-card__badges .status-pill {
    position: relative;
    padding: 0 0 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted);
    font-size: 0.66rem;
    white-space: nowrap;
}

.connections-catalog .connection-card__badges .status-pill::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--muted);
    content: "";
    transform: translateY(-50%);
}

.connections-catalog .connection-card__badges .status-pill--success {
    color: var(--text);
}

.connections-catalog .connection-card__badges .status-pill--success::before {
    background: var(--success);
    box-shadow: 0 0 0 3px rgb(65 224 169 / 9%);
}

.connections-catalog .connection-card__body {
    width: 100%;
    padding-top: 12px;
    border-top: 0;
}

.connection-card__delete {
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

.connection-card__delete .button {
    width: 100%;
    justify-content: center;
}

.connections-catalog .connection-card__meta {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: rgb(255 255 255 / 1%);
}

.connections-catalog .connection-card__meta .field-preview {
    min-height: 58px;
    justify-content: center;
    padding: 10px 14px;
}

.connections-catalog .connection-card__access,
.connections-catalog .api-credentials-editor,
.connections-catalog .connection-settings-card {
    grid-template-columns: 56px 190px minmax(0, 1fr);
    gap: 0 18px;
    padding: 22px 0;
    border-bottom: 1px solid var(--border-strong);
}

.connection-step {
    color: var(--accent);
    font-size: 1.55rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.08em;
    line-height: 1;
}

.connections-catalog .connection-card__access > .connection-step {
    grid-column: 1;
    grid-row: 1 / span 3;
}

.connections-catalog .connection-card__access .field-preview {
    grid-column: 2;
    grid-row: 1 / span 3;
}

.connections-catalog .connection-card__access .button,
.connections-catalog .connection-card__access .cabinet-login-action {
    grid-column: 3;
}

.connections-catalog .connection-card__access .cabinet-login-action {
    grid-row: 1 / span 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.connections-catalog .api-credentials-editor {
    display: grid;
}

.connections-catalog .api-credentials-editor > summary {
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
    gap: 0 18px;
    min-height: 0;
    padding: 0;
    font-size: 0.92rem;
}

.connections-catalog .api-credentials-editor > .settings-form {
    grid-column: 3;
    padding: 0;
}

.connections-catalog .api-credentials-editor > .security-note {
    grid-column: 3;
    margin: 0 0 12px;
    padding: 12px 14px;
}

.connections-catalog .api-credentials-editor > .settings-form,
.connections-catalog .connection-source-form,
.connections-catalog .connection-tax-form {
    gap: 14px;
    background: transparent;
}

.connections-catalog .connection-settings-card__head {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0 18px;
}

.connections-catalog .connection-source-form,
.connections-catalog .connection-tax-form,
.connections-catalog .source-runtime {
    grid-column: 3;
}

.connections-catalog .settings-form__actions {
    justify-items: center;
    margin-bottom: 0;
    padding-top: 0;
}

.connections-catalog .settings-form__actions .button {
    min-width: 190px;
}

.connections-catalog .source-runtime > form {
    display: flex;
    justify-content: center;
}

.connections-catalog .connection-settings-note {
    margin: 14px 0;
    padding: 12px 14px;
    color: var(--muted);
    background: transparent;
}

@media (max-width: 1279px) {
    .connections-workbench .store-onboarding__section,
    .connections-workbench .store-onboarding__market {
        grid-template-columns: 200px minmax(0, 1fr);
        gap: 0 24px;
    }

    .connections-catalog .connection-card > summary {
        grid-template-columns: 38px minmax(200px, 0.8fr) minmax(260px, 1.2fr) 20px;
        gap: 12px;
    }

    .connections-catalog .connection-card__access,
    .connections-catalog .api-credentials-editor,
    .connections-catalog .connection-settings-card {
        grid-template-columns: 48px 166px minmax(0, 1fr);
        gap: 0 14px;
    }

    .connections-catalog .api-credentials-editor > summary,
    .connections-catalog .connection-settings-card__head {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 0 14px;
    }
}

@media (max-width: 1279px) {
    .connections-workbench .store-onboarding__section,
    .connections-workbench .store-onboarding__market {
        grid-template-columns: 168px minmax(0, 1fr);
        gap: 0 18px;
    }

    .connections-workbench .store-onboarding__section--identity .store-onboarding__fields,
    .connections-workbench .store-onboarding__fields,
    .connections-workbench .store-onboarding__fields--three,
    .connections-workbench .store-onboarding__section--source .store-onboarding__fields {
        grid-template-columns: 1fr;
    }

    .connections-catalog .connection-card > summary {
        grid-template-columns: 36px minmax(0, 1fr) 20px;
    }

    .connections-catalog .connection-card__badges {
        grid-column: 2;
        grid-row: 2;
    }

    .connections-catalog .connection-card__chevron {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 1279px) {
    .connection-scoreboard .kpi-card {
        min-height: 80px;
        padding: 12px;
    }

    .connection-scoreboard .kpi-card > span:last-child {
        display: none;
    }

    .connections-workbench .store-onboarding__heading,
    .connections-catalog > .panel-heading {
        grid-template-columns: 1fr;
        padding: 20px 18px;
    }

    .connections-workbench .store-onboarding__heading h2,
    .connections-catalog > .panel-heading h2 {
        font-size: 2rem;
    }

    .connections-workbench .status-pill {
        justify-self: start;
    }

    .connections-workbench .store-onboarding__main,
    .connections-catalog .connection-groups {
        padding-right: 18px;
        padding-left: 18px;
    }

    .connections-workbench .store-onboarding__section,
    .connections-workbench .store-onboarding__market {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px 0;
    }

    .connections-workbench .store-onboarding__section-title,
    .connections-workbench .store-onboarding__fields {
        grid-column: 1;
    }

    .connections-workbench .store-onboarding__section-title {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .connections-workbench .workflow-index {
        font-size: 1.72rem;
    }

    .connections-workbench .store-onboarding__warehouse-action {
        grid-template-columns: 1fr;
    }

    .connections-workbench .store-onboarding__summary {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .connections-workbench .store-onboarding__summary .button {
        width: 100%;
        margin-top: 6px;
    }

    .connections-catalog .connection-card > summary,
    .connections-catalog .connection-card[open] > summary {
        grid-template-columns: 32px minmax(0, 1fr) 18px;
        padding: 12px;
        box-shadow: none;
    }

    .connections-catalog .connection-card__badges {
        display: none;
    }

    .connections-catalog .connection-card__meta {
        grid-template-columns: 1fr 1fr;
    }

    .connections-catalog .connection-card__access,
    .connections-catalog .api-credentials-editor,
    .connections-catalog .connection-settings-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding: 20px 0;
    }

    .connections-catalog .connection-card__access > .connection-step {
        grid-column: 1;
        grid-row: 1;
    }

    .connections-catalog .connection-card__access .field-preview,
    .connections-catalog .connection-card__access .button,
    .connections-catalog .connection-card__access .cabinet-login-action {
        grid-column: 2;
        grid-row: auto;
    }

    .connections-catalog .api-credentials-editor > summary,
    .connections-catalog .connection-settings-card__head {
        grid-column: 1 / -1;
        grid-row: auto;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 0 12px;
        margin-bottom: 0;
    }

    .connections-catalog .api-credentials-editor > .settings-form,
    .connections-catalog .connection-source-form,
    .connections-catalog .connection-tax-form,
    .connections-catalog .source-runtime {
        grid-column: 1 / -1;
        padding-right: 0;
        padding-left: 0;
    }

    .connections-catalog .api-credentials-editor > .security-note {
        grid-column: 1 / -1;
        padding: 12px;
    }
}

/* Подсказки формы используют верхний слой браузера и не обрезаются панелью. */
.onboarding-field-label {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
}
.connections-workbench .onboarding-field-label label {
    margin: 0;
    color: var(--text);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
}
/* Connections: keep the route layout, inherit the product visual language. */
.connection-scoreboard {
    gap: 12px;
    border: 0;
}

.connection-scoreboard .kpi-card,
.connection-scoreboard .kpi-card:first-child {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(155deg, rgb(var(--accent-rgb) / 4%), transparent 48%),
        var(--surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
}

.connections-workbench,
.connections-catalog {
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(155deg, rgb(var(--accent-rgb) / 2.5%), transparent 42%),
        var(--surface);
    box-shadow: var(--shadow);
}

.connections-workbench {
    border-top-color: var(--accent-border);
}

.connections-catalog {
    border-top-color: var(--border);
}

.connections-workbench .store-onboarding__heading,
.connections-catalog > .panel-heading {
    background: linear-gradient(180deg, rgb(255 255 255 / 1.5%), transparent);
}

.connections-workbench .status-pill {
    border-color: var(--accent-border);
    background: var(--accent-soft);
    color: var(--accent);
}

.connections-workbench input,
.connections-workbench select,
.connections-catalog .settings-form input:not([type="checkbox"]),
.connections-catalog .settings-form select {
    border-color: var(--border-strong);
    border-radius: 14px;
    background: var(--surface-raised);
    box-shadow: none;
}

.connections-workbench input:hover,
.connections-workbench select:hover,
.connections-catalog .settings-form input:not([type="checkbox"]):hover,
.connections-catalog .settings-form select:hover {
    border-color: var(--accent-border);
    background: var(--surface-hover);
}

.connections-workbench input:focus,
.connections-workbench select:focus,
.connections-catalog .settings-form input:focus,
.connections-catalog .settings-form select:focus {
    border-color: var(--accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / 8%);
}

.connections-workbench .wb-fbs-route input,
.connections-catalog .wb-fbs-route input {
    border-color: var(--accent-border);
    border-radius: var(--radius-sm);
    background: var(--accent-soft);
}

.connections-workbench .button,
.connections-catalog .button {
    border-color: rgb(var(--accent-rgb) / 42%);
    border-radius: var(--button-radius);
    background: var(--accent);
    box-shadow: 0 12px 28px rgb(var(--accent-rgb) / 10%);
    color: var(--accent-ink);
}

.connections-workbench .button:hover,
.connections-catalog .button:hover {
    border-color: rgb(var(--accent-rgb) / 70%);
    background: var(--accent-hover);
}

.connections-workbench .button-secondary,
.connections-catalog .button-secondary {
    border-color: var(--border);
    background: var(--surface-raised);
    box-shadow: none;
    color: var(--text);
}

.connections-workbench .button-secondary:hover,
.connections-catalog .button-secondary:hover {
    border-color: var(--border-strong);
    background: var(--surface-hover);
}

.connections-workbench .store-onboarding__summary {
    border-top: 1px solid var(--accent-border);
    background:
        linear-gradient(135deg, rgb(var(--accent-rgb) / 12%), transparent 62%),
        var(--surface-raised);
    color: var(--text);
}

.connections-workbench .store-onboarding__summary .eyebrow {
    color: var(--accent);
}

.connections-workbench .store-onboarding__summary > p {
    color: var(--muted);
}

.connections-workbench .store-onboarding__summary .button {
    border: 1px solid rgb(var(--accent-rgb) / 42%);
    background: var(--accent);
    color: var(--accent-ink);
}

.connections-catalog .connection-card[open] > summary {
    border-radius: var(--radius-sm);
    background: var(--accent-soft);
}

.connections-catalog .connection-card__badges .status-pill {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-raised);
    color: var(--muted);
    font-size: 0.74rem;
}

.connections-catalog .connection-card__badges .status-pill::before {
    display: none;
}

.connections-catalog .connection-card__badges .status-pill--success {
    border-color: rgb(142 217 111 / 26%);
    background: rgb(142 217 111 / 10%);
    color: #c6f0b5;
}

.kpi-grid.audit-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.audit-panel {
    background:
        radial-gradient(circle at 100% 0, rgb(var(--accent-rgb) / 7%), transparent 30%),
        var(--surface);
}

.audit-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(150px, 0.7fr));
    gap: 14px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--border);
    background: rgb(8 10 7 / 32%);
}

.audit-filter-disclosure > summary { display: none; }
@media (max-width: 1279px) {
    .audit-filter-disclosure > summary { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px 16px; font-size: 13px; font-weight: 650; cursor: pointer; }
    .audit-filter-disclosure { border-bottom: 1px solid var(--border); }
    .audit-filter-disclosure .audit-filters { border-bottom: 0; }
}

.audit-filter {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.audit-filter input,
.audit-filter select {
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background: var(--surface-raised);
    color: var(--text);
}

.audit-filter input:focus,
.audit-filter select:focus {
    border-color: rgb(var(--accent-rgb) / 52%);
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / 8%);
}

.audit-filter-actions {
    display: flex;
    align-items: end;
    gap: 9px;
}

.audit-list {
    display: grid;
    gap: 12px;
    padding: 18px 22px 22px;
}

.audit-event {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgb(8 11 7 / 48%);
}

.audit-event__head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
}

.audit-event__actor {
    display: grid;
    gap: 2px;
}

.audit-event__actor span,
.audit-event__subject span {
    color: var(--muted);
    font-size: 0.72rem;
}

.audit-action {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgb(var(--accent-rgb) / 24%);
    border-radius: 999px;
    background: rgb(var(--accent-rgb) / 9%);
    color: var(--accent);
    font-size: 0.72rem;
    font-weight: 850;
}

.audit-action--deleted {
    border-color: rgb(255 115 115 / 28%);
    background: rgb(255 115 115 / 9%);
    color: #ffc2c2;
}

.audit-action--created {
    border-color: rgb(142 217 111 / 28%);
    background: rgb(142 217 111 / 9%);
    color: #c6f0b5;
}

.audit-event__subject {
    display: grid;
    gap: 4px;
    padding: 13px 16px;
    background: rgb(255 255 255 / 1.7%);
}

.audit-event__actions {
    display: grid;
    gap: 8px;
    padding: 14px 16px;
}

.audit-event__action {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--text);
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.5;
}

.audit-empty {
    min-height: 220px;
}

.audit-pagination > div {
    display: flex;
    gap: 8px;
}

@media (max-width: 1279px) {
    .kpi-grid.audit-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audit-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audit-filter--search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1279px) {
    .kpi-grid.audit-summary,
    .audit-filters {
        grid-template-columns: 1fr;
    }

    .audit-filter--search {
        grid-column: auto;
    }

    .audit-filter-actions,
    .audit-filter-actions .button {
        width: 100%;
    }

    .audit-list,
    .audit-filters {
        padding: 14px;
    }

}

/* Staff workspace: WB article mapping for 1C. */
.one-c-report {
    display: grid;
    gap: 20px;
}

.one-c-report__hero {
    display: grid;
    align-items: stretch;
    gap: 20px;
    padding: 8px 4px 0;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);
}

.one-c-report__panel {
    display: grid;
    gap: 24px;
    padding: 28px;
}

.one-c-report__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.one-c-report__heading > div {
    display: grid;
    max-width: 720px;
    gap: 7px;
}

.one-c-report__heading p:last-child,
.one-c-report__upload > div > p:last-child,
.one-c-report__result > div > p:last-child {
    color: var(--muted);
}

.one-c-report__steps {
    display: grid;
    margin: 0;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    counter-reset: report-step;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    overflow: hidden;
}

.one-c-report__steps li {
    display: grid;
    min-width: 0;
    gap: 6px;
    padding: 20px 20px 20px 64px;
    position: relative;
    counter-increment: report-step;
}

.one-c-report__steps li + li {
    border-left: 1px solid var(--border);
}

.one-c-report__steps li::before {
    position: absolute;
    top: 18px;
    left: 18px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgb(var(--accent-rgb) / 32%);
    border-radius: 10px;
    background: rgb(var(--accent-rgb) / 8%);
    color: var(--accent);
    content: counter(report-step);
    font-weight: 850;
}

.one-c-report__steps span {
    color: var(--muted);
    font-size: 0.88rem;
}

.one-c-report__workspace {
    display: grid;
    gap: 16px;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.one-c-report__form {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.one-c-report__upload,
.one-c-report__result {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.one-c-report__upload > div,
.one-c-report__result > div:first-child {
    display: grid;
    gap: 6px;
}

.one-c-report__upload label {
    color: var(--text);
    font-size: 0.82rem;
    font-weight: 800;
}

.one-c-report__upload input[type="file"] {
    width: 100%;
    max-width: 100%;
}

.one-c-report__upload .button {
    align-self: flex-start;
    max-width: 100%;
    white-space: normal;
}

.one-c-report__notice {
    margin: 0;
    color: var(--warning);
    font-size: 0.84rem;
}

.one-c-report__result .table-wrap {
    margin-top: 4px;
}

.one-c-report__result table {
    min-width: 520px;
}

.one-c-report__summary {
    display: grid;
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid var(--border);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.one-c-report__summary > div {
    display: grid;
    gap: 5px;
    padding: 0 20px;
}

.one-c-report__summary > div:first-child {
    padding-left: 0;
}

.one-c-report__summary > div + div {
    border-left: 1px solid var(--border);
}

.one-c-report__summary dt {
    color: var(--muted);
    font-size: 0.75rem;
    font-weight: 750;
}

.one-c-report__summary dd {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 850;
}

@media (max-width: 1279px) {
    .one-c-report__hero,
    .one-c-report__steps,
    .one-c-report__workspace {
        grid-template-columns: 1fr;
    }

    .one-c-report__steps li + li {
        border-top: 1px solid var(--border);
        border-left: 0;
    }
}

@media (max-width: 1279px) {
    .one-c-report__heading {
        align-items: stretch;
        flex-direction: column;
    }

    .one-c-report__heading .button {
        width: 100%;
    }

    .one-c-report__summary {
        grid-template-columns: 1fr;
    }

    .one-c-report__summary > div {
        padding: 12px 0;
    }

    .one-c-report__summary > div + div {
        border-top: 1px solid var(--border);
        border-left: 0;
    }
}

.necromancy-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-strong);
    color: var(--text);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.necromancy-toggle__track {
    position: relative;
    width: 46px;
    height: 24px;
    flex: 0 0 46px;
    border-radius: 999px;
    background: #4f5549;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 18%);
    transition: background 160ms ease;
}

.necromancy-toggle__thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 35%);
    transition: transform 160ms ease;
}

.necromancy-toggle.is-on .necromancy-toggle__track {
    background: var(--accent);
}

.necromancy-toggle.is-on .necromancy-toggle__thumb {
    transform: translateX(22px);
}

.necromancy-toggle:hover,
.necromancy-toggle:focus-visible {
    border-color: var(--accent);
    outline: none;
}

.necromancy-toggle:disabled {
    opacity: 0.62;
    cursor: not-allowed;
}

.necromancy-toggle:disabled:hover {
    border-color: var(--border);
}

.team-settings {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.team-settings .panel {
    margin: 0;
}

.team-settings__create > summary {
    cursor: pointer;
    list-style: none;
}

.team-settings .team-form {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}

.team-settings .team-form label {
    font-size: 13px;
    letter-spacing: normal;
    text-transform: none;
    overflow-wrap: anywhere;
}

.settings-fieldset {
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 18px;
}

.settings-fieldset legend {
    padding: 0 7px;
    color: var(--muted);
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-checkgrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.settings-check {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.015);
    color: var(--text);
}

.settings-check input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--accent);
}

.team-access {
    padding: 4px 0 16px;
    border-color: var(--border-strong);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.012);
}

.team-access legend {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 10px;
    color: var(--text);
}

.team-access__number {
    color: var(--accent);
    font-size: 0.67rem;
    letter-spacing: 0.06em;
}

.team-access__intro {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 3px 16px 0;
    padding: 10px 0 13px;
    border-bottom: 1px solid var(--border);
}

.team-access__intro p,
.team-access__intro span,
.team-access__hint {
    margin: 0;
    color: var(--muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.team-access__intro span {
    flex: 0 0 auto;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.team-access__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 14px 16px 0;
}

.team-store-access-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
    padding: 14px 16px 0;
}

.team-store-access {
    min-width: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    transition:
        border-color 150ms ease,
        background 150ms ease;
}

.team-store-access:has(> .team-store-access__head input:checked) {
    grid-column: 1 / -1;
    border-color: var(--border-strong);
    background: rgba(255, 255, 255, 0.018);
}

.team-store-access__sections {
    display: none;
    padding: 0 12px 12px;
}

.team-store-access:has(> .team-store-access__head input:checked)
    > .team-store-access__sections {
    display: block;
}

.settings-form
    .team-store-access:has(> .team-store-access__head input:checked)
    > .team-store-access__head {
    border-color: transparent;
    border-bottom-color: var(--border);
    border-radius: 9px 9px 0 0;
    box-shadow: inset 3px 0 0 var(--accent);
}

.team-store-access__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 2px 0;
    cursor: pointer;
}

.team-store-access__section-head strong {
    color: var(--muted);
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.team-store-access__section-head span {
    display: grid;
    min-width: 24px;
    height: 24px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 800;
    padding-inline: 5px;
    white-space: nowrap;
}

.team-store-access__sections .team-access__grid {
    padding: 10px 0 0;
}

.team-store-access__sections .team-access__hint {
    padding: 9px 2px 0;
}

.settings-form .team-access-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    gap: 14px;
    min-height: 60px;
    padding: 10px 12px 10px 14px;
    border-color: var(--border);
    border-radius: 8px;
    background: var(--surface-raised);
    color: var(--text);
    cursor: pointer;
    font-size: 0.82rem;
    letter-spacing: normal;
    text-transform: none;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease;
}

.settings-form .team-access-option:hover {
    border-color: var(--border-strong);
    background: rgba(255, 255, 255, 0.035);
}

.settings-form .team-access-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--accent) 56%, transparent);
    background: color-mix(in srgb, var(--accent) 6%, transparent);
    box-shadow: inset 3px 0 0 var(--accent);
}

.team-access-option__copy {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
}

.team-access-option__marketplace {
    align-self: stretch;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--border);
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.team-access-option__copy strong {
    min-width: 0;
    padding-left: 12px;
    color: var(--text);
    font-size: 0.84rem;
    font-weight: 750;
    white-space: normal;
    overflow-wrap: anywhere;
}

.team-access-option__section {
    color: var(--text);
    font-weight: 750;
    line-height: 1.3;
}

.settings-form .team-access-option input[type="checkbox"] {
    align-self: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
}

.team-access__hint {
    padding: 10px 16px 0;
}

.team-member-list {
    display: grid;
    gap: 10px;
    padding: 20px 24px 24px;
}

.team-member-card {
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.012);
}

.team-member-card > summary,
.team-member-card--owner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
}

.team-member-card > summary {
    cursor: pointer;
    list-style: none;
}

.team-member-card > summary::-webkit-details-marker {
    display: none;
}

.team-member-card strong,
.team-member-card small {
    display: block;
}

.team-member-card small {
    margin-top: 3px;
    color: var(--muted);
}

.team-member-card .settings-form {
    margin: 0 14px 14px;
    border-top: 1px solid var(--border);
}

.team-member-card__danger {
    display: flex;
    justify-content: flex-end;
    padding: 0 14px 14px;
}

.button-danger,
.connections-catalog .connection-card__delete .button-danger {
    border-color: rgba(255, 122, 96, 0.35);
    background: rgba(255, 122, 96, 0.08);
    color: #ffb2a4;
}

.settings-form > div {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.settings-form label {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-form input,
.settings-form select {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    background: var(--surface-raised);
    color: var(--text);
}

.settings-form input:focus,
.settings-form select:focus {
    border-color: var(--accent);
    outline: 2px solid rgba(205, 255, 67, 0.16);
}

.settings-form__wide,
.settings-form__actions {
    grid-column: 1 / -1;
}

.settings-form__wide > span {
    color: var(--muted);
    font-size: 0.8rem;
}

.settings-form__actions {
    justify-items: start;
}

[data-store-source-fields],
[data-source-fields] {
    display: none !important;
}

[data-store-onboarding]:has([data-store-source] option[value="onec"]:checked)
    [data-store-source-fields="onec"],
[data-store-onboarding]:has([data-store-source] option[value="excel_file"]:checked)
    [data-store-source-fields="excel_file"],
[data-store-onboarding]:has([data-store-source] option[value="excel_url"]:checked)
    [data-store-source-fields="excel_url"],
[data-store-source-form]:has([data-source-kind] option[value="onec"]:checked)
    [data-source-fields="onec"],
[data-store-source-form]:has([data-source-kind] option[value="excel_file"]:checked)
    [data-source-fields="excel_file"],
[data-store-source-form]:has([data-source-kind] option[value="excel_url"]:checked)
    [data-source-fields="excel_url"] {
    display: grid !important;
}

.packaging-form {
    grid-template-columns: minmax(240px, 380px) auto;
    align-items: end;
}

.packaging-form .settings-form__actions {
    grid-column: auto;
}

.field-help {
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.cabinet-login-action {
    display: flex;
    align-items: center;
}

.cabinet-login-dialog {
    width: min(520px, calc(100vw - 32px));
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-lg);
    background: var(--surface-raised);
    box-shadow: 0 28px 90px rgb(0 0 0 / 65%);
    color: var(--text);
    padding: 24px;
}

#wb-cabinet-login {
    --cabinet-login-brand: var(--accent);
    --cabinet-login-brand-rgb: 205 255 67;
}

#ozon-cabinet-login {
    --cabinet-login-brand: var(--ozon);
    --cabinet-login-brand-rgb: 40 120 255;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) {
    width: min(560px, calc(100vw - 32px));
    padding: 32px;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__head > div {
    display: grid;
    gap: 5px;
    padding-right: 20px;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__status {
    margin-top: 26px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgb(255 255 255 / 2%);
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__form {
    display: grid;
    gap: 22px;
    margin-top: 24px;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__form > div,
:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__form > .button {
    margin-top: 0;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__actions {
    margin-top: 26px;
}

:is(#wb-cabinet-login, #ozon-cabinet-login) .security-note {
    margin: 26px 0 0;
    padding: 15px 16px;
    line-height: 1.55;
}

:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done[open] {
    display: grid;
    min-height: 280px;
    place-items: center;
    overflow: hidden;
    border-color: rgb(var(--cabinet-login-brand-rgb) / 45%);
    background:
        radial-gradient(circle at 50% 50%, rgb(var(--cabinet-login-brand-rgb) / 12%), transparent 58%),
        var(--surface-raised);
    box-shadow:
        0 28px 90px rgb(0 0 0 / 65%),
        inset 0 0 70px rgb(var(--cabinet-login-brand-rgb) / 4%);
}

:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done .cabinet-login-dialog__head,
:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done .cabinet-login-dialog__form,
:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done .cabinet-login-dialog__actions,
:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done .security-note {
    display: none;
}

:is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done .cabinet-login-dialog__status {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cabinet-login-brand);
    font-size: clamp(3rem, 10vw, 4.75rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 36px rgb(var(--cabinet-login-brand-rgb) / 22%);
}

@media (max-width: 560px) {
    :is(#wb-cabinet-login, #ozon-cabinet-login) {
        padding: 24px 20px;
    }

    :is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__form > .button,
    :is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__actions .button {
        width: 100%;
    }

    :is(#wb-cabinet-login, #ozon-cabinet-login) .cabinet-login-dialog__actions {
        align-items: stretch;
        flex-direction: column;
    }

    :is(#wb-cabinet-login, #ozon-cabinet-login).cabinet-login-dialog--done[open] {
        min-height: 230px;
    }
}

.cabinet-login-dialog::backdrop {
    background: rgb(0 0 0 / 72%);
    backdrop-filter: blur(4px);
}

.cabinet-login-dialog__head,
.cabinet-login-dialog__actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cabinet-login-dialog__head h2,
.cabinet-login-dialog__head p,
.cabinet-login-dialog__status {
    margin: 0;
}

.cabinet-login-dialog__status {
    margin-top: 20px;
    color: var(--muted);
    line-height: 1.5;
}

.cabinet-login-dialog__form > div {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.cabinet-login-dialog__form label {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cabinet-login-dialog__form input {
    min-height: 50px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    color: var(--text);
    padding: 0 14px;
}

.cabinet-login-dialog__form input:focus {
    border-color: var(--accent);
    outline: 2px solid rgb(205 255 67 / 16%);
}

.cabinet-login-dialog__form > .button {
    margin-top: 18px;
}

.cabinet-login-dialog__form small {
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.cabinet-login-dialog__actions {
    justify-content: flex-end;
    margin-top: 18px;
}

.security-note {
    grid-column: 1 / -1;
    padding: 11px 12px;
    border: 1px solid var(--accent-border);
    border-radius: var(--radius-sm);
    background: var(--accent-soft);
    color: var(--muted);
    font-size: 0.76rem;
}

.empty-state {
    display: grid;
    gap: 6px;
    padding: 50px 24px;
}

.empty-state strong {
    font-size: 1.15rem;
}

.panel-note {
    padding: 0 18px 18px;
    color: var(--muted);
    font-size: 0.78rem;
}

.login-page {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 24px;
}

.login-shell {
    display: grid;
    width: min(100%, 1120px);
    min-height: 680px;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.72fr);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 30px;
    background: var(--surface);
    box-shadow: 0 36px 110px rgb(0 0 0 / 45%);
}

.login-intro {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 42px;
    overflow: hidden;
    padding: 48px;
    background:
        radial-gradient(circle at 75% 10%, rgb(var(--accent-rgb) / 15%), transparent 20rem),
        linear-gradient(145deg, rgb(var(--accent-rgb) / 4%), transparent 58%),
        #0c100b;
}

.login-intro::after {
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 320px;
    height: 320px;
    border: 1px solid rgb(var(--accent-rgb) / 12%);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 46px rgb(var(--accent-rgb) / 2%);
}

.login-intro > * {
    position: relative;
    z-index: 1;
}

.login-intro h1 {
    margin-top: 14px;
    font-size: 3rem;
}

.login-intro p:not(.eyebrow) {
    max-width: 560px;
    margin-top: 18px;
    color: var(--muted);
    font-size: 1rem;
}

.login-features {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.login-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgb(255 255 255 / 2%);
}

.login-features li > span {
    color: var(--accent);
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 0.72rem;
}

.login-features strong {
    font-size: 0.82rem;
}

.login-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    padding: 48px;
    border-left: 1px solid var(--border);
    background: linear-gradient(180deg, rgb(255 255 255 / 2%), transparent), var(--surface);
}

.login-card__head {
    display: grid;
    gap: 10px;
}

.login-card h2 {
    font-size: 2rem;
}

.login-form {
    display: grid;
    gap: 16px;
}

.login-form label {
    display: grid;
    gap: 7px;
}

.login-form label > span {
    color: var(--muted);
    font-size: 0.77rem;
    font-weight: 800;
}

.login-form input {
    min-height: 50px;
    padding-right: 14px;
}

.login-form input::placeholder {
    color: var(--dim);
}

.login-form .button {
    min-height: 50px;
    margin-top: 4px;
}

.form-error {
    padding: 11px 13px;
    border: 1px solid rgb(255 127 114 / 25%);
    border-radius: 12px;
    background: rgb(255 127 114 / 9%);
    color: #ffd0cb;
    font-size: 0.8rem;
}

.login-card__foot {
    color: var(--dim);
    font-size: 0.74rem;
    text-align: center;
}

@media (max-width: 1279px) {
    .sidebar {
        width: min(310px, calc(100vw - 40px));
        transform: translateX(calc(-100% - 24px));
        transition: transform 180ms ease;
    }

    .workspace {
        margin-left: 0;
        padding-left: 14px;
    }

    .menu-button {
        display: inline-flex;
    }

    .topbar__section,
    .topbar__divider,
    .account-chip__email {
        display: none;
    }

    .nav-toggle:checked ~ .sidebar {
        transform: translateX(0);
    }

    .nav-scrim {
        position: fixed;
        inset: 0;
        z-index: 35;
        display: block;
        visibility: hidden;
        background: rgb(0 0 0 / 66%);
        opacity: 0;
        transition: 180ms ease;
    }

    .nav-toggle:checked ~ .nav-scrim {
        visibility: visible;
        opacity: 1;
    }

    .kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-bar {
        grid-template-columns: 1fr 1fr;
    }

    .page-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .page-hero__context {
        min-height: 120px;
    }

    .connection-card__body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .login-shell {
        max-width: 620px;
        grid-template-columns: 1fr;
    }

    .login-intro {
        min-height: 460px;
    }

    .login-card {
        border-top: 1px solid var(--border);
        border-left: 0;
    }

    .workspace-split {
        grid-template-columns: 1fr;
    }

    .selection-panel {
        position: static;
        max-height: none;
        overflow: visible;
        overscroll-behavior: auto;
        scrollbar-gutter: auto;
    }

    .overview-selection.is-mobile-inline {
        width: 100%;
        margin-top: -3px;
        border-color: var(--accent-border);
        border-radius: 14px;
        box-shadow: inset 3px 0 0 var(--accent), 0 10px 24px rgb(0 0 0 / 16%);
        animation: mobile-selection-reveal 180ms ease-out both;
    }

    .products-workspace-head {
        grid-template-columns: 1fr auto;
    }

    .products-workspace-head__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .workspace-policy-editor {
        grid-template-columns: 1fr;
    }

    .workspace-policy-editor__fields {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .basket-tools__heading {
        align-items: flex-start;
    }

    .basket-tools__aside {
        width: 100%;
        justify-content: space-between;
    }

    .workspace-control {
        grid-template-columns: 1fr;
    }

    .workspace-filters {
        justify-content: flex-start;
        padding: 0 14px 14px;
    }
}

@media (max-width: 1279px) {
    .topbar {
        flex-wrap: wrap;
    }

    .topbar__left {
        width: 100%;
        flex-wrap: wrap;
    }

    .topbar-store {
        flex: 1 1 145px;
    }

    .topbar-store select,
    .topbar-tenant select {
        width: 0;
        min-width: 0;
        flex: 1 1 0;
    }

    .topbar__right {
        margin-left: auto;
    }

    .topbar--access-suspended {
        flex-wrap: nowrap;
    }

    .topbar--access-suspended .topbar__left {
        width: auto;
        flex: 0 0 auto;
        flex-wrap: nowrap;
    }

    body {
        font-size: 14px;
    }

    h1 {
        font-size: 1.75rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    .kpi-card strong {
        font-size: 1.5rem;
    }

    .selection-panel__head h2 {
        font-size: 1.2rem;
    }

    .login-intro h1 {
        font-size: 2.25rem;
    }

    .finance-result__value {
        font-size: 2rem;
    }

    .workspace {
        padding: 8px 8px 30px;
    }

    .topbar {
        top: 8px;
        min-height: 58px;
        margin-bottom: 10px;
        padding: 7px;
        border-radius: 17px;
    }

    .health-pill {
        display: none;
    }

    .account-chip {
        min-height: 42px;
        padding: 5px;
    }

    .market-context__item {
        min-width: 42px;
    }

    .topbar-store {
        flex: 1 1 auto;
    }

    .topbar-store select {
        width: 100%;
        min-width: 0;
        max-width: 150px;
    }

    .page-shell {
        gap: 12px;
    }

    .workspace-command {
        align-items: stretch;
        flex-direction: column;
    }

    .workspace-tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }

    .workspace-command__actions .button {
        flex: 1 1 auto;
    }

    .products-workspace-head {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 14px;
    }

    .products-workspace-head__title > p:last-of-type {
        white-space: normal;
    }

    .products-workspace-head__actions {
        grid-column: auto;
    }

    .products-workspace-head__actions .button {
        flex: 1 1 auto;
    }

    .workspace-policy-editor {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .workspace-policy-editor__fields {
        grid-column: 1;
        grid-row: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-policy-editor label {
        grid-template-areas:
            "title"
            "hint"
            "input";
        grid-template-columns: 1fr;
        align-items: start;
        gap: 2px;
        padding: 10px;
    }

    .workspace-policy-editor label:nth-child(odd) {
        border-left: 0;
    }

    .workspace-policy-editor label:nth-child(n + 3) {
        border-top: 1px solid var(--border);
    }

    .workspace-policy-editor__input {
        width: 100%;
        margin-top: 5px;
    }

    .workspace-policy-editor__actions.is-calculated {
        grid-template-columns: 1fr;
    }

    .basket-tools__aside {
        display: grid;
        grid-template-columns: 1fr;
    }

    .basket-tools__count {
        width: 100%;
    }

    .basket-tools__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .basket-tools__actions form,
    .basket-tools__actions .button {
        width: 100%;
    }

    .overview-control .catalog-search__query,
    .overview-control .catalog-search__tag {
        width: 100%;
        min-width: 0;
        flex-basis: auto;
    }

    .summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .summary-stat {
        border-bottom: 1px solid var(--border);
    }

    .workspace-filters {
        padding: 0 14px 14px;
    }

    .table-wrap:has(.workspace-table) {
        overflow-x: visible;
    }

    .workspace-table {
        display: block;
        min-width: 0;
    }

    .workspace-table thead {
        display: none;
    }

    .workspace-table tbody {
        display: grid;
        gap: 7px;
        padding: 10px;
    }

    .workspace-table tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        padding: 8px;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: var(--surface-raised);
    }

    .workspace-table td,
    .workspace-table td:first-child {
        display: grid;
        min-width: 0;
        align-content: center;
        gap: 4px;
        padding: 8px 9px;
        border: 1px solid var(--border);
        border-radius: 11px;
        background: var(--bg-soft);
        text-align: left;
        white-space: normal;
    }

    .workspace-table td:first-child,
    .workspace-table td.empty {
        grid-column: 1 / -1;
    }

    .workspace-table td::before {
        color: var(--muted);
        font-size: 0.62rem;
        font-weight: 650;
    }

    .price-table td:nth-child(2)::before {
        content: "Состояние";
    }

    .price-table td:nth-child(3)::before {
        content: "Текущая";
    }

    .price-table td:nth-child(4)::before {
        content: "Целевая";
    }

    .price-table td:nth-child(5)::before {
        content: "Нижняя";
    }

    .promotion-table td:nth-child(2)::before {
        content: "Акция";
    }

    .promotion-table td:nth-child(3)::before {
        content: "Цена акции";
    }

    .promotion-table td:nth-child(4)::before {
        content: "Прибыль";
    }

    .promotion-table td:nth-child(5)::before {
        content: "Завершение";
    }

    .workspace-table td.empty::before {
        content: none;
    }

    .overview-product-row,
    .overview-product-list.is-ozon .overview-product-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-product-identity {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 6px 8px;
    }

    .overview-product-identity > strong {
        grid-column: 1 / -1;
        white-space: normal;
    }

    .overview-product-identity > .cell-subtitle,
    .overview-product-identity > .overview-row-status {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .overview-product-identity > .cell-subtitle {
        white-space: normal;
    }

    .overview-product-identity > .overview-row-status {
        justify-self: end;
    }

    .overview-product-row .overview-metric--updated {
        display: grid;
    }

    .page-hero {
        gap: 18px;
        padding: 22px 18px 18px;
        border-radius: var(--radius-lg);
    }

    .page-hero__context {
        min-height: 105px;
        padding: 16px;
    }

    .control-bar,
    .control-bar--two,
    .catalog-search {
        align-items: stretch;
        flex-direction: column;
    }

    .catalog-search {
        padding: 14px 18px;
    }

    .catalog-search label,
    .catalog-search .button {
        width: 100%;
    }

    .control-field,
    .control-field--short {
        width: 100%;
        min-width: 0;
    }

    .kpi-grid,
    .kpi-grid--summary {
        grid-template-columns: 1fr;
    }

    .kpi-card {
        min-height: 122px;
    }

    .panel {
        border-radius: var(--radius-lg);
    }

    .panel-heading {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
    }

    .new-products-setup__body {
        padding: 18px;
    }

    .new-products-setup__form {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .new-products-setup__price,
    .new-products-setup__price input,
    .new-products-setup__form .button {
        width: 100%;
    }

    .new-products-setup__confirm {
        max-width: none;
    }

    .artifact-grid,
    .filter-bar {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .planning-build-form {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .planning-build-form label {
        grid-column: auto;
    }

    .planning-build-form .button {
        width: 100%;
    }

    .planning-kpis {
        margin: 14px;
    }

    .necromancy-policy-actions {
        width: 100%;
        min-width: 0;
    }

    .necromancy-policy-rate-form {
        grid-template-columns: 1fr;
    }

    .necromancy-policy-rate-form .button,
    .necromancy-policy-disable-form,
    .necromancy-policy-disable-form .button {
        width: 100%;
    }

    .necromancy-policy-rate-hint {
        grid-column: auto;
    }

    .status-filters {
        width: 100%;
        justify-content: flex-start;
    }

    .sync-action-grid {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .full-sync-action {
        align-items: stretch;
        flex-direction: column;
        margin: 10px 10px 0;
        padding: 16px;
    }

    .full-sync-action__button {
        width: 100%;
    }

    .auto-full-sync-action {
        grid-template-columns: 1fr;
        margin: 10px;
        padding: 16px;
    }

    .auto-full-sync-action__controls {
        align-items: stretch;
        flex-direction: column;
    }

    .auto-full-sync-action .necromancy-toggle,
    .auto-full-sync-action__save {
        width: 100%;
        justify-content: center;
    }

    .sync-action {
        align-items: stretch;
        flex-direction: column;
    }

    .sync-action__button {
        width: 100%;
    }

    .pagination {
        justify-content: stretch;
        padding: 14px;
    }

    .pagination .button {
        width: 100%;
    }

    .workspace-pagination {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
    }

    .workspace-pagination .button {
        min-width: 0;
        padding-inline: 8px;
        gap: 6px;
        font-size: 0.8rem;
        white-space: nowrap;
    }

    .workspace-pagination__status {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
    }

    .workspace-pagination__previous,
    .workspace-pagination__spacer {
        grid-column: 1;
        grid-row: 2;
    }

    .workspace-pagination__next,
    .workspace-pagination__end {
        grid-column: 2;
        grid-row: 2;
    }

    .connection-groups {
        padding: 10px;
    }

    .connection-card > summary {
        grid-template-columns: 1fr 18px;
    }

    .connection-card__badges {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .connection-card__chevron {
        grid-column: 2;
        grid-row: 1;
    }

    .connection-card__body {
        grid-template-columns: 1fr;
    }

    .settings-form {
        grid-template-columns: 1fr;
    }

    .team-access__grid {
        grid-template-columns: 1fr;
    }

    .team-store-access-list {
        grid-template-columns: 1fr;
    }

    .team-access__intro {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .metric-row {
        grid-template-columns: 1fr;
    }

    .login-page {
        padding: 10px;
    }

    .login-shell {
        min-height: 0;
        border-radius: 22px;
    }

    .login-intro {
        min-height: 400px;
        padding: 30px 24px;
    }

    .login-card {
        padding: 34px 24px;
    }
}

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

    .overview-selection.is-mobile-inline {
        animation: none;
    }
}

/* Financial register: all numeric outputs are server-side, the browser only lays them out. */
.finance-filter {
    margin-bottom: 18px;
}

.filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    padding: 0 20px 20px;
}

.filter-row label {
    display: grid;
    gap: 6px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.filter-row select,
.filter-row input {
    min-height: 40px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface-raised);
    color: var(--text);
    padding: 0 10px;
    font: inherit;
}

.finance-disclosure {
    margin: 0 0 18px;
    border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--accent) 8%, var(--surface));
    color: var(--text-muted);
    line-height: 1.55;
    padding: 14px 18px;
}

.finance-disclosure strong {
    color: var(--text);
}

.finance-data-status {
    border-left: 3px solid var(--warning);
    color: var(--muted);
    margin: -6px 0 18px;
    padding: 4px 0 4px 12px;
}

.finance-data-status--ready {
    border-color: var(--success);
}

.finance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0;
}

.metric-row small {
    display: block;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.35;
    margin-top: 5px;
}

@media (max-width: 1279px) {
    .finance-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1279px) {
    .filter-row {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-row .button {
        width: 100%;
    }
}

/* WB finance uses the site's palette; emphasis follows the money, not the number of cards. */
.wb-finance-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 0 20px;
}
.wb-finance-header h1 {
    margin: 0;
    font-size: 30px;
}

.wb-finance-header p,
.wb-finance-header__period span {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.wb-finance-header__period {
    text-align: right;
}

.wb-finance-header__period span {
    display: block;
}

.wb-finance-filter .panel-heading {
    padding: 12px 20px 6px;
    background: none;
    border-bottom: 0;
}

.wb-finance-filter h2 {
    font-size: 15px;
}

.wb-finance-filter {
    box-shadow: none;
}

.wb-finance-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}
.wb-finance-nav > a {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.wb-finance-nav > a:first-child {
    color: var(--accent);
    background: var(--accent-soft);
    border-color: var(--accent-border);
}

.wb-finance-nav > a:hover {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--surface-raised);
}

.wb-finance-coverage {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--muted);
    font-size: 12px;
}

.wb-finance-coverage::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success);
}

.wb-finance-coverage.is-incomplete::before {
    background: var(--warning);
}

.wb-finance-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 12px 0;
    padding: 16px 20px;
    border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--warning) 5%, var(--surface));
    font-size: 13px;
}
.wb-finance-alert strong {
    color: var(--warning);
}

.wb-finance-alert p {
    margin: 5px 0 0;
    color: var(--muted);
}

.wb-finance-alert > a {
    flex-shrink: 0;
    color: var(--warning);
    text-underline-offset: 3px;
}

.wb-finance-profit {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    padding: 30px 32px;
    margin-bottom: 20px;
    border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border));
    border-radius: var(--radius-xl);
    background: radial-gradient(ellipse at 0% 0%, var(--accent-soft), transparent 72%), var(--surface);
}
.wb-finance-profit__main {
    min-width: 0;
}

.wb-finance-profit .eyebrow {
    margin: 0 0 10px;
    color: var(--accent);
    font-size: 10px;
}

.wb-finance-profit h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
}

.wb-finance-profit__value {
    display: block;
    margin: 12px 0 8px;
    color: var(--text-strong);
    font-size: clamp(32px, 3.7vw, 58px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.045em;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.wb-finance-profit__value > span {
    font-size: 0.65em;
    color: var(--muted);
}

.wb-finance-profit__caption {
    margin: 0;
    max-width: 48ch;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.6;
}

.wb-finance-profit__empty {
    display: block;
    margin: 16px 0 10px;
    font-size: 27px;
    line-height: 1.25;
}

.wb-finance-profit__comparison {
    padding-left: 28px;
    border-left: 1px solid var(--border-strong);
}

.wb-finance-profit__comparison h3 {
    margin: 0 0 7px;
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
}

.wb-finance-profit__before {
    display: block;
    font-size: clamp(23px, 2.1vw, 32px);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
}

.wb-finance-taxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0 0;
}

.wb-finance-taxes dt {
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 5px;
}

.wb-finance-taxes dd {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wb-finance-profit__comparison > p {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}

.wb-finance-profit.is-loss {
    border-color: color-mix(in srgb, var(--danger) 40%, var(--border));
    background: color-mix(in srgb, var(--danger) 5%, var(--surface));
}

.wb-finance-profit.is-loss .wb-finance-profit__value {
    color: var(--danger);
}

.wb-finance-profit.is-loss .eyebrow {
    color: var(--danger);
}

.wb-finance-profit.is-pending {
    border-color: color-mix(in srgb, var(--warning) 45%, var(--border));
    background: color-mix(in srgb, var(--warning) 4%, var(--surface));
}

.wb-finance-profit.is-pending .eyebrow {
    color: var(--warning);
}

.wb-finance-breakdown {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 20px;
    margin-bottom: 16px;
}

.wb-finance-breakdown > .panel {
    min-width: 0;
    margin: 0;
    box-shadow: none;
}

.wb-finance-breakdown .panel-heading {
    padding: 22px 24px 14px;
    border-bottom: 0;
    background: none;
}

.wb-finance-breakdown h2 {
    font-size: 19px;
    line-height: 1.3;
}

.wb-finance-breakdown .hint {
    font-size: 12px;
}

.wb-finance-lines {
    margin: 0;
    padding: 0 24px 16px;
}

.wb-finance-lines > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 0;
    font-size: 13px;
}

.wb-finance-lines dd {
    margin: 0;
    white-space: nowrap;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.wb-finance-lines small {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}

.wb-finance-lines small > a {
    color: inherit;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}

.wb-finance-lines small > a:hover {
    color: var(--accent);
}

.wb-finance-lines .is-subtotal {
    padding: 12px 0;
    border-top: 1px solid var(--border);
    color: var(--muted);
}

.wb-finance-lines .is-subtotal dd {
    font-weight: 500;
}

.wb-finance-lines .is-total {
    margin-top: 6px;
    border-top: 1px solid var(--border-strong);
    font-weight: 800;
    font-size: 14px;
}

.wb-finance-purchase dd {
    color: var(--warm);
}

.wb-finance-calculation__note {
    padding: 0 24px 22px;
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}

.wb-finance-bars {
    list-style: none;
    margin: 0;
    padding: 4px 24px 0;
}

.wb-finance-bar {
    padding: 10px 0;
}

.wb-finance-bar__label {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    font-size: 12px;
}

.wb-finance-bar__label strong {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.wb-finance-bar__track {
    margin-top: 9px;
    height: 5px;
    background: var(--surface-raised);
    border-radius: 99px;
    overflow: hidden;
}

.wb-finance-bar__track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: color-mix(in srgb, var(--warm) 65%, var(--surface));
}

.wb-finance-bar:first-child .wb-finance-bar__track > span {
    background: var(--warm);
}

.wb-finance-bar.is-credit {
    margin-top: 9px;
    padding: 13px 14px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--success) 6%, var(--surface));
}

.wb-finance-bar.is-credit strong {
    color: var(--success);
}

.wb-finance-bar.is-credit small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: var(--muted);
}

.wb-finance-bars__empty {
    padding: 16px 0;
    color: var(--muted);
    font-size: 13px;
}

.wb-finance-expenses__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 24px 0;
    padding: 17px 0;
    border-top: 1px solid var(--border-strong);
    font-size: 12px;
}

.wb-finance-expenses__total strong {
    white-space: nowrap;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
}

.wb-finance-included {
    margin: 0 24px 22px;
    border-top: 1px solid var(--border);
}

.wb-finance-disclosure > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    list-style: none;
    cursor: pointer;
}

.wb-finance-disclosure > summary::-webkit-details-marker {
    display: none;
}

.wb-finance-included > summary {
    padding: 14px 0 0;
    font-size: 12px;
}

.wb-finance-included small {
    display: block;
    color: var(--muted);
    font-size: 10px;
    margin-top: 4px;
}

.wb-finance-included > p {
    margin: 14px 0 0;
    font-size: 11px;
    color: var(--muted);
}

.wb-finance-included .wb-finance-lines {
    padding: 0;
}

.wb-finance-included .wb-finance-lines > div {
    font-size: 11px;
    padding: 10px 0;
}

.wb-finance-chevron {
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid var(--muted);
    border-bottom: 1.5px solid var(--muted);
    transform: rotate(45deg);
    margin: 0 3px 4px;
}

.wb-finance-disclosure[open] > summary .wb-finance-chevron {
    transform: rotate(225deg);
    margin-bottom: 0;
}

.wb-finance-cost-list {
    padding: 0 24px;
}

.connection-action-feedback {
    margin: 8px 0 0;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.connection-action-feedback--error {
    color: var(--danger);
    border-color: var(--danger);
}

.wb-finance-cost-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px 32px;
    padding: 20px 0;
    border-top: 1px solid var(--border);
}

.wb-finance-cost-product {
    min-width: 0;
    flex: 1 1 230px;
    overflow-wrap: anywhere;
}

.wb-finance-cost-product strong, .wb-finance-cost-product span, .wb-finance-cost-product small {
    display: block;
    line-height: 1.5;
}

.wb-finance-cost-product strong {
    font-size: 14px;
}

.wb-finance-cost-product span, .wb-finance-cost-product small {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
}

.wb-finance-cost-form {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
    flex: 0 1 350px;
    min-width: 0;
}

.wb-finance-cost-form label {
    display: grid;
    gap: 8px;
    flex: 1 1 160px;
    min-width: 0;
    font-size: 11px;
    color: var(--muted);
}

.wb-finance-cost-form input {
    width: 100%;
    min-width: 0;
}

.wb-finance-cost-form .button {
    min-height: 40px;
}

.wb-finance-cost-note {
    padding: 0 24px 20px;
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}

.wb-finance-note {
    margin: 8px 0 18px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}

.wb-finance-rules {
    padding: 0 20px 16px;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.6;
}

#wb-finance-result, #wb-finance-expenses, #ozon-finance-result, #ozon-finance-expenses, #finance-missing, #finance-products-title, #finance-chart {
    scroll-margin-top: 120px;
}

.wb-finance-nav a:focus-visible, .wb-finance-alert a:focus-visible, .wb-finance-disclosure summary:focus-visible, .wb-finance-products .table-wrap:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.finance-products.wb-finance-products .panel-heading {
    background: none;
}

.finance-products.wb-finance-products h2 {
    font-size: 20px;
}

.wb-finance-products > summary strong {
    font-size: 20px;
}

.finance-products.wb-finance-products > summary.panel-heading {
    flex-direction: row;
    align-items: center;
}

.wb-finance-products > summary small {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 12px;
}

.finance-component-list--scroll {
    max-height: 480px;
    overflow-y: auto;
}

.finance-component-list--scroll:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.wb-finance-products__count {
    flex-shrink: 0;
    padding: 6px 10px;
    border-radius: 99px;
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: 11px;
}

.finance-products.wb-finance-products .table-wrap {
    max-height: 600px;
}

.finance-products.wb-finance-products table {
    width: 100%;
    min-width: 0;
}

.finance-products.wb-finance-products th {
    font-size: 10px;
    white-space: normal;
    padding: 13px 18px;
}

.finance-products.wb-finance-products td {
    padding: 18px;
    font-size: 12px;
    vertical-align: middle;
}

.finance-products.wb-finance-products td:first-child {
    width: 28%;
    min-width: 180px;
}

.finance-products.wb-finance-products .cell-title {
    font-size: 12px;
    line-height: 1.5;
}

.finance-products.wb-finance-products .cell-subtitle {
    color: var(--muted);
    font-size: 10px;
    margin-top: 5px;
    white-space: normal;
}

.finance-products.wb-finance-products .finance-row--loss td {
    background: transparent;
}

.finance-products.wb-finance-products tr:hover td {
    background: var(--surface-hover);
}

.finance-products.wb-finance-products .finance-row--loss .wb-finance-product-result > strong {
    color: var(--danger);
}

.finance-products.wb-finance-products .wb-finance-product-result > strong {
    font-size: 15px;
    font-variant-numeric: tabular-nums;
}

.wb-finance-product-volume strong {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.wb-finance-product-volume strong > span {
    color: var(--muted);
    font-weight: 400;
}

.wb-finance-product-cost > span {
    display: block;
    margin: 3px 0;
}

.wb-finance-product-cost small {
    color: var(--muted);
    font-size: 10px;
    margin-right: 4px;
}

.wb-finance-product-warning {
    color: var(--warning);
    font-size: 10px;
    white-space: normal;
}

.wb-finance-products__note {
    margin: 0;
    padding: 14px 22px;
    font-size: 11px;
    color: var(--muted);
    border-top: 1px solid var(--border);
    line-height: 1.6;
}


@media (max-width: 1279px) {
    .wb-finance-profit {
        padding: 24px;
        gap: 20px;
    }

    .wb-finance-profit__comparison {
        padding-left: 20px;
    }

    .wb-finance-breakdown {
        gap: 14px;
    }

    .wb-finance-breakdown .panel-heading {
        padding: 20px 18px 12px;
    }

    .wb-finance-breakdown h2 {
        font-size: 17px;
    }

    .wb-finance-lines {
        padding-left: 18px;
        padding-right: 18px;
    }

    .wb-finance-bars {
        padding-left: 18px;
        padding-right: 18px;
    }

    .wb-finance-expenses__total, .wb-finance-included {
        margin-left: 18px;
        margin-right: 18px;
    }

}
@media (max-width: 1279px) {
    .wb-finance-profit {
        grid-template-columns: 1fr;
    }

    .wb-finance-profit__comparison {
        padding: 18px 0 0;
        border-left: 0;
        border-top: 1px solid var(--border-strong);
    }

    .wb-finance-profit__value {
        font-size: 44px;
    }

    .wb-finance-profit__before {
        font-size: 26px;
    }

    .wb-finance-breakdown {
        grid-template-columns: 1fr;
    }

}
@media (max-width: 1279px) {
    .wb-finance-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .wb-finance-header__period {
        text-align: left;
    }

    .wb-finance-header h1 {
        font-size: 26px;
    }

    .wb-finance-nav {
        gap: 7px;
    }

    .wb-finance-nav > a {
        padding: 8px 12px;
    }

    .wb-finance-coverage {
        width: 100%;
        margin: 5px 0 0;
        padding-left: 3px;
        font-size: 11px;
    }

    .wb-finance-alert {
        align-items: flex-start;
        flex-direction: column;
        padding: 14px 16px;
    }

    .wb-finance-profit {
        padding: 22px 20px;
        border-radius: var(--radius-lg);
    }

    .wb-finance-profit__value {
        font-size: clamp(30px, 8.6vw, 44px);
    }

    .wb-finance-profit__empty {
        font-size: 24px;
    }

    .wb-finance-profit__before {
        font-size: 26px;
    }

    .wb-finance-taxes {
        margin-top: 16px;
    }

    .wb-finance-profit__comparison > p {
        font-size: 10px;
    }

    .wb-finance-lines > div {
        gap: 10px;
        font-size: 12px;
    }

    .wb-finance-lines .is-total {
        font-size: 12px;
    }

    .wb-finance-bar__label {
        gap: 10px;
        font-size: 11px;
    }

    .wb-finance-expenses__total strong {
        font-size: 14px;
    }

    .wb-finance-calculation__note {
        padding-left: 18px;
    }

    .finance-products.wb-finance-products .panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 18px;
    }

    .finance-products.wb-finance-products .table-wrap {
        max-height: 740px;
    }

    .finance-products.wb-finance-products thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .finance-products.wb-finance-products tbody {
        display: block;
    }

    .finance-products.wb-finance-products tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding: 18px;
        border-bottom: 1px solid var(--border);
    }

    .finance-products.wb-finance-products td {
        display: block;
        padding: 0;
        border: 0;
        white-space: normal;
        text-align: left;
    }

    .finance-products.wb-finance-products td:first-child {
        width: auto;
        min-width: 0;
        grid-column: 1 / -1;
    }

    .finance-products.wb-finance-products td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 5px;
        color: var(--muted);
        font-size: 10px;
    }

    .finance-products.wb-finance-products .wb-finance-product-volume .cell-subtitle {
        display: none;
    }

    .finance-products.wb-finance-products .wb-finance-product-result {
        align-self: end;
        padding-bottom: 3px;
    }

    .finance-products.wb-finance-products .cell-title {
        font-size: 13px;
    }

    .wb-finance-products__note {
        padding: 14px 18px;
    }

}

.finance-chart {
    margin: 24px 0;
    overflow: hidden;
}

.finance-chart h2 {
    font-size: 21px;
}

.finance-chart__totals {
    display: flex;
    gap: 48px;
    padding: 0 24px 18px;
}

.finance-chart__totals > div {
    display: grid;
    gap: 8px;
}

.finance-chart__totals span {
    color: var(--muted);
    font-size: 12px;
}

.finance-chart__totals strong {
    font-size: 25px;
    font-variant-numeric: tabular-nums;
}

.finance-chart__note, .finance-chart__warning {
    margin: 0;
    padding: 0 24px 16px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--muted);
}

.finance-chart__warning {
    color: var(--warning, #dfb85a);
}

.finance-chart__interactive {
    padding: 0 16px;
}

.finance-chart__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 8px;
    font-size: 12px;
}

.finance-chart__legend span::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-right: 7px;
    background: #89b99d;
    border-radius: 2px;
}

.finance-chart__legend .is-sales::before {
    height: 3px;
    vertical-align: middle;
    background: #d4ba82;
}

.finance-chart__legend .is-loss::before {
    background: #df827a;
}

.finance-chart__scroll {
    overflow-x: auto;
}

.finance-chart__plot {
    display: block;
    width: 100%;
    min-width: 800px;
}

.finance-chart__grid {
    stroke: var(--border);
    stroke-dasharray: 3 5;
}

.finance-chart__zero {
    stroke: var(--muted);
    stroke-width: 1;
}

.finance-chart__axis {
    fill: var(--muted);
    font-size: 13px;
}

.finance-chart__highlight {
    fill: var(--muted);
    opacity: 0.08;
}

.finance-chart__bar {
    fill: #89b99d;
}

.finance-chart__bar.is-estimated {
    opacity: 0.5;
}

.finance-chart__bar.is-loss {
    fill: #df827a;
}

.finance-chart__sales {
    fill: none;
    stroke: #d4ba82;
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.finance-chart__sales-dot {
    fill: #d4ba82;
}

.finance-chart__target {
    fill: transparent;
    cursor: pointer;
}

.finance-chart__selection {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 16px 8px 24px;
}

.finance-chart__selection label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: 12px;
}

.finance-chart__selection select {
    min-height: 44px;
}

.finance-chart__day-values {
    display: flex;
    gap: 36px;
}

.finance-chart__day-values > span {
    display: grid;
    align-content: start;
    gap: 6px;
    color: var(--muted);
    font-size: 12px;
}

.finance-chart__day-values strong {
    font-size: 18px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.finance-chart .is-loss {
    color: #df827a;
}

.finance-chart__daily {
    border-top: 1px solid var(--border);
}

.finance-chart__daily > summary {
    padding: 18px 24px;
    font-size: 13px;
}

.finance-chart__daily .table-wrap {
    max-height: 400px;
}

.finance-chart__daily th, .finance-chart__daily td {
    padding: 12px 24px;
}

.finance-chart__daily small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
}

.finance-chart__scroll:focus-visible, .finance-chart__daily summary:focus-visible {
    outline: 2px solid var(--muted);
    outline-offset: -2px;
}

@media (max-width: 1279px) {
    .finance-chart {
        margin: 18px 0;
    }

    .finance-chart .panel-heading {
        padding: 18px;
    }

    .finance-chart h2 {
        font-size: 19px;
        line-height: 1.35;
    }

    .finance-chart__totals {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 18px 18px;
    }

    .finance-chart__totals strong {
        font-size: 24px;
    }

    .finance-chart__note, .finance-chart__warning {
        padding-right: 18px;
        padding-left: 18px;
    }

    .finance-chart__interactive {
        padding: 0 10px;
    }

    .finance-chart__legend {
        gap: 10px 14px;
        font-size: 11px;
    }

    .finance-chart__selection {
        display: grid;
        gap: 16px;
    }

    .finance-chart__selection label {
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 16px;
    }

    .finance-chart__day-values {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .finance-chart__day-values strong {
        font-size: 16px;
        overflow-wrap: anywhere;
    }

    .finance-chart__daily > summary {
        padding: 18px;
    }

    .finance-chart__daily th, .finance-chart__daily td {
        padding: 12px 10px;
        font-size: 11px;
        white-space: normal;
    }

    .wb-finance-cost-row {
        display: grid;
        gap: 14px;
        padding: 18px;
    }

    .wb-finance-cost-form {
        width: 100%;
    }

    .wb-finance-cost-form .button {
        min-height: 44px;
    }

    .finance-details .table-wrap {
        max-width: 100%;
        overflow-x: auto;
    }

}

.finance-result {
    display: grid;
    grid-template-columns: minmax(260px, 1.3fr) minmax(300px, 1fr);
    gap: 22px;
    align-items: center;
    margin: 0 0 14px;
    padding: 22px;
    border: 1px solid color-mix(in srgb, var(--success) 48%, var(--border));
    border-radius: var(--radius-lg);
    background: linear-gradient(120deg, color-mix(in srgb, var(--success) 12%, var(--surface)), var(--surface));
}

.finance-result.is-loss {
    border-color: color-mix(in srgb, var(--danger) 48%, var(--border));
    background: linear-gradient(120deg, color-mix(in srgb, var(--danger) 12%, var(--surface)), var(--surface));
}

.finance-result.is-pending {
    border-style: dashed;
    border-color: color-mix(in srgb, var(--warning) 58%, var(--border));
}

.finance-result h2,
.finance-products h2 {
    margin: 3px 0 4px;
}

.finance-result p {
    margin: 4px 0 0;
    color: var(--text-muted);
}

.finance-result__note {
    grid-column: 1 / -1;
}

.finance-result__value {
    display: block;
    font-size: 2.5rem;
    letter-spacing: -0.045em;
    line-height: 1.05;
}

.finance-result__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.finance-result__facts > div {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: color-mix(in srgb, var(--surface-raised) 85%, transparent);
}

.finance-result__facts dt {
    color: var(--text-muted);
    font-size: 11px;
}

.finance-result__facts dd {
    margin: 4px 0 0;
    font-weight: 800;
    white-space: nowrap;
}

.finance-process {
    margin-top: 14px;
}

.finance-process__steps {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0 20px 20px;
    list-style: none;
}

.finance-process__steps li {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
    min-height: 118px;
    padding: 13px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-raised);
}

.finance-process__steps li + li {
    position: relative;
}

.finance-process__steps li + li::before {
    position: absolute;
    top: 48px;
    left: -8px;
    color: var(--text-muted);
    content: "→";
    transform: translateX(-50%);
}

.finance-process__steps li.is-result {
    border-color: color-mix(in srgb, var(--accent) 50%, var(--border));
    background: color-mix(in srgb, var(--accent) 9%, var(--surface-raised));
}

.finance-process__steps span {
    color: var(--accent);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.finance-process__steps small {
    min-height: 30px;
    color: var(--text-muted);
    line-height: 1.35;
}

.finance-process__steps strong {
    overflow-wrap: anywhere;
    font-size: 16px;
}

.finance-grid--overview {
    align-items: start;
}

.finance-grid--overview > .panel {
    min-width: 0;
}

.finance-grid--overview .table-wrap,
.finance-component-list {
    max-height: 430px;
    overflow: auto;
}

.finance-grid--overview .table-wrap table {
    min-width: 0;
    table-layout: fixed;
}

.finance-grid--overview .table-wrap th,
.finance-grid--overview .table-wrap td {
    white-space: normal;
    overflow-wrap: anywhere;
}

.finance-component-list {
    display: grid;
    gap: 0;
    padding: 0 20px 20px;
}

.finance-component-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto minmax(110px, auto);
    gap: 12px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid var(--border);
}

.finance-component-row:last-child {
    border-bottom: 0;
}

.finance-component-row div {
    display: grid;
    gap: 2px;
}

.finance-component-row small {
    color: var(--text-muted);
}

.finance-component-row > span {
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--surface-raised);
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.finance-component-row.is-expense > span {
    background: color-mix(in srgb, var(--danger) 12%, var(--surface-raised));
    color: var(--danger);
}

.finance-component-row.is-offset > span {
    background: color-mix(in srgb, var(--success) 12%, var(--surface-raised));
    color: var(--success);
}

.finance-component-row.is-excluded {
    opacity: 0.72;
}

.finance-component-row > b {
    text-align: right;
    white-space: nowrap;
}

.marketplace-context-ozon .finance-component-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.marketplace-context-ozon .finance-component-row > div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.marketplace-context-ozon .finance-component-row > span {
    grid-column: 1;
    justify-self: start;
}

.marketplace-context-ozon .finance-component-row > b {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.finance-products {
    margin-top: 18px;
}

.finance-store-result {
    margin-top: 14px;
}

.finance-store-result .panel-heading {
    align-items: start;
}

.finance-store-total {
    display: grid;
    gap: 4px;
    min-width: 245px;
    padding: 11px 13px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface-raised);
    color: var(--text-muted);
    font-size: 12px;
}

.finance-store-total strong {
    color: var(--text);
    font-size: 20px;
}

.finance-store-result__summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin: 0 20px 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--danger) 8%, transparent);
}

.finance-store-result__summary strong {
    white-space: nowrap;
}

.finance-products .table-wrap {
    max-height: 520px;
}

.finance-products th,
.finance-products td {
    white-space: nowrap;
}

.finance-products td:first-child {
    min-width: 200px;
    white-space: normal;
}

.finance-row--loss td {
    background: color-mix(in srgb, var(--danger) 7%, transparent);
}

.finance-details {
    margin-top: 14px;
    padding: 0;
    overflow: hidden;
}

.finance-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    cursor: pointer;
    list-style: none;
}

.finance-details > summary::-webkit-details-marker {
    display: none;
}

.finance-details > summary small {
    display: block;
    margin-top: 3px;
    color: var(--text-muted);
}

.finance-details > .finance-grid,
.finance-operations {
    margin: 0;
    padding: 0 20px 20px;
}

.finance-details h3 {
    margin: 0 0 10px;
    font-size: 14px;
}

@media (max-width: 1279px) {
    .finance-result {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .finance-result__facts {
        grid-template-columns: 1fr 1fr;
    }

    .finance-store-result .panel-heading {
        display: grid;
    }

    .finance-store-total {
        min-width: 0;
    }

    .finance-store-result__summary {
        margin-inline: 14px;
    }

    .finance-details > .finance-grid,
    .finance-operations {
        padding-inline: 14px;
    }

    .finance-process__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-inline: 14px;
    }

    .finance-process__steps li + li::before {
        display: none;
    }

    .finance-component-row {
        grid-template-columns: 1fr auto;
    }

    .finance-component-row > span {
        grid-column: 1;
        justify-self: start;
    }

    .finance-component-row > b {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap {
        overflow-x: hidden;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap table {
        display: block;
        min-width: 0;
        width: 100%;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap thead {
        display: none;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap tbody {
        display: grid;
        gap: 8px;
        padding: 10px;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap tr {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface-soft);
    }

    :is(
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap td:first-child,
    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap td.empty {
        grid-column: 1 / -1;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap td {
        display: grid;
        min-width: 0;
        align-content: start;
        gap: 4px;
        padding: 9px 10px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--surface);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap td::before {
        color: var(--text-muted);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .finance-grid--overview .table-wrap td:nth-child(1)::before { content: "День"; }
    .finance-grid--overview .table-wrap td:nth-child(2)::before { content: "Продажи / оплата"; }
    .finance-grid--overview .table-wrap td:nth-child(3)::before { content: "Итог выплаты"; }
    .finance-grid--overview .table-wrap td:nth-child(4)::before { content: "Разница"; }
    .finance-store-result .table-wrap td:nth-child(1)::before { content: "Артикул"; }
    .finance-store-result .table-wrap td:nth-child(2)::before { content: "Операции"; }
    .finance-store-result .table-wrap td:nth-child(3)::before { content: "Результат"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(1)::before { content: "Товар"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(2)::before { content: "Артикул"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(3)::before { content: "Продажи"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(4)::before { content: "Возвраты"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(5)::before { content: "Результат МП"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(6)::before { content: "Корректировки"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(7)::before { content: "Закупка"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(8)::before { content: "До налога"; }
    .finance-products:not(.wb-finance-products) .table-wrap td:nth-child(9)::before { content: "Маржа"; }
    .finance-operations .table-wrap td:nth-child(1)::before { content: "Дата"; }
    .finance-operations .table-wrap td:nth-child(2)::before { content: "Операция"; }
    .finance-operations .table-wrap td:nth-child(3)::before { content: "Товар"; }
    .finance-operations .table-wrap td:nth-child(4)::before { content: "Начислено"; }
    .finance-operations .table-wrap td:nth-child(5)::before { content: "Результат"; }

    .finance-grid--overview .table-wrap,
    .finance-products:not(.wb-finance-products) .table-wrap,
    .finance-component-list {
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 1279px) {
    .finance-result__facts,
    .finance-process__steps {
        grid-template-columns: 1fr;
    }

    :is(
        .finance-grid--overview,
        .finance-store-result,
        .finance-products:not(.wb-finance-products),
        .finance-operations
    ) .table-wrap tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1279px) {
    .team-settings {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1279px) {
    .settings-checkgrid {
        grid-template-columns: 1fr;
    }

    .team-member-card > summary,
    .team-member-card--owner {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Support portal */
.support-workspace {
    display: grid;
    min-width: 0;
    gap: 18px;
}

.support-workspace--narrow {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.support-alert { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.support-alert,
.support-form-errors {
    padding: 13px 15px;
    border: 1px solid rgb(255 127 114 / 30%);
    border-radius: 14px;
    background: rgb(255 127 114 / 10%);
    color: #ffd0cb;
    font-size: 0.84rem;
    font-weight: 750;
}

.support-form-errors ul {
    margin: 0;
    padding-left: 18px;
}

.support-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.support-metric {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 6px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 2.4%), transparent 58%),
        var(--surface);
}

.support-metric::after {
    position: absolute;
    right: -26px;
    bottom: -42px;
    width: 96px;
    height: 96px;
    border: 1px solid rgb(var(--accent-rgb) / 8%);
    border-radius: 50%;
    content: "";
}

.support-metric--accent {
    border-color: var(--accent-border);
    background:
        radial-gradient(circle at 100% 0, rgb(var(--accent-rgb) / 10%), transparent 9rem),
        var(--surface);
}

.support-metric > span {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.support-metric strong {
    color: var(--text-strong);
    font-size: 1.75rem;
    line-height: 1;
}

.support-metric--accent strong {
    color: var(--accent);
}

.support-metric small {
    color: var(--dim);
    font-size: 0.75rem;
}

.support-panel {
    overflow: visible;
}

.support-panel__head,
.support-conversation__head {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--border);
    background: linear-gradient(180deg, rgb(255 255 255 / 1.7%), transparent);
}

.support-panel__head > div:first-child,
.support-conversation__head > div:first-child {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.support-panel__head h2,
.support-conversation__head h2 {
    color: var(--text-strong);
    font-size: 1.18rem;
    overflow-wrap: anywhere;
}

.support-kicker {
    color: var(--accent);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.support-toolbar {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
}

.support-store-select {
    display: grid;
    min-width: min(320px, 42vw);
    gap: 6px;
}

.support-store-select label,
.support-store-chip > span,
.support-field > span,
.support-file-field > span,
.support-file-inline > span {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.support-store-select select {
    min-height: var(--button-height);
}

.support-store-select--stacked {
    min-width: 0;
}

.support-store-chip {
    display: grid;
    min-width: 190px;
    gap: 2px;
    padding: 7px 12px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--surface-raised);
}

.support-store-chip strong {
    max-width: 260px;
    overflow: hidden;
    color: var(--text-strong);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-ticket-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}

.support-ticket-card {
    display: grid;
    min-width: 0;
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 1.8%), transparent 65%),
        var(--surface-raised);
    transition: 160ms ease;
}

.support-ticket-card:hover {
    transform: translateY(-2px);
    border-color: var(--border-strong);
    background-color: var(--surface-hover);
}

.support-ticket-card--answered {
    border-color: var(--accent-border);
    background:
        linear-gradient(145deg, rgb(var(--accent-rgb) / 9%), transparent 68%),
        var(--surface-raised);
}

.support-ticket-card__top,
.support-ticket-card__meta,
.support-conversation__meta,
.support-conversation__actions,
.support-message__head,
.support-reply__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.support-ticket-card__top,
.support-message__head {
    justify-content: space-between;
}

.support-ticket-number {
    color: var(--accent);
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 0.75rem;
    font-weight: 850;
}

.support-ticket-card h3 {
    color: var(--text-strong);
    font-size: 0.98rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.support-ticket-card > p {
    min-height: 2.7em;
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.support-ticket-card__meta,
.support-conversation__meta {
    flex-wrap: wrap;
    color: var(--dim);
    font-size: 0.73rem;
    font-weight: 750;
}

.support-ticket-card__meta span,
.support-conversation__meta span {
    padding: 4px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgb(255 255 255 / 1.5%);
}

.support-status {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-raised);
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 850;
    white-space: nowrap;
}

.support-status--new {
    border-color: rgb(98 181 255 / 25%);
    background: rgb(98 181 255 / 9%);
    color: #bfe0ff;
}

.support-status--answered {
    border-color: var(--accent-border);
    background: var(--accent-soft);
    color: var(--accent);
}

.support-status--waiting {
    border-color: rgb(255 197 93 / 28%);
    background: rgb(255 197 93 / 10%);
    color: #ffe0a1;
}

.support-status--closed,
.support-status--unknown {
    color: var(--dim);
}

.support-empty {
    display: grid;
    justify-items: center;
    gap: 9px;
    padding: 58px 24px;
    color: var(--muted);
    text-align: center;
}

.support-empty__mark {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid var(--accent-border);
    border-radius: 18px;
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 0.78rem;
    font-weight: 900;
}

.support-empty h3 {
    color: var(--text-strong);
}

.support-empty p {
    max-width: 520px;
    line-height: 1.5;
}

.support-empty .button {
    margin-top: 5px;
}

.support-create-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: start;
    gap: 16px;
}

.support-form-panel {
    overflow: hidden;
}

.support-form {
    display: grid;
    gap: 17px;
    padding: 22px;
}

.support-field,
.support-file-field,
.support-file-inline {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.support-field input,
.support-field textarea {
    width: 100%;
    border: 1px solid rgb(var(--accent-rgb) / 18%);
    border-radius: 14px;
    outline: 0;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 2%), transparent),
        var(--surface-raised);
    color: var(--text);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 8%);
    font: inherit;
    transition: 160ms ease;
}

.support-field input {
    min-height: 48px;
    padding: 0 14px;
}

.support-field textarea {
    min-height: 130px;
    padding: 13px 14px;
    line-height: 1.5;
    resize: vertical;
}

.support-field input:focus,
.support-field textarea:focus {
    border-color: rgb(var(--accent-rgb) / 42%);
    box-shadow:
        inset 0 0 0 1px rgb(var(--accent-rgb) / 20%),
        0 0 0 4px rgb(var(--accent-rgb) / 5%);
}

.support-field input::placeholder,
.support-field textarea::placeholder {
    color: var(--dim);
}

.support-file-field input,
.support-file-inline input {
    width: 100%;
}

.support-file-field > small,
.support-file-inline > span {
    color: var(--dim);
    font-size: 0.73rem;
}

.support-field__error {
    color: var(--danger) !important;
    font-size: 0.76rem !important;
    font-weight: 800;
}

.support-form__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 3px;
}

.support-help-card {
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 100% 0, rgb(var(--accent-rgb) / 9%), transparent 12rem),
        var(--surface);
    box-shadow: var(--shadow);
}

.support-help-card__store {
    color: var(--text-strong);
    font-size: 1.15rem;
}

.support-help-list {
    display: grid;
    gap: 10px;
}

.support-help-list > div {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgb(255 255 255 / 1.5%);
}

.support-help-list b {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 10px;
    background: var(--accent-soft);
    color: var(--accent);
}

.support-help-list span {
    display: grid;
    gap: 2px;
    color: var(--muted);
    font-size: 0.78rem;
}

.support-help-list strong {
    color: var(--text-strong);
    font-size: 0.82rem;
}

.support-conversation {
    display: grid;
    grid-template-rows: auto minmax(360px, 1fr) auto;
    min-height: 680px;
    overflow: hidden;
}

.support-conversation__meta {
    margin-top: 5px;
}

.support-conversation__actions {
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.support-thread {
    display: flex;
    max-height: 720px;
    min-height: 360px;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    overflow-y: auto;
    background:
        radial-gradient(circle at 0 100%, rgb(255 145 71 / 5%), transparent 24rem),
        rgb(8 10 7 / 22%);
    scrollbar-color: var(--border-strong) transparent;
}

.support-message {
    display: flex;
    width: min(760px, 86%);
}

.support-message--client {
    align-self: flex-end;
    justify-content: flex-end;
}

.support-message--support {
    align-self: flex-start;
}

.support-message__bubble {
    display: grid;
    min-width: 0;
    gap: 9px;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 19px;
    background: var(--surface-raised);
}

.support-message--client .support-message__bubble {
    border-color: var(--accent-border);
    background: linear-gradient(180deg, rgb(var(--accent-rgb) / 12%), rgb(var(--accent-rgb) / 6%));
}

.support-message--support .support-message__bubble {
    border-color: rgb(98 181 255 / 20%);
    background: linear-gradient(180deg, rgb(98 181 255 / 9%), rgb(98 181 255 / 4%));
}

.support-message__head {
    flex-wrap: wrap;
    color: var(--dim);
    font-size: 0.72rem;
}

.support-message__head strong {
    color: var(--text);
}

.support-message__body {
    color: var(--text);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.support-attachments {
    display: grid;
    gap: 7px;
}

.support-attachment {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: rgb(8 10 7 / 28%);
}

.support-attachment:hover {
    border-color: var(--border-strong);
}

.support-attachment__preview {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 0.65rem;
    font-weight: 900;
}

.support-attachment > span:last-child {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.support-attachment strong {
    overflow: hidden;
    color: var(--text);
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-attachment small {
    color: var(--dim);
    font-size: 0.68rem;
}

.support-reply {
    display: grid;
    gap: 12px;
    padding: 16px 18px;
    border-top: 1px solid var(--border);
    background: rgb(17 21 15 / 92%);
}

.support-reply .support-field textarea {
    min-height: 96px;
}

.support-reply__actions {
    align-items: flex-end;
    justify-content: space-between;
}

.support-file-inline {
    flex: 1 1 380px;
}

.support-reply__actions .button {
    flex: 0 0 auto;
}

.support-closed-state {
    display: grid;
    gap: 3px;
    margin: 16px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--surface-raised);
}

.support-closed-state strong {
    color: var(--text-strong);
}

.support-closed-state span {
    color: var(--muted);
    font-size: 0.8rem;
}

.access-contact-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    gap: 24px;
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid rgb(var(--accent-rgb) / 24%);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 2%, rgb(var(--accent-rgb) / 20%), transparent 32%),
        linear-gradient(145deg, rgb(255 255 255 / 3%), transparent 48%),
        var(--surface-raised);
    box-shadow: 0 24px 70px rgb(0 0 0 / 28%), inset 0 1px rgb(255 255 255 / 4%);
}

.access-contact-panel::before {
    position: absolute;
    z-index: -1;
    right: -90px;
    bottom: -120px;
    width: 320px;
    height: 320px;
    border: 1px solid rgb(var(--accent-rgb) / 12%);
    border-radius: 50%;
    box-shadow: 0 0 0 46px rgb(var(--accent-rgb) / 3%), 0 0 0 92px rgb(var(--accent-rgb) / 2%);
    content: "";
}

.access-contact-panel__head {
    display: grid;
    max-width: 680px;
    gap: 7px;
}

.access-contact-panel__head h2,
.access-contact-panel__head p {
    margin: 0;
}

.access-contact-panel__head h2 {
    color: var(--text-strong);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.access-contact-panel__head p {
    color: var(--muted);
    line-height: 1.55;
}

.access-contact-panel__brand {
    position: absolute;
    top: 24px;
    right: 30px;
    color: rgb(var(--accent-rgb) / 12%);
    font-size: clamp(3rem, 7vw, 5.5rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 1;
    pointer-events: none;
}

.access-contact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.access-contact-card {
    display: grid;
    min-width: 0;
    min-height: 112px;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgb(255 255 255 / 7%);
    border-radius: 20px;
    background: rgb(6 9 6 / 72%);
    color: var(--text);
    text-decoration: none;
    box-shadow: inset 0 1px rgb(255 255 255 / 3%);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.access-contact-card:hover {
    transform: translateY(-3px);
    border-color: rgb(var(--accent-rgb) / 32%);
    background: rgb(var(--accent-rgb) / 8%);
    box-shadow: 0 14px 30px rgb(0 0 0 / 20%), inset 0 1px rgb(255 255 255 / 5%);
}

.access-contact-card:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

.access-contact-card__icon {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 17px;
    background: rgb(255 255 255 / 4%);
    color: var(--accent);
}

.access-contact-card__icon svg {
    width: 23px;
    height: 23px;
    fill: currentColor;
}

.access-contact-card--telegram .access-contact-card__icon {
    color: #62b5ff;
}

.access-contact-card--max .access-contact-card__icon {
    color: #9d86ff;
}

.access-contact-card--email .access-contact-card__icon {
    color: #ffca6a;
}

.access-contact-card--phone .access-contact-card__icon {
    color: var(--accent);
}

.access-contact-card__copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.access-contact-card__copy small {
    color: var(--dim);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.access-contact-card__copy strong {
    color: var(--text-strong);
    font-size: 0.88rem;
}

.access-contact-card__copy span {
    overflow: hidden;
    color: var(--muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.access-contact-card__arrow {
    color: var(--dim);
    font-size: 1rem;
}

.access-contact-panel__notice {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 2px;
    color: var(--muted);
}

.access-contact-panel__notice > span:last-child {
    display: grid;
    gap: 2px;
}

.access-contact-panel__notice strong {
    color: var(--text-strong);
    font-size: 0.86rem;
}

.access-contact-panel__notice small {
    color: var(--muted);
    font-size: 0.74rem;
}

.access-contact-panel__notice-icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgb(var(--accent-rgb) / 28%);
    border-radius: 50%;
    background: rgb(var(--accent-rgb) / 9%);
    color: var(--accent);
    font-weight: 900;
}

@media (max-width: 1279px) {
    .support-overview,
    .support-ticket-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .support-create-layout {
        grid-template-columns: 1fr;
    }

    .support-help-card {
        order: -1;
    }
}

@media (max-width: 1279px) {
    .access-contact-list {
        grid-template-columns: 1fr;
    }

    .access-contact-panel {
        gap: 18px;
        padding: 20px;
        border-radius: 22px;
    }

    .access-contact-panel__brand {
        top: 18px;
        right: 22px;
        font-size: 3.2rem;
    }

    .access-contact-card {
        min-height: 88px;
        padding: 14px;
    }

    .support-overview,
    .support-ticket-grid {
        grid-template-columns: 1fr;
    }

    .support-panel__head,
    .support-conversation__head,
    .support-toolbar,
    .support-form__actions,
    .support-reply__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .support-store-select {
        width: 100%;
        min-width: 0;
    }

    .support-toolbar .button,
    .support-form__actions .button,
    .support-reply__actions .button {
        width: 100%;
    }

    .support-conversation__actions {
        justify-content: flex-start;
    }

    .support-thread {
        padding: 12px;
    }

    .support-message {
        width: 96%;
    }

    .support-form,
    .support-panel__head,
    .support-conversation__head {
        padding: 16px;
    }
}