/* PayNetLink Facturación - Admin CSS */
:root {
  --pnl-primary: #2563eb;
  --pnl-dark: #0f172a;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Navbar */
.navbar {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.navbar-brand {
  letter-spacing: -0.5px;
}

/* Cards */
.card {
  border-radius: 12px;
}

.card-header {
  border-radius: 12px 12px 0 0 !important;
}

/* Tablas */
.table th {
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6b7280;
}

.table td {
  font-size: .875rem;
}

/* Badges */
.badge {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .03em;
}

/* Pre (JSON logs) */
pre {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  font-size: .78rem;
  line-height: 1.5;
  border-radius: 0 0 12px 12px;
}

/* Paginación */
.page-link {
  border-radius: 6px !important;
  margin: 0 2px;
  font-size: .8rem;
}

/* Stat cards hover */
.col-xl-3 .card:hover,
.col-sm-4 .card:hover {
  transform: translateY(-2px);
  transition: transform .15s ease;
  box-shadow: 0 8px 25px rgba(0,0,0,.1) !important;
}

/* Login */
.form-control.bg-dark:focus {
  background-color: #1e293b !important;
  border-color: var(--pnl-primary) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.25);
  color: #fff !important;
}

/* Scrollbar en pre */
pre::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
pre::-webkit-scrollbar-track {
  background: transparent;
}
pre::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.2);
  border-radius: 3px;
}
