/* Project tables (admin library + member library): single-line, prominent headers; no vertical
   letter-stacking in narrow cells. Scoped by cells only these two tables contain. */
table:has(.project-code-link) th,
table:has(.member-remark-input) th {
  white-space: nowrap;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1e2a3b !important;
  background: #e9effc !important;
  padding: 12px 12px !important;
  border: 0 !important;
  border-bottom: 2px solid #b9c8ee !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

table:has(.project-code-link) td,
table:has(.member-remark-input) td {
  white-space: nowrap;
  padding: 12px 12px !important;
}

/* short value columns centered; code (first), remark and actions (last two) stay left-aligned */
table:has(.project-code-link) th:not(:first-child):not(:nth-last-child(-n+2)),
table:has(.project-code-link) td:not(:first-child):not(:nth-last-child(-n+2)),
table:has(.member-remark-input) th:not(:first-child):not(:nth-last-child(-n+2)),
table:has(.member-remark-input) td:not(:first-child):not(:nth-last-child(-n+2)) {
  text-align: center !important;
}

table:has(.project-code-link) tbody tr:hover td,
table:has(.member-remark-input) tbody tr:hover td {
  background: #f6f8fe;
}

/* wider table scrolls sideways inside its card instead of squeezing the columns */
div:has(> table .project-code-link),
div:has(> table .member-remark-input) {
  overflow-x: auto;
}