/* 
 * Dashboard стили для Flussonic Manager
 * Главная страница (home.html) стили
 */

/* Дополнительные стили для улучшения внешнего вида кнопок */
/* Кнопки дашборда наследуют компактный стиль из buttons.css */

/* Улучшение читаемости кнопок дашборда */
.btn {
    text-decoration: none !important;
}

.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Фиксированная высота для кнопок дашборда - более компактная */
.d-grid .btn {
    min-height: 36px !important;  /* Уменьшенная высота */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Принудительные стили для кнопок */
.btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: white !important;
}

.btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: white !important;
}

.btn-outline-success {
    color: #198754 !important;
    border-color: #198754 !important;
    background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
}

.btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
}

.btn-outline-dark {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: white !important;
}

.btn-dark {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: white !important;
}

.btn-outline-info {
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    background-color: transparent !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    color: white !important;
}

.btn-info {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    color: white !important;
}

.btn-outline-warning {
    color: #f57c00 !important;
    border-color: #f57c00 !important;
    background-color: transparent !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: #f57c00 !important;
    border-color: #f57c00 !important;
    color: white !important;
}

.btn-warning {
    background-color: #f57c00 !important;
    border-color: #f57c00 !important;
    color: white !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

/* Обеспечение видимости текста и иконок */
.btn i, .btn span, .btn {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Дополнительная защита от невидимого текста */
.d-grid .btn {
    overflow: visible !important;
    white-space: nowrap !important;
}

/* Убеждаемся что иконки видны */
.btn .fas, .btn .fa {
    display: inline-block !important;
    opacity: 1 !important;
}