/*
 * Кабинет продавца — общая дизайн-система.
 *
 * Раньше каждая страница несла свою вёрстку и свои цвета, поэтому кабинет
 * выглядел как семь разных сайтов. Этот файл подключается последним и задаёт
 * единый каркас: боковое меню, карточки, таблицы, формы, статусы.
 */

.seller-dashboard {
    --rk-bg: #f4f6fa;
    --rk-surface: #ffffff;
    --rk-surface-soft: #f8fafc;
    --rk-line: #e6ecf3;
    --rk-line-strong: #d7e0ea;
    --rk-text: #17202e;
    --rk-text-soft: #4b5a6d;
    --rk-muted: #7c8a9c;
    --rk-accent: #0b7ad1;
    --rk-accent-dark: #0a67b1;
    --rk-accent-soft: #eaf4fd;
    --rk-ok: #17915d;
    --rk-ok-soft: #e9f7f0;
    --rk-warn: #b57614;
    --rk-warn-soft: #fdf4e3;
    --rk-danger: #cf3b2c;
    --rk-danger-soft: #fdeceb;
    --rk-radius: 16px;
    --rk-radius-sm: 10px;
    --rk-shadow: 0 1px 2px rgba(16, 32, 58, .04), 0 10px 30px -22px rgba(16, 32, 58, .45);
    --rk-shadow-hover: 0 2px 6px rgba(16, 32, 58, .06), 0 18px 34px -20px rgba(16, 32, 58, .5);

    /* Ширину задаёт контейнер шаблона (~1070px), поэтому своей рамки не ставим:
       раньше кабинет был на 1280px и вылезал за край страницы. */
    max-width: 100%;
    margin: 24px 0 56px;
    padding: 0;
    background: #fff;
    isolation: isolate;
    color: var(--rk-text);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;

    display: grid;
    grid-template-columns: 216px minmax(0, 1fr);
    grid-auto-rows: max-content;
    align-items: start;
    gap: 16px 18px;
}

.seller-dashboard > * {
    grid-column: 2;
    min-width: 0;
}

.seller-dashboard h1,
.seller-dashboard h2,
.seller-dashboard h3,
.seller-dashboard h4 {
    color: var(--rk-text);
    letter-spacing: -.01em;
}

.seller-dashboard a {
    color: var(--rk-accent);
    text-decoration: none;
}

.seller-dashboard a:hover {
    color: var(--rk-accent-dark);
}

/* ---------- Боковое меню ---------- */

.rk-nav {
    grid-column: 1;
    grid-row: 1 / span 99;
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 14px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
}

.rk-nav__brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 4px 8px 14px;
    border-bottom: 1px solid var(--rk-line);
    margin-bottom: 8px;
}

.rk-nav__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(140deg, var(--rk-accent) 0%, #35a7ea 100%);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    flex: 0 0 auto;
}

.rk-nav__brand-body {
    min-width: 0;
}

.rk-nav__brand-body {
    display: flex;
    flex-direction: column;
}

.rk-nav__title {
    display: block;
    font-weight: 650;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rk-nav__subtitle {
    display: block;
    font-size: 12px;
    color: var(--rk-muted);
}

.rk-nav__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--rk-radius-sm);
    color: var(--rk-text-soft) !important;
    font-size: 14px;
    transition: background .15s ease, color .15s ease;
}

.rk-nav__link svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
}

.rk-nav__link:hover {
    background: var(--rk-surface-soft);
    color: var(--rk-text) !important;
}

.rk-nav__link.is-active {
    background: var(--rk-accent-soft);
    color: var(--rk-accent-dark) !important;
    font-weight: 600;
}

.rk-nav__badge {
    margin-left: auto;
    min-width: 22px;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--rk-danger);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.rk-nav__link.is-active .rk-nav__badge {
    background: var(--rk-accent);
}

.rk-nav__foot {
    margin-top: 10px;
    padding: 12px;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface-soft);
    font-size: 12px;
    color: var(--rk-muted);
    line-height: 1.5;
}

/* ---------- Заголовок страницы ---------- */

.seller-dashboard .page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
    margin: 0 0 4px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.seller-dashboard .page-header h1,
.seller-dashboard .page-header h2,
.seller-dashboard .page-header h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

.seller-dashboard .seller-breadcrumbs a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--rk-muted);
}

.seller-dashboard .seller-breadcrumbs a:hover {
    color: var(--rk-accent);
}

/* ---------- Карточки и панели ---------- */

.seller-dashboard .card,
.seller-dashboard .tg-card,
.seller-dashboard .import-card,
.seller-dashboard .import-report,
.seller-dashboard .alemtat-card,
.seller-dashboard .profile-panel,
.seller-dashboard .products-table-card,
.seller-dashboard .order-table-card,
.seller-dashboard .filter-panel,
.seller-dashboard .controls-panel,
.seller-dashboard .order-footer-card,
.seller-dashboard .tg-status {
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
}

.seller-dashboard .card,
.seller-dashboard .tg-card,
.seller-dashboard .profile-panel,
.seller-dashboard .filter-panel,
.seller-dashboard .controls-panel {
    padding: 20px 22px;
}

.seller-dashboard .card-kicker,
.seller-dashboard .workspace-card__eyebrow,
.seller-dashboard .profile-panel__eyebrow,
.seller-dashboard .product-editor-hero__eyebrow,
.seller-dashboard .order-footer-card__eyebrow,
.seller-dashboard .alemtat-card__eyebrow,
.seller-dashboard .dashboard-hero__eyebrow {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--rk-accent);
}

.seller-dashboard .card-header,
.seller-dashboard .card-heading h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 650;
}

/* ---------- Витрина дашборда ---------- */

.seller-dashboard .dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .9fr);
    gap: 20px;
    padding: 26px 28px;
    border: 1px solid transparent;
    border-radius: var(--rk-radius);
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(53, 167, 234, .28) 0%, rgba(11, 122, 209, 0) 55%),
        linear-gradient(135deg, #0c3f6d 0%, #0b7ad1 100%);
    color: #fff;
    box-shadow: 0 20px 40px -28px rgba(11, 68, 116, .9);
}

.seller-dashboard .dashboard-hero h1 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 30px;
    line-height: 1.15;
}

.seller-dashboard .dashboard-hero__eyebrow {
    color: rgba(255, 255, 255, .78);
}

.seller-dashboard .dashboard-hero__lead {
    margin: 0 0 18px;
    max-width: 560px;
    color: rgba(255, 255, 255, .84);
    font-size: 14px;
}

.seller-dashboard .dashboard-hero__lead a {
    color: #fff;
    text-decoration: underline;
}

.seller-dashboard .dashboard-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.seller-dashboard .dashboard-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
}

.seller-dashboard .dashboard-btn--primary {
    background: #fff;
    color: var(--rk-accent-dark) !important;
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .6);
}

.seller-dashboard .dashboard-btn--ghost {
    background: rgba(255, 255, 255, .14);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .35);
}

.seller-dashboard .dashboard-btn:hover {
    transform: translateY(-1px);
}

.seller-dashboard .dashboard-btn span {
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--rk-danger);
    color: #fff;
    font-size: 12px;
}

.seller-dashboard .dashboard-btn svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
}

.seller-dashboard .dashboard-focus {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(2px);
}

.seller-dashboard .dashboard-focus__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
}

.seller-dashboard .dashboard-focus__status {
    padding: 2px 10px;
    border-radius: 999px;
    font-weight: 600;
    background: rgba(255, 255, 255, .18);
}

.seller-dashboard .dashboard-focus__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
}

/* Точка вместо яркой плашки: статус читается, но не спорит с цифрой. */
.seller-dashboard .dashboard-focus__status.is-hot::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffd166;
    box-shadow: 0 0 0 3px rgba(255, 209, 102, .25);
}

.seller-dashboard .dashboard-focus__number {
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.seller-dashboard .dashboard-focus__caption {
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
}

.seller-dashboard .dashboard-focus__list {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: grid;
    gap: 7px;
    font-size: 13px;
}

.seller-dashboard .dashboard-focus__list > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: rgba(255, 255, 255, .82);
}

.seller-dashboard .dashboard-focus__list strong {
    color: #fff;
    font-variant-numeric: tabular-nums;
}

/* ---------- Метрики и сводки ---------- */

.seller-dashboard .dashboard-metrics,
.seller-dashboard .orders-overview,
.seller-dashboard .products-overview,
.seller-dashboard .order-overview,
.seller-dashboard .profile-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: 14px;
    margin: 0;
}

.seller-dashboard .dashboard-metric,
.seller-dashboard .orders-overview__card,
.seller-dashboard .products-overview__card,
.seller-dashboard .order-overview__card,
.seller-dashboard .profile-overview__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
    overflow: hidden;
    transition: transform .12s ease, box-shadow .15s ease;
}

.seller-dashboard a.dashboard-metric:hover {
    transform: translateY(-2px);
    box-shadow: var(--rk-shadow-hover);
}

.seller-dashboard .dashboard-metric::after,
.seller-dashboard .orders-overview__card::before,
.seller-dashboard .products-overview__card::before,
.seller-dashboard .order-overview__card::before,
.seller-dashboard .profile-overview__card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--rk-line-strong);
}

.seller-dashboard .dashboard-metric__label,
.seller-dashboard .orders-overview__label,
.seller-dashboard .products-overview__label,
.seller-dashboard .order-overview__label,
.seller-dashboard .profile-overview__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--rk-muted);
}

.seller-dashboard .dashboard-metric__value,
.seller-dashboard .orders-overview__value,
.seller-dashboard .products-overview__value,
.seller-dashboard .order-overview__value,
.seller-dashboard .profile-overview__value {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--rk-text);
    font-variant-numeric: tabular-nums;
}

.seller-dashboard .order-overview__value--html,
.seller-dashboard .profile-overview__value {
    font-size: 17px;
    font-weight: 650;
}

/* Денежные значения не должны переноситься по знаку тенге. */
.seller-dashboard .dashboard-metric__value,
.seller-dashboard .orders-overview__value,
.seller-dashboard .products-overview__value,
.seller-dashboard .order-overview__value {
    white-space: nowrap;
}

.seller-dashboard .orders-overview__card--done .orders-overview__value,
.seller-dashboard .order-overview__card--total .order-overview__value {
    font-size: 23px;
}

.seller-dashboard .dashboard-metric__hint,
.seller-dashboard .orders-overview__hint,
.seller-dashboard .products-overview__hint,
.seller-dashboard .order-overview__hint,
.seller-dashboard .profile-overview__hint {
    font-size: 12px;
    color: var(--rk-muted);
}

/* Акцентные полоски по смыслу карточки */
.seller-dashboard .dashboard-metric--orders::after,
.seller-dashboard .orders-overview__card--new::before { background: var(--rk-accent); }
.seller-dashboard .dashboard-metric--alert::after,
.seller-dashboard .orders-overview__card--alert::before,
.seller-dashboard .products-overview__card--inactive::before { background: var(--rk-danger); }
.seller-dashboard .dashboard-metric--products::after,
.seller-dashboard .orders-overview__card--inwork::before { background: #7a5cf0; }
.seller-dashboard .dashboard-metric--warning::after { background: var(--rk-warn); }
.seller-dashboard .dashboard-metric--revenue::after,
.seller-dashboard .orders-overview__card--done::before,
.seller-dashboard .products-overview__card--active::before { background: var(--rk-ok); }

.seller-dashboard .dashboard-metric--revenue .dashboard-metric__value {
    font-size: 24px;
    white-space: nowrap;
}

/* ---------- Плитки разделов ---------- */

.seller-dashboard .dashboard-workspace {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 900px) {
    .seller-dashboard .dashboard-workspace {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .seller-dashboard .dashboard-workspace {
        grid-template-columns: minmax(0, 1fr);
    }
}

.seller-dashboard .workspace-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
    color: var(--rk-text) !important;
    transition: transform .12s ease, box-shadow .15s ease, border-color .15s ease;
}

.seller-dashboard a.workspace-card:hover {
    transform: translateY(-2px);
    border-color: #cfe3f5;
    box-shadow: var(--rk-shadow-hover);
}

/* Все плитки одинаковой ширины: раньше «широкие» карточки оставляли дыры в сетке. */
.seller-dashboard .workspace-card--wide {
    grid-column: span 1;
}

.seller-dashboard .workspace-card h2 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 650;
}

.seller-dashboard .workspace-card span {
    font-size: 13px;
    color: var(--rk-muted);
}

.seller-dashboard .workspace-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: var(--rk-accent-soft);
    color: var(--rk-accent);
}

.seller-dashboard .workspace-card__icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
}

.seller-dashboard .workspace-card__action {
    margin-top: auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--rk-accent);
}

.seller-dashboard .workspace-card__action::after {
    content: ' →';
}

.seller-dashboard .workspace-card__badge--on { background: var(--rk-ok); }
.seller-dashboard .workspace-card__badge--off { background: var(--rk-muted); }

.seller-dashboard .workspace-card__badge {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--rk-danger);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.seller-dashboard .workspace-card--disabled {
    opacity: .72;
    background: var(--rk-surface-soft);
    box-shadow: none;
}

.seller-dashboard .workspace-card__ribbon {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--rk-line);
    color: var(--rk-muted);
    font-size: 11px;
    font-weight: 600;
}

.seller-dashboard .dashboard-warning {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 14px 18px;
    border: 1px solid #f4d9a8;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-warn-soft);
    color: #7a5720;
    font-size: 14px;
}

/* ---------- Фильтры ---------- */

.seller-dashboard .filter-panel,
.seller-dashboard .controls-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

.seller-dashboard .filters,
.seller-dashboard .search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
}

.seller-dashboard .filter-group,
.seller-dashboard .search-form__field,
.seller-dashboard .form-group,
.seller-dashboard .field,
.seller-dashboard .tg-field,
.seller-dashboard .alemtat-grid .field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    color: var(--rk-text-soft);
}

.seller-dashboard .filter-group label,
.seller-dashboard .search-form__field label,
.seller-dashboard .form-group > label,
.seller-dashboard .field > label,
.seller-dashboard .field > span,
.seller-dashboard .tg-field > span {
    font-size: 12px;
    font-weight: 600;
    color: var(--rk-muted);
}

.seller-dashboard input[type="text"],
.seller-dashboard input[type="email"],
.seller-dashboard input[type="password"],
.seller-dashboard input[type="number"],
.seller-dashboard input[type="date"],
.seller-dashboard input[type="tel"],
.seller-dashboard input[type="search"],
.seller-dashboard select,
.seller-dashboard textarea {
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--rk-line-strong);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    color: var(--rk-text);
    font-size: 14px;
    font-family: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.seller-dashboard textarea {
    min-height: 110px;
    resize: vertical;
}

.seller-dashboard input:focus,
.seller-dashboard select:focus,
.seller-dashboard textarea:focus {
    outline: none;
    border-color: var(--rk-accent);
    box-shadow: 0 0 0 3px rgba(11, 122, 209, .14);
}

.seller-dashboard .quick-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.seller-dashboard .quick-filter-chip {
    padding: 7px 14px;
    border: 1px solid var(--rk-line-strong);
    border-radius: 999px;
    background: var(--rk-surface);
    color: var(--rk-text-soft) !important;
    font-size: 13px;
    transition: all .15s ease;
}

.seller-dashboard .quick-filter-chip:hover {
    border-color: var(--rk-accent);
    color: var(--rk-accent) !important;
}

.seller-dashboard .quick-filter-chip.is-active {
    background: var(--rk-accent);
    border-color: var(--rk-accent);
    color: #fff !important;
    font-weight: 600;
}

/* ---------- Кнопки ---------- */

.seller-dashboard .btn,
.seller-dashboard .tg-btn,
.seller-dashboard .profile-btn,
.seller-dashboard .add-btn,
.seller-dashboard .search-form__submit,
.seller-dashboard .filters button,
.seller-dashboard .bulk-btn,
.seller-dashboard .bulk-delete-btn,
.seller-dashboard .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 18px;
    border: 1px solid var(--rk-line-strong);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    color: var(--rk-text) !important;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all .15s ease;
    white-space: nowrap;
}

.seller-dashboard .btn:hover,
.seller-dashboard .tg-btn:hover,
.seller-dashboard .profile-btn:hover,
.seller-dashboard .action-btn:hover,
.seller-dashboard .bulk-btn:hover:not(:disabled) {
    border-color: var(--rk-accent);
    color: var(--rk-accent) !important;
    background: var(--rk-accent-soft);
}

.seller-dashboard .btn--primary,
.seller-dashboard .tg-btn--primary,
.seller-dashboard .profile-btn--primary,
.seller-dashboard .add-btn,
.seller-dashboard .search-form__submit,
.seller-dashboard .filters button,
.seller-dashboard .action-btn--primary {
    border-color: var(--rk-accent);
    background: var(--rk-accent);
    color: #fff !important;
}

.seller-dashboard .btn--primary:hover,
.seller-dashboard .tg-btn--primary:hover,
.seller-dashboard .profile-btn--primary:hover,
.seller-dashboard .add-btn:hover,
.seller-dashboard .search-form__submit:hover,
.seller-dashboard .filters button:hover,
.seller-dashboard .action-btn--primary:hover {
    background: var(--rk-accent-dark);
    border-color: var(--rk-accent-dark);
    color: #fff !important;
}

.seller-dashboard .btn--large {
    height: 46px;
    padding: 0 24px;
    font-size: 15px;
}

.seller-dashboard .action-btn {
    height: 32px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
}

.seller-dashboard .bulk-delete-btn {
    border-color: #f0c2bc;
    background: var(--rk-danger-soft);
    color: var(--rk-danger) !important;
}

.seller-dashboard .bulk-delete-btn:hover:not(:disabled) {
    background: var(--rk-danger);
    color: #fff !important;
}

.seller-dashboard .search-form__reset {
    align-self: center;
    font-size: 13px;
    color: var(--rk-muted) !important;
}

/* ---------- Таблицы ---------- */

.seller-dashboard .table-wrapper,
.seller-dashboard .order-table-scroll {
    overflow-x: auto;
    border-radius: var(--rk-radius);
}

.seller-dashboard .products-table-card,
.seller-dashboard .order-table-card {
    overflow: hidden;
}

.seller-dashboard .products-table-card__header,
.seller-dashboard .order-section-header,
.seller-dashboard .order-bulk-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--rk-line);
}

.seller-dashboard .products-table-card__header h3,
.seller-dashboard .order-section-header h3 {
    margin: 0 0 3px;
    font-size: 17px;
}

.seller-dashboard .products-table-card__header p,
.seller-dashboard .order-section-header p {
    margin: 0;
    font-size: 13px;
    color: var(--rk-muted);
}

.seller-dashboard .products-table-card__meta,
.seller-dashboard .order-section-header__meta,
.seller-dashboard .order-bulk-card__meta {
    font-size: 13px;
    color: var(--rk-muted);
}

.seller-dashboard table {
    width: 100%;
    border-collapse: collapse;
    background: var(--rk-surface);
}

.seller-dashboard .orders-table,
.seller-dashboard .seller-table,
.seller-dashboard .seller-order-table,
.seller-dashboard .tg-table {
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    overflow: hidden;
    box-shadow: var(--rk-shadow);
}

.seller-dashboard .products-table-card .seller-table,
.seller-dashboard .order-table-card .seller-order-table {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.seller-dashboard thead th {
    padding: 12px 16px;
    background: var(--rk-surface-soft);
    border-bottom: 1px solid var(--rk-line);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--rk-muted);
    text-align: left;
    white-space: nowrap;
}

.seller-dashboard thead th a {
    color: inherit !important;
}

.seller-dashboard thead th a:hover {
    color: var(--rk-accent) !important;
}

.seller-dashboard tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--rk-line);
    font-size: 14px;
    vertical-align: middle;
}

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

.seller-dashboard tbody tr:hover td {
    background: #fbfcfe;
}

.seller-dashboard .orders-table__row--link {
    cursor: pointer;
}

.seller-dashboard .order-id a {
    font-weight: 650;
}

.seller-dashboard .order-price,
.seller-dashboard .price-cell,
.seller-dashboard .stock-cell,
.seller-dashboard .metric-cell {
    font-variant-numeric: tabular-nums;
}

.seller-dashboard .order-price__main,
.seller-dashboard .price-main {
    font-weight: 650;
}

.seller-dashboard .order-price__note,
.seller-dashboard .price-note,
.seller-dashboard .stock-main,
.seller-dashboard .product-card__article {
    font-size: 12px;
    color: var(--rk-muted);
}

.seller-dashboard .price-note--alert {
    color: var(--rk-danger);
}

.seller-dashboard .seller-table__row.is-selected td {
    background: var(--rk-accent-soft);
}

.seller-dashboard .seller-table__empty {
    padding: 40px 16px;
    text-align: center;
}

.seller-dashboard .seller-table__empty-title {
    font-size: 16px;
    font-weight: 650;
}

.seller-dashboard .seller-table__empty-text,
.seller-dashboard .no-orders-message {
    color: var(--rk-muted);
    font-size: 14px;
}

.seller-dashboard .no-orders-message {
    padding: 44px 20px;
    border: 1px dashed var(--rk-line-strong);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    text-align: center;
}

/* Карточка товара внутри таблицы */
.seller-dashboard .product-card,
.seller-dashboard .product-entry {
    display: flex;
    align-items: center;
    gap: 12px;
}

.seller-dashboard .product-card__image,
.seller-dashboard .product-entry .thumb {
    width: 48px;
    height: 48px;
    border-radius: var(--rk-radius-sm);
    object-fit: cover;
    border: 1px solid var(--rk-line);
    background: var(--rk-surface-soft);
    flex: 0 0 auto;
}

.seller-dashboard .product-card__image--placeholder,
.seller-dashboard .thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rk-muted);
}

.seller-dashboard .product-card__name,
.seller-dashboard .product-entry__name {
    font-weight: 600;
    color: var(--rk-text) !important;
}

.seller-dashboard .product-card__name:hover {
    color: var(--rk-accent) !important;
}

.seller-dashboard .product-card__issues,
.seller-dashboard .product-entry__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.seller-dashboard .table-actions {
    display: flex;
    gap: 6px;
}

/* ---------- Бейджи и статусы ---------- */

.seller-dashboard .status-badge,
.seller-dashboard .pay-badge,
.seller-dashboard .stock-badge,
.seller-dashboard .product-issue,
.seller-dashboard .mini-badge,
.seller-dashboard .badge,
.seller-dashboard .tg-badge,
.seller-dashboard .profile-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--rk-surface-soft);
    color: var(--rk-text-soft);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.seller-dashboard .status-badge::before,
.seller-dashboard .pay-badge::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.seller-dashboard .status-badge.new,
.seller-dashboard .badge.new { background: var(--rk-accent-soft); color: var(--rk-accent-dark); }
.seller-dashboard .status-badge.inwork,
.seller-dashboard .badge.inwork { background: #f0edfe; color: #5b41cc; }
.seller-dashboard .status-badge.confirmed,
.seller-dashboard .badge.confirmed { background: #e6f5ff; color: #0a67b1; }
.seller-dashboard .status-badge.done,
.seller-dashboard .badge.done,
.seller-dashboard .status--active,
.seller-dashboard .stock-badge--ok,
.seller-dashboard .pay-badge.paid,
.seller-dashboard .mini-badge--ready,
.seller-dashboard .tg-badge--S { background: var(--rk-ok-soft); color: var(--rk-ok); }
.seller-dashboard .status-badge.canceled,
.seller-dashboard .badge.canceled,
.seller-dashboard .pay-badge.not-paid,
.seller-dashboard .stock-badge--empty,
.seller-dashboard .product-issue--danger,
.seller-dashboard .tg-badge--E { background: var(--rk-danger-soft); color: var(--rk-danger); }
.seller-dashboard .stock-badge--low,
.seller-dashboard .status--inactive,
.seller-dashboard .mini-badge--pending { background: var(--rk-warn-soft); color: var(--rk-warn); }
.seller-dashboard .tg-badge--P { background: var(--rk-accent-soft); color: var(--rk-accent-dark); }

.seller-dashboard .status-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.seller-dashboard .status-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.seller-dashboard .status-line__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rk-muted);
    min-width: 46px;
}

/* ---------- Сообщения ---------- */

.seller-dashboard .seller-alert,
.seller-dashboard .alert,
.seller-dashboard .error-message,
.seller-dashboard .success-message {
    max-width: none;
    margin: 0;
    padding: 13px 18px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    font-size: 14px;
    line-height: 1.5;
}

.seller-dashboard .seller-alert.success,
.seller-dashboard .seller-alert.ok,
.seller-dashboard .alert.success,
.seller-dashboard .alert.ok,
.seller-dashboard .success-message {
    border-color: #bfe5cd;
    background: var(--rk-ok-soft);
    color: #146349;
}

.seller-dashboard .seller-alert.error,
.seller-dashboard .alert.error,
.seller-dashboard .alert.err,
.seller-dashboard .error-message {
    border-color: #f2c7c2;
    background: var(--rk-danger-soft);
    color: #932418;
}

.seller-dashboard .seller-alert.info {
    border-color: #c6e0f5;
    background: var(--rk-accent-soft);
    color: var(--rk-accent-dark);
}

/* ---------- Пагинация ---------- */

.seller-dashboard .pagination,
.seller-dashboard .custom-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-top: 4px;
}

.seller-dashboard .pagination a,
.seller-dashboard .pagination span,
.seller-dashboard .custom-pagination a,
.seller-dashboard .custom-pagination span {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rk-line-strong);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface);
    color: var(--rk-text-soft) !important;
    font-size: 14px;
}

.seller-dashboard .pagination a:hover,
.seller-dashboard .custom-pagination a:hover {
    border-color: var(--rk-accent);
    color: var(--rk-accent) !important;
}

.seller-dashboard .current-page,
.seller-dashboard .nav-current-page {
    background: var(--rk-accent) !important;
    border-color: var(--rk-accent) !important;
    color: #fff !important;
    font-weight: 700;
}

.seller-dashboard .nav-dots {
    border: 0 !important;
    background: transparent !important;
}

/* ---------- Массовые действия ---------- */

.seller-dashboard .bulk-actions-bar {
    position: sticky;
    bottom: 16px;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    border: 1px solid var(--rk-line-strong);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: 0 14px 34px -18px rgba(16, 32, 58, .6);
    font-size: 14px;
    font-weight: 600;
}

/* ---------- Карточка заказа ---------- */

.seller-dashboard .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}

.seller-dashboard .order-footer-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: 14px;
    align-items: start;
}

.seller-dashboard .order-footer-layout--single {
    grid-template-columns: minmax(0, 1fr);
}

.seller-dashboard .order-take-form {
    margin: 0;
}

.seller-dashboard .shipping-form-card {
    padding: 14px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface-soft);
}

.seller-dashboard .form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.seller-dashboard .inline-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.seller-dashboard .inline-actions--spread {
    justify-content: space-between;
}

.seller-dashboard .check-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--rk-text-soft);
}

.seller-dashboard .small-note {
    font-size: 12px;
    color: var(--rk-muted);
    line-height: 1.5;
}

.seller-dashboard .metric-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.seller-dashboard .metric-block__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rk-muted);
}

.seller-dashboard .metric-block__value {
    font-size: 15px;
    font-weight: 650;
}

/* ---------- Профиль ---------- */

.seller-dashboard .profile-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 14px;
}

.seller-dashboard .profile-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.seller-dashboard .profile-panel__header h3 {
    margin: 0 0 4px;
    font-size: 17px;
}

.seller-dashboard .profile-panel__header span {
    font-size: 13px;
    color: var(--rk-muted);
}

.seller-dashboard .profile-readonly-badge {
    padding: 4px 11px;
    border-radius: 999px;
    background: var(--rk-surface-soft);
    color: var(--rk-muted);
    font-size: 12px;
    font-weight: 600;
}

.seller-dashboard .field-value {
    font-size: 15px;
    color: var(--rk-text);
}

.seller-dashboard .profile-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seller-dashboard .profile-form input {
    flex: 1 1 180px;
}

/* ---------- Адаптив ---------- */

@media (max-width: 1080px) {
    .seller-dashboard {
        grid-template-columns: minmax(0, 1fr);
    }

    .seller-dashboard > * {
        grid-column: 1;
    }

    .rk-nav {
        position: static;
        grid-column: 1;
        grid-row: auto;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        overflow-x: auto;
        padding: 12px;
    }

    .rk-nav__brand,
    .rk-nav__foot {
        display: none;
    }

    .rk-nav__link {
        white-space: nowrap;
    }

    .seller-dashboard .dashboard-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .seller-dashboard .workspace-card--wide {
        grid-column: span 1;
    }

    .seller-dashboard .order-footer-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .seller-dashboard {
        margin-top: 16px;
        padding: 0 10px;
        gap: 12px;
    }

    .seller-dashboard .dashboard-hero {
        padding: 20px;
    }

    .seller-dashboard .dashboard-hero h1 {
        font-size: 24px;
    }

    .seller-dashboard .page-header h1,
    .seller-dashboard .page-header h2 {
        font-size: 21px;
    }

    .seller-dashboard .card,
    .seller-dashboard .tg-card,
    .seller-dashboard .profile-panel,
    .seller-dashboard .filter-panel,
    .seller-dashboard .controls-panel {
        padding: 16px;
    }

    .seller-dashboard thead th,
    .seller-dashboard tbody td {
        padding: 10px 12px;
    }
}

/* ---------- Панель поиска товаров ---------- */

.seller-dashboard .controls-panel {
    align-items: flex-start;
}

.seller-dashboard .controls-panel__main {
    flex: 1 1 560px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.seller-dashboard .controls-panel__side {
    flex: 0 0 auto;
}

.seller-dashboard .search-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: end;
    gap: 10px;
}

.seller-dashboard .search-form__field--name {
    grid-column: span 2;
}

.seller-dashboard .search-form__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ---------- Ширины колонок таблицы товаров ---------- */

/* Ширины подобраны так, чтобы вся таблица помещалась в рабочую область
   без горизонтальной прокрутки на десктопе. */
.seller-dashboard .seller-table__check-col { width: 40px; }
.seller-dashboard .seller-table__id-col { width: 92px; }
.seller-dashboard .seller-table__price-col { width: 112px; }
.seller-dashboard .seller-table__stock-col { width: 124px; }
.seller-dashboard .seller-table__status-col { width: 132px; }
.seller-dashboard .seller-table__actions-col { width: 164px; }

.seller-dashboard .table-actions {
    flex-wrap: wrap;
}

.seller-dashboard .table-actions .action-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.seller-dashboard .price-cell,
.seller-dashboard .stock-cell,
.seller-dashboard .status-cell {
    white-space: nowrap;
}

.seller-dashboard .product-card__body {
    min-width: 0;
}

.seller-dashboard .product-card__name {
    display: block;
    line-height: 1.35;
}

/* Заказы: колонки не должны прыгать от длины имени покупателя */
.seller-dashboard .orders-table th:first-child { width: 104px; }
.seller-dashboard .orders-table th:nth-child(2) { width: 128px; }
.seller-dashboard .orders-table td:nth-child(2) { white-space: nowrap; }
.seller-dashboard .orders-table th:nth-child(4) { width: 178px; }
.seller-dashboard .orders-table th:last-child { width: 186px; }

/* Раскладку таблиц оставляем автоматической: при фиксированной колонка
   с названием схлопывалась в узком контейнере и текст сыпался по буквам.
   Ширины ниже — подсказки, а не жёсткие рамки; узкий экран уводит таблицу
   в горизонтальную прокрутку. */
.seller-dashboard .seller-table {
    min-width: 720px;
}

.seller-dashboard .orders-table {
    min-width: 640px;
}

.seller-dashboard .product-cell {
    min-width: 200px;
}

.seller-dashboard .product-card__name,
.seller-dashboard .product-entry__name,
.seller-dashboard .order-fio {
    overflow-wrap: anywhere;
}

/* Гасим декоративные пятна из старых постраничных стилей — они спорили
   с новой акцентной полоской у карточек сводки. */
.seller-dashboard .order-overview__card::after,
.seller-dashboard .orders-overview__card::after,
.seller-dashboard .products-overview__card::after,
.seller-dashboard .profile-overview__card::after {
    content: none;
}

.seller-dashboard .order-overview__card,
.seller-dashboard .orders-overview__card,
.seller-dashboard .products-overview__card,
.seller-dashboard .profile-overview__card {
    background-image: none;
}

/* ---------- Позиции заказа ---------- */

.seller-dashboard .order-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.seller-dashboard .order-item {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, .9fr);
    gap: 12px 20px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--rk-line);
}

.seller-dashboard .order-item:last-child {
    border-bottom: 0;
}

.seller-dashboard .order-item__product {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.seller-dashboard .order-item__body {
    min-width: 0;
}

.seller-dashboard .order-item__name {
    font-weight: 600;
    line-height: 1.35;
}

.seller-dashboard .order-item__meta {
    margin-top: 2px;
    font-size: 12px;
    color: var(--rk-muted);
}

.seller-dashboard .order-item__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.seller-dashboard .order-item__numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26px;
    align-content: flex-start;
    justify-content: flex-end;
    text-align: right;
}

.seller-dashboard .order-item__ship {
    grid-column: 1 / -1;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface-soft);
    overflow: hidden;
}

.seller-dashboard .order-item__ship > summary {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    padding: 11px 14px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--rk-accent-dark);
    list-style: none;
}

.seller-dashboard .order-item__ship > summary::-webkit-details-marker {
    display: none;
}

.seller-dashboard .order-item__ship > summary::before {
    content: '▸';
    font-size: 11px;
}

.seller-dashboard .order-item__ship[open] > summary::before {
    content: '▾';
}

.seller-dashboard .order-item__ship-state {
    font-weight: 400;
    color: var(--rk-muted);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.seller-dashboard .order-item__ship .shipping-form-card {
    border: 0;
    border-top: 1px solid var(--rk-line);
    border-radius: 0;
    background: var(--rk-surface);
}

@media (max-width: 760px) {
    .seller-dashboard .order-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .seller-dashboard .order-item__numbers {
        justify-content: flex-start;
        text-align: left;
    }
}

/* ---------- Витрина: перебиваем старые цвета постраничных стилей ---------- */

.seller-dashboard .dashboard-hero > * {
    min-width: 0;
}

.seller-dashboard .dashboard-hero__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.seller-dashboard .dashboard-btn {
    max-width: 100%;
    text-align: center;
}

.seller-dashboard .dashboard-focus__label,
.seller-dashboard .dashboard-focus__caption,
.seller-dashboard .dashboard-focus__list span {
    color: rgba(255, 255, 255, .82) !important;
}

.seller-dashboard .dashboard-focus__number,
.seller-dashboard .dashboard-focus__list strong {
    color: #fff !important;
}

.seller-dashboard .dashboard-focus__status.is-calm {
    background: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
}

.seller-dashboard .dashboard-hero__eyebrow {
    color: rgba(255, 255, 255, .78) !important;
}

/* Старая сетка дашборда была на 6 колонок с растяжкой карточек на 2-3 —
   в новой сетке из трёх колонок это ломало ряды. */
.seller-dashboard .dashboard-workspace > * {
    grid-column: auto;
}

/* ---------- Плитки: чистим наследие старых стилей ---------- */

.seller-dashboard .workspace-card::before,
.seller-dashboard .workspace-card::after {
    content: none;
}

.seller-dashboard .workspace-card > div {
    margin-top: 0;
}

.seller-dashboard .workspace-card__action {
    margin-top: auto;
}

.seller-dashboard .workspace-card__badge--on {
    background: var(--rk-ok);
}

.seller-dashboard .workspace-card__badge--off {
    background: var(--rk-muted);
}

.seller-dashboard .workspace-card__ribbon {
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
    transform: none;
    width: auto;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--rk-line);
    color: var(--rk-muted);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    box-shadow: none;
}

.seller-dashboard .workspace-card--kaspi .workspace-card__kaspi-mark {
    display: flex;
    align-items: center;
    gap: 8px;
}

.seller-dashboard .workspace-card__kaspi-logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.seller-dashboard .workspace-card {
    justify-content: flex-start;
}

/* ---------- Профиль ---------- */

.seller-dashboard .profile-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
}

.seller-dashboard .profile-hero::before,
.seller-dashboard .profile-hero::after {
    content: none;
}

.seller-dashboard .profile-hero__avatar {
    width: 76px;
    height: 76px;
    border-radius: 20px;
    object-fit: cover;
    border: 1px solid var(--rk-line);
}

.seller-dashboard .profile-hero__avatar--stub {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(140deg, var(--rk-accent) 0%, #35a7ea 100%);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    border: 0;
}

.seller-dashboard .profile-hero__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--rk-accent);
}

.seller-dashboard .profile-hero__title {
    margin: 4px 0 10px;
    font-size: 24px;
}

.seller-dashboard .profile-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seller-dashboard .profile-chip {
    background: var(--rk-accent-soft);
    color: var(--rk-accent-dark);
    font-weight: 500;
}

.seller-dashboard .profile-chip--muted {
    background: var(--rk-surface-soft);
    color: var(--rk-muted);
}

.seller-dashboard .profile-field__top {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.seller-dashboard .field-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--rk-muted);
}

.seller-dashboard .field-hint {
    font-size: 12px;
    color: var(--rk-muted);
}

.seller-dashboard .profile-field {
    padding: 14px 0;
    border-bottom: 1px solid var(--rk-line);
}

.seller-dashboard .profile-field:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

/* ---------- Создание и редактирование товара ---------- */

.seller-dashboard .product-editor-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 26px;
    border: 0;
    border-radius: var(--rk-radius);
    background: linear-gradient(135deg, #0c3f6d 0%, #0b7ad1 100%);
    color: #fff;
    box-shadow: 0 20px 40px -30px rgba(11, 68, 116, .9);
}

.seller-dashboard .product-editor-hero::before,
.seller-dashboard .product-editor-hero::after {
    content: none;
}

.seller-dashboard .product-editor-hero h2 {
    margin: 2px 0 6px;
    color: #fff;
    font-size: 24px;
}

.seller-dashboard .product-editor-hero__eyebrow {
    color: rgba(255, 255, 255, .78) !important;
}

.seller-dashboard .product-editor-hero__content > span {
    color: rgba(255, 255, 255, .84);
    font-size: 14px;
}

.seller-dashboard .product-editor-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seller-dashboard .product-editor-step {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .28);
    color: rgba(255, 255, 255, .85);
    font-size: 13px;
}

.seller-dashboard .product-editor-step strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .22);
    color: #fff;
    font-size: 12px;
}

.seller-dashboard .product-editor-step.is-active {
    background: #fff;
    border-color: #fff;
    color: var(--rk-accent-dark);
}

.seller-dashboard .product-editor-step.is-active strong {
    background: var(--rk-accent);
    color: #fff;
}

.seller-dashboard .edit-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
    gap: 14px;
    align-items: start;
}

.seller-dashboard .main-column,
.seller-dashboard .side-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.seller-dashboard .form-group small,
.seller-dashboard .field small {
    font-size: 12px;
    color: var(--rk-muted);
    line-height: 1.45;
}

@media (max-width: 900px) {
    .seller-dashboard .edit-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- Модалка Kaspi ---------- */

.seller-dashboard .kaspi-modal,
.kaspi-modal {
    border-radius: var(--rk-radius, 16px);
}

.seller-dashboard .kaspi-modal__group,
.seller-dashboard .kaspi-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.seller-dashboard .kaspi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    border-radius: var(--rk-radius-sm);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

/* ---------- Карточка Kaspi ---------- */

.seller-dashboard .workspace-card--kaspi {
    border-color: #ef3b36;
    background: linear-gradient(135deg, #f43b35 0%, #e72722 100%);
    color: #fff !important;
}

.seller-dashboard a.workspace-card--kaspi:hover {
    border-color: #de211c;
    background: linear-gradient(135deg, #ff453e 0%, #df201b 100%);
}

.seller-dashboard .workspace-card--kaspi .workspace-card__kaspi-mark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    max-width: 100%;
    padding: 7px 14px 7px 9px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 22px -12px rgba(110, 17, 15, .55);
}

.seller-dashboard .workspace-card--kaspi .workspace-card__kaspi-mark span {
    color: #111827 !important;
    font-size: 15px;
    font-weight: 800;
}

.seller-dashboard .workspace-card--kaspi .workspace-card__kaspi-logo {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: contain;
}

.seller-dashboard .workspace-card--kaspi .workspace-card__eyebrow,
.seller-dashboard .workspace-card--kaspi h2 {
    color: #fff !important;
}

.seller-dashboard .workspace-card--kaspi span,
.seller-dashboard .workspace-card--kaspi .workspace-card__kaspi-copy > span {
    color: rgba(255, 255, 255, .88) !important;
}

/* В products.css ширины заданы селекторами вида `.seller-table th.…-col`,
   поэтому повторяем ту же специфичность, иначе таблица снова разъезжается. */
.seller-dashboard .seller-table th.seller-table__check-col { width: 40px; }
.seller-dashboard .seller-table th.seller-table__id-col { width: 92px; }
.seller-dashboard .seller-table th.seller-table__price-col { width: 112px; }
.seller-dashboard .seller-table th.seller-table__stock-col { width: 124px; }
.seller-dashboard .seller-table th.seller-table__status-col { width: 132px; }
.seller-dashboard .seller-table th.seller-table__actions-col { width: 164px; }

.seller-dashboard .seller-table td.price-cell,
.seller-dashboard .seller-table td.stock-cell,
.seller-dashboard .seller-table td.status-cell {
    width: auto;
}

/* ---------- Подгонка таблиц под рабочую ширину (~840px) ---------- */

.seller-dashboard .orders-table th,
.seller-dashboard .seller-table th {
    white-space: normal;
}

/* Дата занимает меньше места, если чуть уменьшить кегль. */
.seller-dashboard .orders-table td:nth-child(2) {
    font-size: 13px;
}

/* Подписи «Заказ»/«Оплата» лишние: цветные пилюли и так читаются. */
.seller-dashboard .orders-table .status-line__label {
    display: none;
}

.seller-dashboard .orders-table .status-stack {
    gap: 5px;
}

.seller-dashboard .orders-table .order-price__note {
    font-size: 11px;
    white-space: normal;
}

.seller-dashboard .seller-table th.seller-table__check-col { width: 36px; }
.seller-dashboard .seller-table th.seller-table__id-col { width: 84px; }
.seller-dashboard .seller-table th.seller-table__price-col { width: 104px; }
.seller-dashboard .seller-table th.seller-table__stock-col { width: 112px; }
.seller-dashboard .seller-table th.seller-table__status-col { width: 120px; }
.seller-dashboard .seller-table th.seller-table__actions-col { width: 150px; }

.seller-dashboard .seller-table .product-card__article,
.seller-dashboard .seller-table .price-note,
.seller-dashboard .seller-table .stock-main {
    font-size: 11px;
}

.seller-dashboard .seller-table .status-badge,
.seller-dashboard .seller-table .stock-badge,
.seller-dashboard .seller-table .product-issue {
    font-size: 11px;
    padding: 3px 9px;
}

/* Таблица товаров должна помещаться в рабочую ширину без прокрутки:
   ужимаем внутренние отступы и служебные подписи. */
.seller-dashboard .products-table-card th,
.seller-dashboard .products-table-card td {
    padding-left: 10px;
    padding-right: 10px;
}

.seller-dashboard .products-table-card .price-note {
    display: none;
}

.seller-dashboard .products-table-card .status-badge,
.seller-dashboard .products-table-card .stock-badge,
.seller-dashboard .products-table-card .product-issue {
    font-size: 11px;
    padding: 3px 8px;
}

.seller-dashboard .products-table-card .price-main {
    font-size: 14px;
    white-space: nowrap;
}

.seller-dashboard .products-table-card .table-actions {
    gap: 4px;
}

.seller-dashboard .products-table-card .action-btn {
    height: 28px;
    padding: 0 9px;
    font-size: 12px;
}

/* Иконка «открыть на сайте» вместо второй кнопки — колонке действий
   хватает одной строки, а названию товара достаётся больше места. */
.seller-dashboard .action-btn--icon {
    width: 30px;
    height: 28px;
    padding: 0;
    flex: 0 0 auto;
}

.seller-dashboard .products-table-card .table-actions {
    flex-wrap: nowrap;
    align-items: center;
}

.seller-dashboard .products-table-card th.seller-table__actions-col { width: 128px; }
.seller-dashboard .products-table-card th.seller-table__id-col { width: 78px; }

.seller-dashboard .products-table-card .seller-table__id-cell {
    font-size: 12px;
}

.seller-dashboard .products-table-card .product-cell {
    min-width: 236px;
}

/* ---------- Ключевые данные товара в шапке редактирования ---------- */

.seller-dashboard .product-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seller-dashboard .product-fact {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .26);
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
}

.seller-dashboard .product-fact__label {
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

.seller-dashboard .product-fact b {
    font-weight: 650;
}

.seller-dashboard .product-fact__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffd166;
}

.seller-dashboard .product-fact--ok .product-fact__dot {
    background: #4ade80;
}

.seller-dashboard .product-fact--muted {
    color: rgba(255, 255, 255, .82);
}

/* ---------- Торговые предложения ---------- */

.seller-dashboard .product-offers-card__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.seller-dashboard .product-offers-card__summary-side {
    display: flex;
    align-items: center;
    gap: 14px;
}

.seller-dashboard .product-offers-card__count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 10px 14px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius-sm);
    background: var(--rk-surface-soft);
    line-height: 1.15;
}

.seller-dashboard .product-offers-card__count strong {
    font-size: 24px;
    font-weight: 700;
}

.seller-dashboard .product-offers-card__count span {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rk-muted);
}

.seller-dashboard .product-offers-card__note {
    margin: 14px 0 0;
    padding: 10px 14px;
    border-radius: var(--rk-radius-sm);
    background: var(--rk-accent-soft);
    color: var(--rk-accent-dark);
    font-size: 13px;
    line-height: 1.5;
}

/* ---------- Панель сохранения товара ---------- */

.seller-dashboard .actions-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px;
    border: 1px solid var(--rk-line);
    border-radius: var(--rk-radius);
    background: var(--rk-surface);
    box-shadow: var(--rk-shadow);
}

/* Дубль основной кнопки для Enter — не показываем и не даём в фокус. */
.seller-dashboard .actions-panel__default-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.seller-dashboard .actions-panel .btn--secondary {
    background: var(--rk-surface);
    border-color: var(--rk-line-strong);
    color: var(--rk-text) !important;
}

.seller-dashboard .actions-panel .btn--secondary:hover {
    border-color: var(--rk-accent);
    color: var(--rk-accent) !important;
}

/* Логотип магазина из профиля вместо буквы. */
.rk-nav__logo--photo {
    object-fit: cover;
    background: var(--rk-surface-soft);
    border: 1px solid var(--rk-line);
}

/* ---------- Тур «Как это работает» ---------- */

.seller-dashboard .rk-tour-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid var(--rk-line-strong);
    border-radius: 999px;
    background: var(--rk-surface);
    color: var(--rk-text-soft);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all .15s ease;
}

.seller-dashboard .rk-tour-btn:hover {
    border-color: var(--rk-accent);
    color: var(--rk-accent);
    background: var(--rk-accent-soft);
}

.seller-dashboard .rk-tour-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--rk-accent);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* На синей витрине дашборда кнопка светлая */
.seller-dashboard .dashboard-hero__content .rk-tour-btn {
    margin-top: 14px;
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .34);
    color: #fff;
}

.seller-dashboard .dashboard-hero__content .rk-tour-btn:hover {
    background: rgba(255, 255, 255, .26);
    color: #fff;
}

.seller-dashboard .dashboard-hero__content .rk-tour-btn__icon {
    background: #fff;
    color: var(--rk-accent-dark);
}

body.rk-tour-open {
    overflow: hidden;
}

.rk-tour {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.rk-tour.is-open {
    display: block;
}

.rk-tour__mask {
    position: fixed;
    background: rgba(10, 24, 42, .62);
    display: none;
}

.rk-tour__ring {
    position: fixed;
    border-radius: 14px;
    border: 2px solid #35a7ea;
    box-shadow: 0 0 0 2px rgba(53, 167, 234, .35);
    pointer-events: none;
    transition: top .18s ease, left .18s ease, width .18s ease, height .18s ease;
}

.rk-tour__box {
    position: fixed;
    width: 360px;
    max-width: calc(100vw - 32px);
    padding: 18px 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(7, 22, 40, .35);
}

.rk-tour.is-centered .rk-tour__box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rk-tour__counter {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7c8a9c;
}

.rk-tour__title {
    margin: 6px 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #17202e;
}

.rk-tour__text {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.55;
    color: #4b5a6d;
}

.rk-tour__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rk-tour__nav {
    display: flex;
    gap: 8px;
}

.rk-tour__skip,
.rk-tour__prev,
.rk-tour__next {
    height: 36px;
    padding: 0 16px;
    border-radius: 9px;
    border: 1px solid #d7e0ea;
    background: #fff;
    color: #4b5a6d;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
}

.rk-tour__skip {
    border-color: transparent;
    padding: 0 6px;
    color: #7c8a9c;
}

.rk-tour__next {
    background: #0b7ad1;
    border-color: #0b7ad1;
    color: #fff;
}

.rk-tour__next:hover {
    background: #0a67b1;
}

.rk-tour__prev:disabled {
    opacity: .45;
    cursor: default;
}

@media (max-width: 640px) {
    .rk-tour__box {
        left: 16px !important;
        right: 16px;
        width: auto !important;
    }
}

/* Активная страница: общее правило для ссылок пагинации выше по специфичности,
   поэтому цифру на синем фоне красим селектором с тем же весом. */
.seller-dashboard .pagination span.current-page,
.seller-dashboard .custom-pagination span.nav-current-page,
.seller-dashboard .pagination a.current-page,
.seller-dashboard .custom-pagination a.nav-current-page {
    background: var(--rk-accent) !important;
    border-color: var(--rk-accent) !important;
    color: #fff !important;
    font-weight: 700;
}

.seller-dashboard .pagination span.nav-dots,
.seller-dashboard .custom-pagination span.nav-dots {
    border: 0 !important;
    background: transparent !important;
    color: var(--rk-muted) !important;
}

/* ---------- Картинка в описание и видео ---------- */

.seller-dashboard .description-uploader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.seller-dashboard .description-uploader__status {
    font-size: 12px;
    color: var(--rk-muted);
    line-height: 1.45;
    flex: 1 1 220px;
}

.seller-dashboard .description-uploader__status.is-ok {
    color: var(--rk-ok);
}

.seller-dashboard .description-uploader__status.is-error {
    color: var(--rk-danger);
}

.seller-dashboard .description-uploader__status.is-wait {
    color: var(--rk-accent);
}

.seller-dashboard .youtube-video-item {
    margin-bottom: 10px;
}

.seller-dashboard .youtube-video-item textarea {
    min-height: 84px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
}

.seller-dashboard .youtube-help {
    display: block;
    margin-bottom: 8px;
}