/* custom.css - admin panel overrides */

/* Example: override default body font */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Make sidebar a bit darker */
.c-sidebar {
  background-color: #1f2d3d !important;
}

/* Active nav item */
.c-sidebar-nav-link.active {
  background-color: #2c3e50;
  color: #fff !important;
}

/* Style buttons consistently */
.btn-primary {
  background-color: #4e73df;
  border-color: #4e73df;
}
.btn-primary:hover {
  background-color: #2e59d9;
  border-color: #2653d4;
}


/* Preloader container */
.global-preloader {
  position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Bouncing logo */
@keyframes bounce-logo {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.bounce-logo {
  animation: bounce-logo 1.2s infinite;
}

/* Please wait text */
.loading-text {
  font-weight: 500;
  font-size: 1.1rem;
  color: #333;
}

/* Dot animation */
@keyframes dots {
  0%   { content: "."; }
  33%  { content: ".."; }
  66%  { content: "..."; }
}

.dot-anim::after {
  content: '';
  animation: dots 1.2s steps(3, end) infinite;
}

/* user-type-modal rotate icon */
.collapsed-icon {
  transition: transform 0.3s ease;
}

.collapsed-icon.rotate {
  transform: rotate(90deg);
}

/* CSS for Hover Shadow */
.btn-action-shadow {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .btn-action-shadow:hover,
  .btn-action-shadow:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 2;
  }

 

#agentsTable th,
#agentsTable td {
  white-space: nowrap;
}


.table-responsive {
  overflow-x: auto;
}

#bankAccountsTable {
  width: 100%;
  min-width: 1200px; /* Adjust to your desired total width */
  border-collapse: collapse;
}

#bankAccountsTable th,
#bankAccountsTable td {
  text-align: left;
  vertical-align: middle;
  padding: 0.5rem;
  white-space: nowrap;
}

#bankAccountsTable td input,
#bankAccountsTable td select {
  width: 100%;
  min-width: 150px;
}

/* Optional: wider individual columns */
#bankAccountsTable th:nth-child(1),
#bankAccountsTable td:nth-child(1) {
  min-width: 180px; /* Payment Method */
}

#bankAccountsTable th:nth-child(2),
#bankAccountsTable td:nth-child(2) {
  min-width: 180px; /* Bank */
}

#bankAccountsTable th:nth-child(3),
#bankAccountsTable td:nth-child(3),
#bankAccountsTable th:nth-child(4),
#bankAccountsTable td:nth-child(4) {
  min-width: 200px; /* Account Name & Number */
}

#bankAccountsTable th:nth-child(5),
#bankAccountsTable td:nth-child(5) {
  min-width: 120px; /* Status */
}

#bankAccountsTable th:nth-child(6),
#bankAccountsTable td:nth-child(6) {
  min-width: 100px; /* Action */
}

#columnFilterMenu {
  max-height: 250px;
  overflow-y: auto;
  z-index: 1050;
}