/* Файл: src/admin/static/css/fix-actions.css */

/* Принудительное отображение кнопок действий */
.action-buttons,
.btn-group,
.btn-group-sm {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 90px !important;
  z-index: 10 !important;
}

/* Добавьте в fix-actions.css */
.btn-group form,
.action-buttons form {
    display: inline-block !important;
    margin: 0 !important;
}

.btn-group .btn,
.action-buttons .btn {
    position: relative !important;
    z-index: 2 !important;
}

td div.btn-group,
td div.action-buttons {
    white-space: nowrap !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
}

/* Принудительное отображение содержимого ячеек таблицы */
table td {
    position: relative;
}

/* Исправление для кнопок в форме */
form .btn, 
form button[type="submit"],
form input[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Исправление для иконок в кнопках */
.btn i, 
.btn-action i, 
.btn-outline-primary i, 
.btn-outline-danger i, 
.btn-outline-success i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Добавляем иконки Font Awesome, если они не загружаются */
.fas.fa-edit:before {
    content: "✎";
}

.fas.fa-trash-alt:before {
    content: "🗑";
}

.fas.fa-sync-alt:before {
    content: "↻";
}

/* Исправление отдельных кнопок */
.btn-action,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
td .btn {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-right: 5px !important;
}

/* Корректировка для кнопок в таблицах */
table td .btn-group {
  display: inline-flex !important;
}

/* Корректировка для переключателей */
.form-check-input,
.form-switch .form-check-input {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Корректировка для мобильных устройств */
@media (max-width: 767.98px) {
  .action-buttons,
  .btn-group,
  .btn-group-sm {
    flex-direction: column !important;
  }
  
  .btn-action,
  td .btn {
    margin-bottom: 5px !important;
    width: auto !important;
  }
  
  /* Мобильное меню */
  .navbar .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
}

/* Дополнительные стили для ручного исправления */
.mobile-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
}

.mobile-actions .btn {
  flex: 1 0 auto;
  min-width: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}