/* bidlist.css — Bid List screen. Reuses the frame's table/toolbar/card classes;
   this file only adds the due-date badges and a few board-specific tweaks. */

.bl-toolbar { align-items: center; gap: 12px; flex-wrap: wrap; }
.bl-windows { flex: 0 0 auto; }
.bl-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #4a5563; cursor: pointer; user-select: none; }
.bl-check input { margin: 0; }
.bl-ver { margin-left: auto; font-size: 11px; color: #97a0ab; white-space: nowrap; }

.bl-wrap { margin-top: 4px; }
.bl-table td { vertical-align: middle; }
.bl-row { cursor: pointer; }
.bl-gc { color: #4a5563; }
.bl-scope, .bl-loc { color: #4a5563; font-size: 13px; }
.bl-muted { color: #b3bac3; }

.bl-datewrap { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }

/* due-date urgency pill */
.bl-due {
  display: inline-block; padding: 1px 7px; border-radius: 999px;
  font-size: 11px; font-weight: 600; line-height: 1.5;
  background: #eef2f5; color: #6b7686;
}
.bl-due--over  { background: #fdecea; color: #b3261e; }
.bl-due--today { background: #fdecea; color: #b3261e; }
.bl-due--soon  { background: #fff4e5; color: #b26a00; }
.bl-due--near  { background: #fff8e1; color: #8a6d00; }
.bl-due--far   { background: #eef2f5; color: #6b7686; }
.bl-due--none  { background: transparent; color: #b3bac3; font-weight: 500; }

.bl-docscell { text-align: center; }
.bl-docs { display: inline-block; min-width: 22px; padding: 1px 6px; border-radius: 6px;
  background: #eef2f5; color: #4a5563; font-size: 12px; font-variant-numeric: tabular-nums; }
.bl-docs--none { background: transparent; color: #c3c9d1; }

.bl-section-label {
  margin: 22px 0 10px; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .4px; color: #6b7686;
}
.bl-section-label .bl-muted { text-transform: none; font-weight: 500; letter-spacing: 0; }

@media (max-width: 720px) {
  /* keep the essentials on a phone: id, project, due */
  .bl-table .bl-gc, .bl-table .bl-scope, .bl-table .bl-loc,
  .bl-table .bl-docscell,
  .bl-table thead th:nth-child(3),
  .bl-table thead th:nth-child(5),
  .bl-table thead th:nth-child(6),
  .bl-table thead th:nth-child(7) { display: none; }
}