/* =========================================================
   Клиенты в работе: ширина, компактные колонки, без внутренней вертикальной прокрутки
   ========================================================= */

/* Увеличиваем рабочую область портала под широкие таблицы */
.page {
    max-width: min(1480px, 100vw) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Второй раздел шире и компактнее */
.calculation-money-section {
    padding: 14px 16px !important;
}

/* Убираем именно внутреннюю вертикальную прокрутку второго раздела.
   Если клиентов много — прокручивается вся страница, а не таблица внутри карточки. */
.calculation-money-section .table-wrap,
.admin-clients-section .table-wrap {
    max-height: none !important;
    overflow-y: visible !important;
}

/* Таблица помещается компактнее */
.calculation-money-section table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 1120px !important;
}

.calculation-money-section th,
.calculation-money-section td {
    padding: 5px 7px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
}

/* 1. Клиент */
.calculation-money-section th:nth-child(1),
.calculation-money-section td:nth-child(1) {
    width: 158px !important;
}

/* 2. Город */
.calculation-money-section th:nth-child(2),
.calculation-money-section td:nth-child(2) {
    width: 92px !important;
    overflow-wrap: anywhere !important;
}

/* 3. Тип */
.calculation-money-section th:nth-child(3),
.calculation-money-section td:nth-child(3) {
    width: 64px !important;
}

/* 4. Деньги */
.calculation-money-section th:nth-child(4),
.calculation-money-section td:nth-child(4) {
    width: 94px !important;
}

/* 5. Статус */
.calculation-money-section th:nth-child(5),
.calculation-money-section td:nth-child(5) {
    width: 124px !important;
    overflow-wrap: anywhere !important;
}

/* 6. План закрытия — делаем уже */
.calculation-money-section th:nth-child(6),
.calculation-money-section td:nth-child(6) {
    width: 92px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* 7. Дней */
.calculation-money-section th:nth-child(7),
.calculation-money-section td:nth-child(7) {
    width: 48px !important;
    text-align: center !important;
}

/* 8. Комментарий */
.calculation-money-section th:nth-child(8),
.calculation-money-section td:nth-child(8) {
    width: 210px !important;
}

/* 9. Редактировать — в шапке пусто, колонка узкая */
.calculation-money-section th:nth-child(9),
.calculation-money-section td:nth-child(9) {
    width: 54px !important;
    text-align: center !important;
}

/* 10. В продажу */
.calculation-money-section th:nth-child(10),
.calculation-money-section td:nth-child(10) {
    width: 100px !important;
    text-align: center !important;
}

/* 11. Удаление */
.calculation-money-section th:nth-child(11),
.calculation-money-section td:nth-child(11) {
    width: 74px !important;
    text-align: center !important;
}

/* Убираем лишнюю ширину у кнопки-карандаша */
.calculation-money-section .edit-client-btn,
.admin-clients-section .edit-client-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
}

/* Уменьшаем блок ЖДЁМ, чтобы не раздувал колонку */
.calculation-money-section .calculation-sale-wait {
    max-width: 90px !important;
    padding: 5px 6px !important;
    font-size: 11px !important;
}

/* Админская таблица клиентов — без внутреннего вертикального скролла и компактная колонка редактирования */
.admin-clients-section table {
    table-layout: fixed !important;
    min-width: 1180px !important;
}

.admin-clients-section th:nth-child(8),
.admin-clients-section td:nth-child(8) {
    width: 54px !important;
    text-align: center !important;
}

.admin-clients-section th:nth-child(9),
.admin-clients-section td:nth-child(9) {
    width: 105px !important;
    text-align: center !important;
}

/* На узком экране оставляем горизонтальную прокрутку, но не вертикальную внутри таблицы */
@media (max-width: 1200px) {
    .calculation-money-section table {
        min-width: 1080px !important;
    }
}