/* Minimal extras layered on top of Tailwind CDN. */

.th {
  padding: 0.6rem 0.75rem;
  text-align: left;
  font-weight: 600;
  color: #334155; /* slate-700 */
  white-space: nowrap;
}

.th.sortable {
  cursor: pointer;
  user-select: none;
}

.th.sortable:hover {
  background-color: #e2e8f0; /* slate-200 */
}

.th .sort-indicator {
  display: inline-block;
  margin-left: 0.25rem;
  color: #94a3b8; /* slate-400 */
}

.th.sort-active .sort-indicator {
  color: #0f172a; /* slate-900 */
}

#tbody td {
  padding: 0.6rem 0.75rem;
  border-top: 1px solid #e2e8f0; /* slate-200 */
  vertical-align: top;
}

#tbody tr:hover {
  background-color: #f8fafc; /* slate-50 */
}

.title-link {
  color: #1d4ed8; /* blue-700 */
  text-decoration: none;
}

.title-link:hover {
  text-decoration: underline;
}

.kw {
  display: inline-block;
  margin: 0 0.15rem 0.15rem 0;
  padding: 0 0.4rem;
  font-size: 0.7rem;
  border-radius: 0.25rem;
  background-color: #ecfeff; /* cyan-50 */
  color: #155e75; /* cyan-800 */
  border: 1px solid #cffafe; /* cyan-100 */
}

.budget {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.it-yes {
  color: #059669; /* emerald-600 */
  font-weight: 600;
}

.it-no {
  color: #cbd5e1; /* slate-300 */
}