/* =========================================================
   ЕДИНЫЙ ВИД для раздела "Просчёты/Клиенты в работе" у
   менеджера (.calculation-money-section) и у админа
   (.admin-clients-section) — раньше эти два класса стилились
   в разных, накопленных со временем файлах-патчах, из-за чего
   выглядели по-разному. Этот файл подключается последним и
   уравнивает их окончательно.
   ========================================================= */

/* =========================================================
   ГЛАВНОЕ РАСХОЖДЕНИЕ: у админской карточки ".admin-clients-section"
   в нескольких старых файлах задан особый жёлто-оранжевый акцент
   (фон/рамка/заголовок), а у менеджерской ".calculation-money-section"
   такого акцента не было нигде — отсюда и разный вид всей карточки,
   а не только кнопок.
   ========================================================= */
.calculation-money-section,
.admin-clients-section {
    background: #fefce8 !important;
    border: 1px solid #fde68a !important;
    border-left: 6px solid #eab308 !important;
}

.calculation-money-section h2,
.calculation-money-section .card-title h2,
.admin-clients-section h2 {
    color: #713f12 !important;
}

.calculation-money-section .hint,
.admin-clients-section .hint {
    color: #854d0e !important;
}

.calculation-money-section th,
.admin-clients-section th {
    background: #fef3c7 !important;
    color: #713f12 !important;
}

.calculation-money-section .table-wrap,
.admin-clients-section .table-wrap {
    border-color: #fde68a !important;
}

.calculation-money-section .edit-client-btn,
.admin-clients-section .edit-client-btn,
.calculation-money-section td[data-label="Редактировать"] button,
.admin-clients-section td[data-label="Редактировать"] button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.calculation-money-section .edit-client-btn:hover,
.admin-clients-section .edit-client-btn:hover {
    background: #f3f4f6 !important;
    color: #d71920 !important;
    border-color: #d71920 !important;
}

.calculation-money-section .action-icon-btn,
.admin-clients-section .action-icon-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
}

.calculation-money-section .btn-sale-plan,
.admin-clients-section .btn-sale-plan,
.calculation-money-section .btn-transfer-deal,
.admin-clients-section .btn-transfer-deal {
    background: #ffffff !important;
    color: #16a34a !important;
    border: 1px solid #86efac !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: 7px 12px !important;
}

/* Строки таблицы — одинаковое чередование фона */
.calculation-money-section table tbody tr,
.admin-clients-section table tbody tr,
.calculation-money-section table tr,
.admin-clients-section table tr {
    background: #ffffff !important;
}

.calculation-money-section table tbody tr:nth-child(even),
.admin-clients-section table tbody tr:nth-child(even) {
    background: #fafbfc !important;
}

.calculation-money-section table th,
.admin-clients-section table th {
    background: #f8fafc !important;
    color: #374151 !important;
    font-weight: 700 !important;
}

/* =========================================================
   Колонки таблицы просчётов у менеджера — фиксированная раскладка
   с шириной в процентах (сумма = 100% контейнера). Это гарантирует
   отсутствие горизонтальной прокрутки математически, а не подбором
   пиксельных значений на глаз.
   ========================================================= */
.calc-template-table,
.postponed-deals-table,
.admin-clients-compact {
    table-layout: fixed !important;
    min-width: 0 !important;
    width: 100% !important;
}

.calculation-money-section .admin-actions-row,
.admin-clients-section .admin-actions-row {
    flex-wrap: nowrap !important;
    gap: 2px !important;
    min-width: 0 !important;
    width: 100%;
}

.calculation-money-section .admin-actions-row .action-icon-btn,
.admin-clients-section .admin-actions-row .action-icon-btn,
.calculation-money-section .admin-actions-row .edit-client-btn,
.admin-clients-section .admin-actions-row .edit-client-btn {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}

.calculation-money-section .admin-actions-row .assigned-comments-bubble-btn,
.admin-clients-section .admin-actions-row .assigned-comments-bubble-btn {
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 3px !important;
    font-size: 10px !important;
    flex-shrink: 0 !important;
}

.calculation-money-section .admin-actions-row .btn-sale-plan,
.admin-clients-section .admin-actions-row .btn-sale-plan,
.calculation-money-section .admin-actions-row .btn-transfer-deal,
.admin-clients-section .admin-actions-row .btn-transfer-deal {
    flex-shrink: 1 !important;
    text-align: center;
    padding: 4px 3px !important;
    font-size: 10px !important;
    min-width: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calc-template-table th,
.calc-template-table td,
.postponed-deals-table th,
.postponed-deals-table td {
    padding: 6px 4px !important;
    overflow: hidden;
}

.calc-template-table th:nth-child(1),
.calc-template-table td[data-label="Клиент"] {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calc-template-table th:nth-child(2),
.calc-template-table td[data-label="Город"] {
    width: 9%;
    font-size: 12px !important;
}

.calc-template-table th:nth-child(3),
.calc-template-table td[data-label="Тип"] {
    width: 6%;
    font-size: 12px !important;
}

.calc-template-table th:nth-child(4),
.calc-template-table td[data-label="Деньги"] {
    width: 9%;
}

.calc-template-table th:nth-child(5),
.calc-template-table td[data-label="Источник"] {
    display: none !important;
}

.calc-template-table th:nth-child(6),
.calc-template-table td[data-label="Статус"] {
    width: 13%;
    font-size: 12px !important;
}

.calc-template-table th:nth-child(7),
.calc-template-table td[data-label="План"] {
    width: 8%;
    font-size: 10px !important;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.calc-template-table th:nth-child(8),
.calc-template-table td[data-label="Дней в работе"] {
    width: 7%;
}

.calc-template-table th:last-child,
.calc-template-table td.admin-actions-cell {
    width: 33%;
}