/* Stock DB — Stylesheet */

:root {
  --brand-primary: #4361ee;
  --brand-dark:    #1a1a2e;
  --stale-bg:      rgba(220, 53, 69, 0.08);
  --stale-border:  #dc3545;
}

/* Login page */
.login-card {
  background: #1e1e2e;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
}
.login-logo {
  font-size: 2.5rem;
}
.form-control-dark {
  background: #2a2a3e;
  border-color: rgba(255,255,255,0.12);
  color: #fff;
}
.form-control-dark:focus {
  background: #2a2a3e;
  border-color: var(--brand-primary);
  color: #fff;
  box-shadow: 0 0 0 3px rgba(67,97,238,0.25);
}
.form-control-dark::placeholder { color: rgba(255,255,255,0.35); }

/* Stats cards */
.stat-number {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.stat-label {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 4px;
}

/* Tabs */
.nav-tabs .nav-link {
  color: #6c757d;
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0.6rem 1rem;
}
.nav-tabs .nav-link.active {
  color: var(--brand-primary);
  border-bottom-color: var(--brand-primary);
  background: transparent;
  font-weight: 600;
}

/* Table */
#stock-table th { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; }
#stock-table td { font-size: 0.85rem; vertical-align: middle; }
.col-check { width: 32px; }

/* Stale row highlight */
tr.stale-row {
  background-color: var(--stale-bg) !important;
  border-left: 3px solid var(--stale-border);
}

/* Status badges */
.badge-status-in_stock    { background: #198754; }
.badge-status-out_of_stock { background: #dc3545; }
.badge-status-on_backorder { background: #fd7e14; }
.badge-status-discontinued  { background: #6c757d; }

/* Stock qty coloring */
.stock-zero  { color: #dc3545; font-weight: 600; }
.stock-low   { color: #fd7e14; font-weight: 600; }
.stock-ok    { color: #198754; font-weight: 600; }

/* Navbar */
.navbar-brand { font-size: 1.1rem; letter-spacing: -0.01em; }

/* Rounded top removed for card below tabs */
.rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

/* DataTables overrides */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  border-radius: 6px;
}
.dataTables_wrapper .dataTables_info { font-size: 0.8rem; color: #6c757d; }
.dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 0.85rem; }
div.dataTables_wrapper { padding: 0; }

/* Action buttons */
.btn-action { padding: 2px 6px; font-size: 0.75rem; }

/* Responsive table scroll */
.table-responsive { overflow-x: auto; }

/* Pre code */
pre code { font-size: 0.78rem; }