/* Sidebar */
#sidebar {
  min-width: 220px;
  max-width: 220px;
  min-height: 100vh;
  transition: margin 0.25s ease-out;
}

#sidebar.collapsed {
  margin-left: -220px;
}

#wrapper {
  min-height: 100vh;
}

#page-content-wrapper {
  min-width: 0;
  overflow-x: auto;
}

/* Stat cards */
.stat-card {
  border: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.stat-value {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}

.stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #6c757d;
  letter-spacing: 0.05em;
}

/* Status badges */
.badge-completed, .badge.bg-completed { background-color: #198754 !important; }
.badge-pending,   .badge.bg-pending   { background-color: #ffc107 !important; color: #000; }
.badge-failed,    .badge.bg-failed    { background-color: #dc3545 !important; }
.badge-reversed,  .badge.bg-reversed  { background-color: #6c757d !important; }
.badge-processing,.badge.bg-processing{ background-color: #0dcaf0 !important; color: #000; }

/* Table row clickable */
tbody tr[onclick] { cursor: pointer; }
tbody tr[onclick]:hover { background-color: rgba(0,0,0,0.03); }

/* Responsive sidebar */
@media (max-width: 768px) {
  #sidebar {
    position: fixed;
    z-index: 1050;
    margin-left: -220px;
  }
  #sidebar.show {
    margin-left: 0;
  }
  #sidebar-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1040;
  }
  #sidebar.show ~ #sidebar-overlay {
    display: block;
  }
}