/* ===========================
   MERGED: seller-sales.css + seller-withdraw.css
   (removed only real duplicates)
   =========================== */

/* Обгортка вкладки "Продажі" */
.spr-sales-wrapper {
    margin: 0 auto 20px;
    padding: 5px 10px 10px;
    background: #f8f9fc;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
}

.spr-sales-wrapper h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #2b587a;
}

.spr-sales-intro,
.spr-sales-note {
    margin: 0 0 10px;
    font-size: 13px;
    color: #555;
}

.spr-sales-status-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 6px 0;
	position: relative;
}

.spr-sales-status-row::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-bottom: 1px dashed #d6dbe3;
	z-index: 0;
}

.spr-sales-status-left,
.spr-sales-status-right{
	position: relative;
	z-index: 1;
	background: #f8f9fc; /* той самий фон, що у wrapper */
	padding: 0 6px;
}

.spr-sales-status-left strong{
	font-size: 13px;
	color: #555;
}

.spr-sales-status-right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* На дуже вузьких екранах — переносимо в 2 рядки, але бейдж лишається праворуч */
@media screen and (max-width: 520px){
	.spr-sales-status-row{
		flex-direction: column;
		align-items: flex-start;
	}
	.spr-sales-status-right{
		width: 100%;
		justify-content: flex-start;
	}
	.spr-sales-status-row::after{
		display: none;
	}
}

.spr-sales-mini {
    font-size: 11px;
    color: #777;
    margin-top: 2px;
}

/* Tabs */
.spr-sales-tabs {
    display: flex;
    gap: 8px;
    margin: 10px 0 12px;
    flex-wrap: wrap;
}

.spr-sales-tab-btn {
    appearance: none;
    border: 1px solid #d6dbe3;
    background: #ffffff;
    color: #2b587a;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.spr-sales-tab-btn:hover {
    background: #4c8cbd;
    color: #fff;
}

.spr-sales-tab-btn.is-active {
    background: #ffffff;
    color: #2b587a;
}

/* Panels */
.spr-sales-tab-panel {
    display: none;
}

.spr-sales-tab-panel.is-active {
    display: block;
}

/* Підсумки зверху */
.spr-sales-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 10px 0 12px;
}

.spr-sales-summary-item {
    flex: 1 1 180px;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid #d6dbe3;
    border-radius: 4px;
}

.spr-sales-summary-label {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.spr-sales-summary-value {
    font-size: 15px;
    font-weight: 600;
    color: #2E7D32;
}

.spr-sales-value-green {
    color: #2b588b;
}

.spr-sales-value-red {
    color: #c62828;
}

/* ===== Fix: 3 підсумкові блоки в один рядок на вужчому кабінеті ===== */
.spr-sales-summary{
    flex-wrap: nowrap; /* не ламати в 2 рядки на десктопі */
}

.spr-sales-summary-item{
    flex: 1 1 0;       /* рівні колонки */
    min-width: 0;      /* дозволяє стискатися */
}

/* щоб числа не роздували блоки */
.spr-sales-summary-value{
    white-space: nowrap;
}

/* якщо дуже вузько — 2 в ряд + 1 нижче */
@media screen and (max-width: 860px){
    .spr-sales-summary{
        flex-wrap: wrap;
    }
    .spr-sales-summary-item{
        flex: 1 1 calc(50% - 12px);
    }
}

/* як було: на мобільному — в колонку */
@media screen and (max-width: 640px){
    .spr-sales-summary{
        flex-direction: column;
    }
    .spr-sales-summary-item{
        flex: 1 1 auto;
    }
}

/* =========================================================
   ТАБЛИЦЯ (оновлено) — без дублів, вирівнювання як треба
   ========================================================= */
.spr-sales-table-wrapper{
    margin-top: 10px;
    overflow-x: auto;
}

.spr-sales-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background: #ffffff;
}

/* Комірки */
.spr-sales-table th,
.spr-sales-table td{
    padding: 10px 15px;
    border: 1px solid #dfe3ec;
    vertical-align: middle; /* ✅ вертикальне центрування */
}

/* Заголовки */
.spr-sales-table thead th{
    background: #eef1f6;
    font-weight: 600;
    color: #333;
    text-align: center;      /* ✅ центр */
    vertical-align: middle;  /* ✅ центр */
    white-space: nowrap;
    line-height: 1.2;
    padding: 10px 8px;
}

/* Рядки */
.spr-sales-table tbody tr:nth-child(even) td{
    background: #f7f9fc;
}

/* Посилання в таблиці */
.spr-sales-table a{
    color: #5f9cdb;
    text-decoration: underline;
}
.spr-sales-table a:hover{
    text-decoration: none;
}

/* Колонки (legacy таб) */
.spr-col-num{ width: 50px; white-space: nowrap; }
.spr-col-product{ min-width: 220px; }
.spr-col-buyer{ min-width: 160px; }

/* ✅ Фінансові колонки (split): 4..7 */
.spr-sales-table th:nth-child(4),
.spr-sales-table th:nth-child(5),
.spr-sales-table th:nth-child(6),
.spr-sales-table th:nth-child(7),
.spr-sales-table td:nth-child(4),
.spr-sales-table td:nth-child(5),
.spr-sales-table td:nth-child(6),
.spr-sales-table td:nth-child(7){
    width: 13%;
    text-align: center;
    white-space: nowrap;
}

/* ✅ № і Замовлення теж по центру */
.spr-sales-table td:nth-child(1),
.spr-sales-table td:nth-child(2){
    text-align: center;
    white-space: nowrap;
}

/* Виділення колонок з доходом/комісією (split таб) */
.spr-sales-col-seller{
    font-weight: 600;
    color: #2e7d32;
    text-align: center;
}
.spr-sales-col-commission{
    color: #c62828;
    text-align: center;
}

/* Колонка дати: іконка + текст разом */
.spr-col-date{
    white-space: normal; /* ✅ дозволяємо 2 рядки */
}


/* === Seller Sales (Split) — рядок "Підсумок за день" === */
.spr-sales-table tr.spr-sales-day-total td{
    font-weight: 700;
    background: #f1f3f5;            /* як у твоїх нижніх блоках */
    border-top: 2px dashed #c8d0da;  /* розділювач дня (пунктир) */
    border-bottom: 1px solid #d6dbe3;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;             /* ✅ числа по центру */
}

/* Лейбл підсумку — читабельніше ліворуч (якщо хочеш теж по центру — скажи) */
.spr-sales-table tr.spr-sales-day-total td:first-child{
    color: #2b587a;
    text-align: left;
}

/* щоб дата-колонка не “тягнула” висоту */
.spr-sales-table tr.spr-sales-day-total td.spr-col-date{
    background: #f1f3f5;
}

/* Адаптив таблиці */
@media screen and (max-width: 640px){
    .spr-sales-table{
        font-size: 11px;
    }
}

/* мобільна компактність підсумку */
@media (max-width: 720px){
    .spr-sales-table tr.spr-sales-day-total td{
        padding-top: 8px;
        padding-bottom: 8px;
        font-weight: 700;
    }
    .spr-sales-table tr.spr-sales-day-total td:first-child{
        font-size: 13px;
    }
}

/* ========================================================= */

/* Статуси автоматичних виплат */
.spr-status {
    display: inline-block;
    padding: 2px 8px 2px 6px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    vertical-align: middle;
    white-space: nowrap;
}

/* 🟢 Активні */
.spr-status-active {
    background: #e6f4ea;
    color: #1e7e34;
    border: 1px solid #b7dfc2;
}

/* ⚪ Не підключені */
.spr-status-inactive {
    background: #f1f3f5;
    color: #c62828;
    border: 1px solid #d6d8db;
}

/* Щоб сума + "грн" не переносились у колонці "Залишок" */
.spr-col-balance {
    white-space: nowrap;
}

/* ===== LEGACY only: таблиця ручних виплат ===== */
.spr-sales-table-legacy{
    table-layout: fixed;
    width: 100%;
}

/* № */
.spr-sales-table-legacy th.spr-col-num,
.spr-sales-table-legacy td.spr-col-num{
    width: 70px;
    white-space: nowrap;
    text-align: center;
}

/* Дохід / Витрати */
.spr-sales-table-legacy th.spr-col-income,
.spr-sales-table-legacy td.spr-col-income{
    width: 140px;
    white-space: nowrap;
    text-align: center;
}

/* Залишок */
.spr-sales-table-legacy th.spr-col-balance,
.spr-sales-table-legacy td.spr-col-balance{
    width: 120px;
    white-space: nowrap;
    text-align: center;
}

/* Дата */
.spr-sales-table-legacy th.spr-col-date,
.spr-sales-table-legacy td.spr-col-date{
    width: 130px;
    white-space: nowrap;
}

.spr-sales-table-legacy th.spr-col-product,
.spr-sales-table-legacy td.spr-col-product{
	width: auto;
	white-space: normal !important;
	word-break: break-word;
	overflow-wrap: anywhere;
	text-align: left !important;
}

.spr-sales-table-legacy td.spr-col-product{
	vertical-align: middle;
}

/* === Split: бейджі сум у рядку "Підсумок за день" === */
.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge{
	display: inline-block;
	padding: 4px 10px;
	border-radius: 5px;
	font-weight: 700;
	color: #333;
	white-space: nowrap;
	line-height: 1.2;
}

/* Кольори — у стилі поточної палітри */
.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--turnover{
	background: #D6DBE3; /* синій */
}

.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--ipay{
	background: #F3BABC; /* червоний */
}

.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--platform{
	background: #F3BABC; /* червоний */
}

.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--payout{
	background: #CDE8D6; /* зелений */
}

/* На мобільному трохи компактніше */
@media (max-width: 720px){
	.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge{
		padding: 3px 8px;
		border-radius: 7px;
	}
}

/* Колонка "Покупець" */
.spr-sales-table th:nth-child(3),
.spr-sales-table td:nth-child(3){
    width: 130px;        /* контроль ширини */
    max-width: 130px;
    white-space: normal; /* дозволяємо перенос */
    word-break: break-all;
    overflow-wrap: anywhere;
}

/* =========================================================
   Seller Withdraw — FINISH: компактно + рівно
   1 ряд: label + input + button
   2 ряд: notice під input
   Author: Ярослав & ChatGPT
   ========================================================= */

/* Ховаємо реквізити ФОП лише у вкладці "Вивід" */
.spr-withdraw-wrapper .spr-payouts-fop-summary{
	display: none !important;
}

/* Трохи підчистимо відступи заголовків */
.spr-withdraw-wrapper h3{ margin: 0 0 10px 0; }
.spr-withdraw-wrapper .spr-withdraw-wallet > h3{ margin: 0 0 8px 0; }
.spr-withdraw-wrapper .spr-withdraw-wallet hr{ margin: 12px 0; }

/* --- Форма: один ряд --- */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{
	flex-wrap: nowrap;
	align-items: flex-start; /* важливо: щоб label не “падав” вниз */
	gap: 10px;
}

/* Поле (label + input + notice) */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field.type-number-field{
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	gap: 10px;
	align-items: flex-start;
	margin: 15px 0;
}

/* Лейбл зліва (в одному рядку) */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-title{
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	margin: 0 !important;
	font-weight: 600;
	line-height: 36px; /* вирівнюємо по висоті інпута */
}

/* Блок інпута + notice вертикально */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-input{
	flex: 1 1 auto;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
}

/* Інпут */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form input.number-field{
	width: 100%;
	height: 36px;
	padding: 6px 10px;
	box-sizing: border-box;
	border-radius: 8px;
}

/* Notice — під інпутом, компактно */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-notice{
	display: inline-flex !important;
	align-items: center;
	gap: 6px;

	margin: 3px 0 0 0;
	padding: 2px 8px;

	font-size: 12px;
	line-height: 1.2;
	color: #666;

	background: rgba(0,0,0,0.04);
	border-radius: 999px;
	width: fit-content; /* щоб не розтягувався */
}

.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-notice .rcli{
	font-size: 12px;
	line-height: 1;
}

/* Кнопка <a> */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{
	height: 36px;
	line-height: 36px;
	padding: 0 14px !important;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 8px;
	white-space: nowrap;
}

.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn__ico{
	font-size: 15px;
	line-height: 1;
}

/* --- Адаптив --- */
@media (max-width: 720px){
	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{
		flex-wrap: wrap;
	}

	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field.type-number-field{
		flex: 1 1 100%;
	}

	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box{
		flex: 1 1 100%;
	}

	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{
		width: 100%;
	}
}

.rcl-form .submit-box {
background: #fdfefe;
    padding: 0px;
    display: grid;
}


#rcl-office a:link {
    border: 0;
    box-shadow: none;
    text-decoration: none;
}
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn {
    border-radius: 3px;
}

.spr-wrq-status{
	display:inline-flex;
	align-items:center;
	padding:2px 8px;
	border-radius:999px;
	font-size:12px;
	line-height:1.2;
}
.spr-wrq-status--pending{ background: rgba(220,0,0,0.08); color:#b00000; }
.spr-wrq-status--done{ background: rgba(0,140,0,0.10); color:#0a7a0a; }

.spr-wrq-cancel{ color:#b00000; text-decoration:none; }
.spr-wrq-cancel:hover{ opacity:0.8; }

/* Документи — не ламати слова */
.spr-wrq-doc{
	white-space: nowrap;
}



/* шапка */
.spr-withdraw-table-wrapper th{
	background: #eef1f6;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	text-align: center;
}

/* zebra */
.spr-withdraw-table-wrapper tbody tr:nth-child(even) td{
	background: #f7f9fc;
}

/* лінки */
.spr-withdraw-table-wrapper a{
	color: #5f9cdb;
	text-decoration: underline;
}
.spr-withdraw-table-wrapper a:hover{
	text-decoration: none;
}


.spr-wrq-docs{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Дата як у spr-sales */
.spr-withdraw-table-wrapper td:nth-child(6){
	white-space: normal;
}

.spr-date-wrap{
	line-height: 1.25;
}

.spr-date-day,
.spr-date-time{
	display: flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.spr-date-day{ font-weight: 600; }

.spr-date-time{
	font-size: 12px;
	color: #666;
}

.spr-date-ico,
.spr-time-ico{
	font-size: 14px;
	color: #8a94a6;
}

/* Невеликий вертикальний відступ між датою і часом */
.spr-date-day{
	margin-bottom: 5px;
}

.spr-wrq-doc{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
}

.spr-wrq-doc .fa{
	font-size: 14px;
	color: #8a94a6;
}

.spr-wrq-request-no{
	display:inline-block;
	font-size:12px;
	line-height:1.2;
	white-space:nowrap;
	color:#2b587a;
	font-weight:600;
}

.spr-wrq-cancel-link{
	display:inline-flex;
	align-items:center;
	gap:4px;
	color:#c0392b;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
}

.spr-wrq-cancel-link:hover{
	color:#a93226;
	text-decoration:underline;
}

.spr-wrq-cancel-text{
	line-height:1;
}

/* Кнопка відкриття */
.spr-withdraw-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    border: none;
    padding: 5px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    transition: 0.2s;
    margin: 0 0 13px 0;
    float: right;
}

.spr-withdraw-toggle-btn:hover{
	background:#1f4560;
}

.spr-withdraw-toggle-btn.is-open{
	background:#e14d52;
}

.spr-withdraw-toggle-btn.is-open:hover{
	background:#2b587a;
}



/* FIX: embedded withdraw на всю ширину */
.spr-withdraw-embedded,
.spr-withdraw-embedded .spr-withdraw-wallet,
.spr-withdraw-embedded .spr-withdraw-hidden-content,
.spr-withdraw-embedded .rcl-form{
	width: 100%;
	max-width: 100%;
}

/* FIX: щоб на вузьких/середніх ширинах форма не "кривилася" */
@media (max-width: 980px){
	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{
		flex-wrap: wrap;
	}
	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box{
		flex: 1 1 100%;
	}
	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{
		width: 100%;
	}
}

/* =========================================================
   FIX: форма на всю ширину і не залазить під кнопку "Закрити"
   (toggle button). Ізоляція тільки в withdraw-блоці.
   ========================================================= */

/* Робимо контейнер керованим, без float-обтікання */
.spr-withdraw-wrapper .spr-withdraw-wallet{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

/* Кнопка справа без float */
.spr-withdraw-wrapper .spr-withdraw-toggle-btn{
	float: none !important;
	align-self: flex-end;
	margin: 0;
}

/* Контент завжди починається з нового рядка і займає 100% */
.spr-withdraw-wrapper .spr-withdraw-hidden-content{
	clear: both;
	width: 100%;
	max-width: 100%;
}

/* Додатково: сама форма money-wallet — 100% ширини */
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form,
.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{
	width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid #d6dbe3;
    border-radius: 10px;
    padding: 10px;
    background: #ffffff;
}

/* На середніх екранах дозволяємо перенос, щоб нічого не "вилазило" */
@media (max-width: 1200px){
	.spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{
		flex-wrap: wrap;
	}
}

.spr-sales-table-title{
    margin: 30px 0 15px;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
    color: #2b587a;
    border-bottom: 1px dashed #cfd6df;
}


.spr-withdraw-table-wrapper .rcl-table {
    font-size: 12px !important;
}


/* =========================================================
   Withdraw requests table only
   Ширини колонок (локально, без впливу на інші RCL таблиці)
   ========================================================= */

.spr-withdraw-requests-table .rcl-table__cell-w-16 {
    flex-basis: 15% !important;
    max-width: 15% !important;
}

.spr-withdraw-requests-table .rcl-table__cell-w-15 {
    flex-basis: 15% !important;
    max-width: 15% !important;
}

.spr-withdraw-requests-table .rcl-table__cell-w-18 {
    flex-basis: 15% !important;
    max-width: 15% !important;
}

.spr-withdraw-requests-table .rcl-table__cell-w-24 {
    flex-basis: 25% !important;
    max-width: 25% !important;
}

.spr-withdraw-requests-table .rcl-table__cell-w-13 {
    flex-basis: 15% !important;
    max-width: 15% !important;
}

.spr-withdraw-requests-table .rcl-table__cell-w-14 {
    flex-basis: 15% !important;
    max-width: 15% !important;
}













/* =========================================================
   Withdraw requests table (Rcl_Table as div/flex)
   DOM: .spr-withdraw-table-wrapper .rcl-table > .rcl-table__row...
   ========================================================= */

/* 0) Локальний "якір", щоб не чіпати інші rcl-table */
.spr-withdraw-table-wrapper > .rcl-table{
	background: #fff;
	border: 1px solid #dfe3ec;
}

/* 1) ШАПКА — один колір */
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-header,
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-header > .rcl-table__cell{
	background-color: #eef1f6 !important;
}

/* остання колонка без правої лінії */
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row > .rcl-table__cell:last-child{
	border-right: none;
}

/* 3) ZEBRA — тільки BODY рядки
      УВАГА: header = 1-й child. Тому:
      child #2 (перший body) = even -> білий
      child #3 (другий body) = odd  -> сіруватий
*/
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(even),
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(even) > .rcl-table__cell{
	background-color: #ffffff !important;
}

.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(odd),
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(odd) > .rcl-table__cell{
	background-color: #f7f9fc !important;
}

/* 4) (Опційно) Відступи/вирівнювання, щоб було як у “класичній” таблиці */
.spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row > .rcl-table__cell{
	padding: 10px 8px;
}




/* =========================================================
   Mobile: окремі ширини для кожної колонки
   "Історія змін балансу"
   ========================================================= */
@media (max-width: 1140px){

  .spr-sales-table-wrapper{
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  /* Загальна ширина = сума всіх колонок */
  .spr-sales-table-wrapper > table.spr-sales-table.spr-sales-table-legacy{
    width: 600px !important;   /* 70 + 200 + 170 + 170 + 220 */
    min-width: 600px !important;
  }

  /* № */
  .spr-sales-table-legacy th.spr-col-num,
  .spr-sales-table-legacy td.spr-col-num{
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    white-space: nowrap;
    text-align: center;
  }

  /* Коментар */
  .spr-sales-table-legacy th.spr-col-product,
  .spr-sales-table-legacy td.spr-col-product{
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    white-space: normal;
    word-break: break-word;
  }

  /* Дохід / Витрати */
  .spr-sales-table-legacy th.spr-col-income,
  .spr-sales-table-legacy td.spr-col-income{
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: nowrap;
  }

  /* Залишок */
  .spr-sales-table-legacy th.spr-col-balance,
  .spr-sales-table-legacy td.spr-col-balance{
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: nowrap;
  }

  /* Дата */
  .spr-sales-table-legacy th.spr-col-date,
  .spr-sales-table-legacy td.spr-col-date{
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: nowrap;
  }

}



/* =========================================================
   Mobile: SPLIT таблиця (ledger) — як на ПК + горизонтальний скрол
   ========================================================= */
@media (max-width: 1140px){

  /* обгортка зі скролом */
  .spr-sales-table-wrapper{
    overflow-x: auto !important;
    overflow-y: hidden;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  /* тільки SPLIT таблиця (НЕ legacy) */
  .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy){
    min-width: 860px !important;     /* щоб не стискалась */
    width: 860px !important;
    table-layout: auto !important;   /* важливо: не "fixed" */
  }

  /* заголовки не переносимо (щоб не ставали вертикальними) */
  .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) thead th{
    white-space: nowrap !important;
  }

  /* всі важливі клітинки — в 1 рядок (суми/№/дата/замовлення) */
  .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) td,
  .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) th{
    white-space: nowrap;
  }

  /* але email можна переносити/обрізати — щоб не роздувало колонку */
  .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) td:nth-child(3){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
  }
}

.spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--platon {
	background: #F3BABC;
}