/* =========================================================
   SoftAfrik – Overrides légers (palette Sneat conservée)
   + Fix Responsive Sidebar Mobile
   ========================================================= */

/* ---------- Utilitaires ---------- */
.table thead th { white-space: nowrap; }
.table td, .table th { vertical-align: middle; }

/* Lien actif dans la sidebar Sneat (sécurité visuelle) */
.menu .menu-item .menu-link.active {
  background-color: #fff;
  color: var(--bs-primary);
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
.menu .menu-item .menu-link.active .menu-icon { color: var(--bs-primary); }

/* Hover un peu plus lisible */
.menu .menu-item .menu-link:hover {
  background-color: rgba(var(--bs-primary-rgb), .08);
}

/* Cartes : léger relief uniforme */
.card { box-shadow: 0 6px 18px rgba(0,0,0,.05); border: 1px solid var(--bs-border-color); }
.card h5, .card h4 { color: var(--bs-heading-color); }

/* Boutons : garder les couleurs Sneat, juste lisibilité */
.btn { border-radius: .6rem; font-weight: 600; }
.btn-outline-primary:hover { color: #fff; }

/* Badges types de transaction */
.badge-type-depot   { background: rgba(25,135,84,.15); color: #198754; } /* vert bootstrap */
.badge-type-retrait { background: rgba(220,53,69,.15); color: #dc3545; } /* rouge bootstrap */

/* Datatables (si utilisé en version simple) */
.dataTable-table thead th {
  background: var(--bs-primary);
  color: #fff;
  border-color: transparent;
}
.dataTable-table tbody tr:hover { background-color: rgba(var(--bs-primary-rgb), .04); }

/* Login: resserrer un peu la carte */
.authentication-wrapper .card { border-radius: .9rem; }
.authentication-wrapper h4 { color: var(--bs-heading-color); }

/* Tables align-right sur montants */
.text-amount { text-align: end; font-variant-numeric: tabular-nums; }

/* Petites fixes responsive des content-wrappers */
.content-wrapper { padding: 1.25rem; }
@media (min-width: 992px) {
  .content-wrapper { padding: 1.5rem 2rem; }
}

/* Accent SoftAfrik optionnel (sans modifier la palette Sneat)
:root {
  --sa-accent: #00C897;
}
a:hover { color: var(--sa-accent); }
*/

/* =========================================================
   📱 FIX Responsive Sidebar Sneat
   ========================================================= */

/* ✅ Sur mobile : cacher proprement la sidebar */
@media (max-width: 992px) {
  .layout-menu {
    position: fixed !important;
    left: -260px;
    top: 0;
    bottom: 0;
    width: 240px;
    z-index: 1030;
    background: #fff;
    transition: left 0.3s ease;
  }

  /* Quand on clique sur le burger */
  .layout-menu.show {
    left: 0;
  }

  /* Supprimer le vide du layout-page */
  .layout-page {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* ✅ Améliorer la fluidité sur petits écrans */
@media (max-width: 576px) {
  .navbar-brand {
    font-size: 16px;
  }
  .menu-item .menu-link div {
    font-size: 14px;
  }
}

.badge.bg-success-subtle { background-color: #d1f5e0; }
.badge.bg-danger-subtle  { background-color: #f8d7da; }
.table td, .table th { vertical-align: middle; }
form.card select, form.card input { min-width: 100px; }

.table-active {
  background-color: rgba(28, 140, 56, 0.08) !important;
  transition: background-color 0.3s ease-in-out;
}
.table-active td {
  color: #1c8c38;
  font-weight: 600;
}
#transactionsTable tbody tr { cursor: pointer; }
#transactionsTable tbody tr.table-active {
  background-color: rgba(28,140,56,0.08) !important;
}
#transactionsTable tbody tr.table-active td {
  color: #1c8c38;
  font-weight: 600;
}

/* ===== Interaction visuelle ===== */

/* 🔹 Quand on survole une ligne */
#transactionsTable tbody tr {
  cursor: pointer; /* main 🖐️ pour montrer que c'est cliquable */
  transition: background-color 0.2s ease-in-out;
}

/* 🔹 Survol */
#transactionsTable tbody tr:hover {
  background-color: rgba(28, 140, 56, 0.06) !important;
}

/* 🔹 Ligne active (cliquée) */
#transactionsTable tbody tr.table-active {
  background-color: rgba(28, 140, 56, 0.12) !important;
  color: #1c8c38;
  font-weight: 600;
}

/* curseur main sur toute la ligne et son contenu */
#transactionsTable tbody tr,
#transactionsTable tbody tr td,
#transactionsTable tbody tr * {
  cursor: pointer !important;
}

/* petit effet au survol + ligne active */
#transactionsTable tbody tr:hover {
  background-color: rgba(28,140,56,0.06) !important;
}
#transactionsTable tbody tr.table-active {
  background-color: rgba(28,140,56,0.12) !important;
  color: #1c8c38;
  font-weight: 600;
}