.ant-pro-sider-logo img {
    width: 30px;
}

.ant-pro-sider ant-pro-sider-fixed ant-pro-sider-layout-side ant-pro-sider-light ant-layout-sider ant-layout-sider-light{

}

#logo h1 {
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #96B15E;
    margin: 0;
}

.ant-menu-item.ant-menu-item-selected {
    background-color: rgba(174, 206, 139, 0.6) !important;
}

    /* Цвет текста выбранного пункта */
    .ant-menu-item.ant-menu-item-selected a,
    .ant-menu-item.ant-menu-item-selected a span {
        color: #333 !important;
    }

    /* ::after полоска справа у выбранного пункта */
    .ant-menu-item.ant-menu-item-selected::after {
        border-right: 3px solid #aece8b !important; /* сплошной цвет без прозрачности */
        transform: scaleY(1);
        opacity: 1;
    }

.ant-menu-submenu-selected,
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-item.ant-menu-item-selected {
    color: #779556 !important;
}

.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon {
    color: #aece8b !important;
}

.ant-tabs-ink-bar {
    background-color: #aece8b !important;
}

/* Если сайдер свернут, можно уменьшить размер */
/*.ant-pro-sider-collapsed #logo h1 {
    font-size: 14px;
    color: #96B15E;*/ /* сохраняем цвет */
/*}*/

/* Активная вкладка */
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #779556 !important;
}

/* Крестик у активной вкладки */
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove {
    color: #779556 !important;
}

/* Hover для неактивных вкладок */
.ant-tabs-tab:not(.ant-tabs-tab-active):hover .ant-tabs-tab-btn {
    color: #aece8b !important; /* блеклый зеленый */
}

/* Hover крестика */
.ant-tabs-tab:not(.ant-tabs-tab-active):hover .ant-tabs-tab-remove {
    color: #aece8b !important;
}

.ant-menu-item:hover a {
    color: #aece8b !important;
}

/* Hover на заголовок подменю (Справочники) */
.ant-menu-submenu-title:hover .ant-menu-title-content {
    color: #aece8b !important;
}

/* Hover на стрелку справа */
.ant-menu-submenu-title:hover .ant-menu-submenu-arrow {
    color: #aece8b !important;
}


/*.custom-diadoc-btn {
    background-color: #00bea2 !important;
    border-color: #00bea2 !important;
    color: white;*/ /* текст белый */
/*}

.custom-diadoc-btn:hover {
    background-color: #33c9b3 !important;*/ /* светлее оригинала */
    /*border-color: #33c9b3 !important;
}*/

/*.custom-green-btn {
    background-color: rgb(174, 206, 139) !important;
    border-color: rgb(174, 206, 139) !important;
    color: white;*/ /* текст белый */
/*}

.custom-green-btn:hover {
    background-color: rgb(190, 220, 160) !important;*/ /* светлее оригинала */
    /*border-color: rgb(190, 220, 160) !important;
}*/


/* Дефолтная кнопка (без класса primary) -------------------------------------------------------- */
.ant-btn-default:hover,
.ant-btn-default:focus {
    color: rgb(154, 186, 119) !important;
    border-color: rgb(154, 186, 119) !important;
    background-color: #fff !important;
}

.ant-btn-default:active {
    color: rgb(134, 166, 99) !important;
    border-color: rgb(134, 166, 99) !important;
}
/* END Дефолтная кнопка ------------------------------------------------------------------------- */


/* Основной стиль кнопок ------------------------------------------------------------------------ */
.ant-btn-primary {
    background-color: rgb(174, 206, 139) !important;
    border-color: rgb(174, 206, 139) !important;
    color: white !important;
}

    /* Стиль при наведении */
    .ant-btn-primary:hover,
    .ant-btn-primary:focus {
        background-color: rgb(154, 186, 119) !important; 
        border-color: rgb(154, 186, 119) !important;
        color: white !important;
    }

    /* Стиль при клике */
    .ant-btn-primary:active {
        background-color: rgb(134, 166, 99) !important;
        border-color: rgb(134, 166, 99) !important;
    }
/* END Основной стиль кнопок -------------------------------------------------------------------- */


/* Кнопка очистки ------------------------------------------------------------------------------- */
.ant-btn-clear {
    background-color: white !important;
    border-color: red !important;
    color: red !important;
}

    .ant-btn-clear:hover,
    .ant-btn-clear:focus {
        background-color: rgb(247, 225, 225) !important;
        border-color: red !important;
        color: red !important;
    }
/* END Кнопка очистки --------------------------------------------------------------------------- */


/* Кнопка импорта из Excel ---------------------------------------------------------------------- */
.ant-btn-excel {
    color: #217346 !important;
    border-color: #d9d9d9 !important;
    background-color: #fff !important;
}

    .ant-btn-excel:hover,
    .ant-btn-excel:focus {
        color: #217346 !important;
        border-color: #52a36a !important;
        background-color: #f0faf4 !important;
    }

    .ant-btn-excel:active {
        color: #155c34 !important;
        border-color: #155c34 !important;
        background-color: #e0f3e8 !important;
    }
/* END Кнопка импорта из Excel ------------------------------------------------------------------ */


/* Кнопка загрузки в базу ----------------------------------------------------------------------- */
.ant-btn-upload {
    background-color: orange !important;
    border-color: orange !important;
    color: white !important;
}
    .ant-btn-upload:hover,
    .ant-btn-upload:focus {
        background-color: orangered !important;
        border-color: darkorange !important;
        color: white !important;
    }
/* END Кнопка загрузки в базу ------------------------------------------------------------------- */


/* Кнопка Danger ------------------------------------------------------------------------------- */
.ant-btn-danger {
    background-color: rgb(174, 206, 139) !important;
    border-color: rgb(174, 206, 139) !important;
    color: orange !important;
}

    .ant-btn-danger:hover,
    .ant-btn-danger:focus {
        background-color: rgb(154, 186, 119) !important;
        border-color: rgb(154, 186, 119) !important;
        color: orange !important;
    }
/* END Danger ----------------------------------------------------------------------------------- */


.method.handbook-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

    .handbook-toolbar .toolbar-left,
    .handbook-toolbar .toolbar-right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .handbook-toolbar .toolbar-secondary {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

.ant-btn-delete {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: white !important;
}

    .ant-btn-delete:hover,
    .ant-btn-delete:focus {
        background-color: #ff7875 !important;
        border-color: #ff7875 !important;
        color: white !important;
    }

    .ant-btn-delete:active {
        background-color: #d9363e !important;
        border-color: #d9363e !important;
        color: white !important;
    }

    .ant-btn-delete[disabled],
    .ant-btn-delete[disabled]:hover {
        background-color: #f5f5f5 !important;
        border-color: #d9d9d9 !important;
        color: rgba(0, 0, 0, 0.25) !important;
    }

/* Кнопка Диадок ------------------------------------------------------------------------------- */
.ant-btn-diadoc {
    background-color: #00bea2 !important;
    border-color: #00bea2 !important;
    color: white;
}

    .ant-btn-diadoc:hover,
    .ant-btn-diadoc:focus,
    .ant-btn-diadoc:active {
        background-color: #009e87 !important;
        border-color: #009e87 !important;
        color: white !important;
    }
/* End Диадок ------------------------------------------------------------------------------- */

/* Кнопка Saby Docs ---------------------------------------------------------------------------- */
.ant-btn-sbis {
    background-color: #2f54eb !important;
    border-color: #2f54eb !important;
    color: white;
}

    .ant-btn-sbis:hover,
    .ant-btn-sbis:focus,
    .ant-btn-sbis:active {
        background-color: #1d39c4 !important;
        border-color: #1d39c4 !important;
        color: white !important;
    }
/* End Saby Docs ------------------------------------------------------------------------------ */

/* Скан-копии ---------------------------------------------------------------------------------- */
.ant-btn-scan {
    background-color: #ffe58f !important;
    border-color: #ffd666 !important;
    color: #874d00 !important;
}

    .ant-btn-scan:hover,
    .ant-btn-scan:focus,
    .ant-btn-scan:active {
        background-color: #ffd666 !important;
        border-color: #ffc53d !important;
        color: #613400 !important;
    }
/* End Скан-копии ------------------------------------------------------------------------------ */

/* Drag upload ---------------------------------------------------------------------------------- */
.ant-upload-drag {
    padding: 32px !important;
    color: white !important;
}

    /* Квадрат перетягивания файлов */
    .ant-upload-drag:hover {
        background-color: rgb(242, 250, 235) !important;
        border-color: rgb(154, 186, 119) !important;
    }

/* Иконка в квадрате Drag Drop */
.ant-upload-drag-icon .anticon {
    color: rgb(174, 206, 139) !important;
}

/* Цвет иконки при наведении на область загрузки */
.ant-upload-drag:hover .ant-upload-drag-icon .anticon {
    color: rgb(154, 186, 119) !important;
}
/* End Drag upload ------------------------------------------------------------------------------ */


/* checkbox --------------------------------------------------------------------------------------*/
.ant-checkbox-checked .ant-checkbox-inner {
    background-color: rgb(242, 250, 235) !important;
    border-color: rgb(154, 186, 119) !important;
}

/* Цвет рамки при наведении */
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
    border-color: rgb(174, 206, 139) !important;
}

/* Цвет при наведении на выбранную галочку */
.ant-checkbox-checked:hover .ant-checkbox-inner {
    background-color: rgb(154, 186, 119) !important; 
    border-color: rgb(154, 186, 119) !important;
}

/* Цвет рамки по умолчанию */
.ant-checkbox-inner {
    border-color: rgb(174, 206, 139) !important;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
   /* background-color: green !important;*/
    border-color: green !important;
}
/* END checkbox -----------------------------------------------------------------------------------*/


/* Radio btn --------------------------------------------------------------------------------------*/
/* Стиль выбранного радио (кружок) */
.ant-radio-checked .ant-radio-inner {
    background-color: rgb(242, 250, 235) !important; 
    border-color: rgb(154, 186, 119) !important; 
}

    /* Точка внутри */
    .ant-radio-checked .ant-radio-inner::after {
        background-color: green !important; 
    }

/* Рамка при наведении (когда не выбрана) */
.ant-radio-wrapper:hover .ant-radio-inner,
.ant-radio:hover .ant-radio-inner {
    border-color: rgb(174, 206, 139) !important;
}

/* Рамка по умолчанию */
.ant-radio-inner {
    border-color: rgb(174, 206, 139) !important;
}

/* При наведении на выбранное радио */
.ant-radio-checked:hover .ant-radio-inner {
    border-color: rgb(154, 186, 119) !important;
}
/* End Radio btn ----------------------------------------------------------------------------------*/


/* Tекстовое поле ---------------------------------------------------------------------------------*/
/* Обычное текстовое поле при фокусе */
.ant-input:focus,
.ant-input-focused {
    border-color: rgb(174, 206, 139) !important;
    box-shadow: 0 0 0 2px rgba(174, 206, 139, 0.2) !important; 
}

/* Поле с иконками внутри при фокусе --------------------------------------------------------------*/
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
    border-color: rgb(174, 206, 139) !important;
    box-shadow: 0 0 0 2px rgba(174, 206, 139, 0.2) !important;
}

/* При наведении курсора */
.ant-input:hover {
    border-color: rgb(174, 206, 139) !important;
}

.ant-input-affix-wrapper:hover {
    border-color: rgb(174, 206, 139) !important;
}
/* END Tекстовое поле ----------------------------------------------------------------------------*/


/* Комбобокс -------------------------------------------------------------------------------------*/
/* Фокус комбобокса (основная обертка) */
.ant-select-focused .ant-select-selector {
    border-color: rgb(174, 206, 139) !important;
    box-shadow: 0 0 0 2px rgba(174, 206, 139, 0.2) !important;
}

/* Наведение на комбобокс */
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: rgb(174, 206, 139) !important;
}

/* Комбобокс открыт */
.ant-select-open .ant-select-selector {
    border-color: rgb(174, 206, 139) !important;
    box-shadow: 0 0 0 2px rgba(174, 206, 139, 0.2) !important;
}
/* END Комбобокс --------------------------------------------------------------------------------*/


/* Таблица (Grid / Table) ---------------------------------------------------------------------- */
.ant-table-tbody > tr > td {
    padding: 0px 8px !important;  Убираем отступы сверху/снизу (0px), оставляем слева/справа (8px) 
    height: 25px !important;  Жестко задаем высоту строки 
    /*line-height: 20px !important;*/ /* Межстрочный интервал, чтобы текст не прыгал */
    /*font-size: 20px !important;*/ /* Уменьшаем шрифт, иначе он обрежется */
}

/* Цвет выбранной строки, при клике по строке */
.ant-table-tbody > tr.ant-table-row-selected > td {
    background: rgb(242, 250, 235) !important; 
    border-color: rgb(174, 206, 139) !important;
}

/* Выбранная строка при наведении */
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
    background: rgb(220, 235, 210) !important;
}

/* Цвет строки при наведении курсора */
.ant-table-tbody > tr:hover > td {
    background: #d3e8bd !important;
}

/* Пагинация: Активная страница */
.ant-pagination-item-active {
    border-color: rgb(174, 206, 139) !important;
}

    .ant-pagination-item-active a {
        color: rgb(174, 206, 139) !important;
    }

/* Пагинация: Фокус на кнопке */
.ant-pagination-item:focus,
.ant-pagination-prev:focus,
.ant-pagination-next:focus {
    border-color: rgb(174, 206, 139) !important;
}

    .ant-pagination-item:focus a {
        color: rgb(174, 206, 139) !important;
    }

/* Иконка фильтра в заголовке (когда фильтр активен) */
.ant-table-thead th.ant-table-column-has-filters .ant-table-filter-trigger.active {
    color: rgb(174, 206, 139) !important;
}

.b2-sticky-head .ant-table-thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fafafa;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.25;
}

.b2-sticky-head .ant-table-thead > tr > th:hover,
.b2-sticky-head .ant-table-thead > tr > th.ant-table-column-has-sorters:hover {
    background: #f0f0f0;
}

.b2-sticky-head .ant-table-thead > tr > th.ant-table-cell-ellipsis,
.b2-sticky-head .ant-table-thead > tr > th.ant-table-cell-ellipsis .ant-table-column-title {
    white-space: normal;
    text-overflow: clip;
    word-break: normal;
    overflow-wrap: break-word;
}
/* END Таблица (Grid / Table) ------------------------------------------------------------ */

/* ─── Стили строк документов (применяются на всех страницах) ─── */
.row-diadoc td.ant-table-cell:first-child {
    box-shadow: inset 3px 0 0 #00bea2;
}

.row-disk td.ant-table-cell:first-child {
    box-shadow: inset 3px 0 0 #fa8c16;
}

.row-scan td.ant-table-cell:first-child {
    box-shadow: inset 3px 0 0 #faad14;
}

.row-sbis td.ant-table-cell:first-child {
    box-shadow: inset 3px 0 0 #2f54eb;
}

.row-selected td {
    background: #aece8b;
}

.b2-col-list {
    max-height: 320px;
    overflow-y: auto;
    min-width: 240px;
}

.b2-col-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 4px;
    border-radius: 4px;
    border-top: 2px solid transparent;
    user-select: none;
}

.b2-col-row:hover {
    background: #f5f5f5;
}

.b2-col-row--dragging {
    opacity: .4;
}

.b2-col-row--over {
    border-top-color: #1890ff;
}

.b2-col-handle {
    color: #bfbfbf;
    cursor: grab;
    flex-shrink: 0;
    line-height: 1;
}

.b2-col-row:hover .b2-col-handle {
    color: #8c8c8c;
}

.b2-col-footer {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #f0f0f0;
    font-size: 12px;
}

.docs-sum-dec {
    display: block;
    color: #cf1322;
    font-size: 12px;
}

.print-preview-layout {
    height: 85vh;
}

.print-preview-modal .ant-modal-max {
    top: 0 !important;
}

.print-preview-modal .ant-modal-max .print-preview-layout {
    height: 100%;
}