/* Стили для секции платежей */

/* Стили для таблицы платежей */
#payments-table .fa-solid.fa-ellipsis-vertical {
  font-size: 1.5em !important; /* Увеличиваем размер иконки */
  vertical-align: middle !important; /* Центрируем иконку по вертикали */
}

#payments-table .btn-link.btn-sm {
  padding: 0 !important; /* Убираем внутренний отступ, чтобы кнопка не увеличивала высоту строки */
  height: auto !important; /* Убираем фиксированную высоту */
  line-height: 1 !important; /* Уменьшаем высоту линии текста */
}

#payments-table .dropdown-toggle::after {
  display: none !important; /* Убираем стандартный треугольник выпадающего меню */
}

#payments-table tbody tr td {
  cursor: pointer !important;
}

/* Стили для кнопок действий */
.action-button {
  height: 36px !important;
  width: 36px !important;
  border-radius: 50% !important;
}

.edit-button, .delete-button {
  margin: 0 5px !important;
}

/* Адаптивные стили для таблицы платежей */
@media (max-width: 768px) {
  .dataTables_wrapper .top-start {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .dt-search input {
    width: 100% !important;
  }

  .dataTables_length {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  .btn-outline-primary {
    width: 100% !important;
    justify-content: center !important;
  }

  .dt-paging .pagination {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .dt-paging-button.page-item .page-link {
    padding: 4px 8px !important;
    min-width: 28px !important;
    margin: 2px !important;
  }
}

/* Стили для модальных окон платежей */
.payment-modal .modal-content {
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.payment-modal .close:hover {
  opacity: 1 !important;
  transform: rotate(90deg) !important;
  transition: all 0.3s ease !important;
}

/* Стили для секции платежей */
.payment-table {
  border: 1px solid var(--border-color, #e0e0e0);
  border-radius: var(--border-radius-md, 8px);
  box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));
  overflow: hidden;
  margin-bottom: 1rem;
}

.payment-table .card-body {
  padding: 1.25rem !important;
}

/* Стили для заголовка таблицы платежей */
.section-title {
  font-weight: 700 !important;
  color: #345 !important;
  margin-bottom: 1rem !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 0.3px !important;
}

/* Стили для индикатора загрузки */
.loading-indicator {
  padding: 1.5rem !important;
  text-align: center !important;
  border-radius: 8px !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  z-index: 1000 !important;
}

.loading-indicator .spinner-border {
  width: 2rem !important;
  height: 2rem !important;
  color: #4a90e2 !important;
}

/* Стили для меню действий */
.payment-menu {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  transition: all 0.2s ease !important;
}

.payment-menu:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.payment-menu i {
  font-size: 0.8rem !important;
  color: #6c757d !important;
}