/* =========================================================
   Нижние кнопки у всех — компактно в один ряд
   ========================================================= */

/* Общая нижняя панель */
.actions,
.admin-actions,
.manager-section.actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;

    position: sticky !important;
    bottom: 0 !important;
    z-index: 9996 !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid #e5e7eb !important;
    border-top: 2px solid #d71920 !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 -10px 26px rgba(17, 24, 39, 0.08) !important;

    padding: 8px 10px !important;
}

/* Кнопки внизу */
.actions button,
.admin-actions button,
.manager-section.actions button {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 118px !important;
    max-width: none !important;
    min-height: 38px !important;
    height: 38px !important;

    padding: 7px 11px !important;
    border-radius: 9px !important;

    background: #ffffff !important;
    color: #111827 !important;
    border: 1.5px solid #d1d5db !important;

    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;

    box-shadow: none !important;
}

/* Наведение */
.actions button:hover,
.admin-actions button:hover,
.manager-section.actions button:hover {
    background: #fff5f5 !important;
    color: #d71920 !important;
    border-color: #d71920 !important;
}

/* Важные кнопки */
.actions button:not(.btn-light),
.admin-actions button:not(.btn-light),
.manager-section.actions button:not(.btn-light) {
    background: #d71920 !important;
    color: #ffffff !important;
    border-color: #d71920 !important;
}

.actions button:not(.btn-light):hover,
.admin-actions button:not(.btn-light):hover,
.manager-section.actions button:not(.btn-light):hover {
    background: #a90f16 !important;
    color: #ffffff !important;
    border-color: #a90f16 !important;
}

/* Темная кнопка */
.actions .btn-dark,
.admin-actions .btn-dark,
.manager-section.actions .btn-dark {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

.actions .btn-dark:hover,
.admin-actions .btn-dark:hover,
.manager-section.actions .btn-dark:hover {
    background: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Специальные кнопки */
.actions .portal-comments-nav-btn,
.admin-actions .portal-comments-nav-btn {
    border-color: #7c3aed !important;
    color: #5b21b6 !important;
    background: #ffffff !important;
}

.actions .waiting-launch-nav-btn,
.admin-actions .waiting-launch-nav-btn {
    border-color: #16a34a !important;
    color: #166534 !important;
    background: #ffffff !important;
}

.admin-actions .day-report-nav-btn {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}

/* Подсветка новых комментариев / запросов */
.admin-actions .portal-comments-alert,
.actions .portal-comments-alert {
    background: #7c3aed !important;
    color: #ffffff !important;
    border-color: #7c3aed !important;
}

.admin-actions .delete-request-nav-alert,
.actions .delete-request-nav-alert {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

/* Красивый тонкий скролл, если кнопок больше ширины экрана */
.actions::-webkit-scrollbar,
.admin-actions::-webkit-scrollbar {
    height: 5px;
}

.actions::-webkit-scrollbar-track,
.admin-actions::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 20px;
}

.actions::-webkit-scrollbar-thumb,
.admin-actions::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 20px;
}

.actions::-webkit-scrollbar-thumb:hover,
.admin-actions::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Мобильная версия: тоже один ряд, горизонтальная прокрутка */
@media (max-width: 950px) {
    body {
        padding-bottom: 72px !important;
    }

    .actions,
    .admin-actions,
    .manager-section.actions {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 6px !important;
        padding: 7px 8px !important;

        border-radius: 12px 12px 0 0 !important;
    }

    .actions button,
    .admin-actions button,
    .manager-section.actions button {
        min-width: 104px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 6px 9px !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
    }
}