/* Minimal custom styles — Tailwind handles 95% via utility classes in index.html.
   Anything project-specific that's awkward to express as utilities goes here. */

/* Slightly nicer focus rings on form controls */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Mono-styled inputs for IDs / links */
.font-mono { font-family: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace; }

/* Bids table styling (rendered as a real <table> by buyer.js) */
.bids-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.bids-table th, .bids-table td {
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.bids-table thead th {
  background: #1e293b;
  color: #f1f5f9;
  font-weight: 600;
}
.bids-table tbody tr:nth-child(even) {
  background: #f8fafc;
}
.bids-table .rank-l1 {
  background: #dcfce7 !important;
  font-weight: 700;
  color: #166534;
}

/* Toast / message styling */
.msg-success { color: #15803d; }
.msg-error   { color: #b91c1c; }
.msg-info    { color: #1d4ed8; }
.msg-warn    { color: #b45309; }

/* Ranking list items */
.rank-item {
  padding: 0.5rem 0.75rem;
  border-left: 3px solid #cbd5e1;
  background: #f8fafc;
  border-radius: 0 0.375rem 0.375rem 0;
}
.rank-item.is-me {
  border-left-color: #16a34a;
  background: #f0fdf4;
  font-weight: 600;
}
.rank-item.is-l1 {
  border-left-color: #2563eb;
  background: #eff6ff;
}