/* verify-page.css — soften the Bootstrap phone-verification table to fit the
   new db-* shell. Table markup/logic (verify.js) unchanged. */

#phone-verification-table { font-size: 13.5px; }
#phone-verification-table thead th {
  background: #fafbfc;
  color: var(--ink3);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line);
  border-top: none;
}
#phone-verification-table td {
  border-color: var(--line);
  color: var(--ink);
  font-weight: 600;
  vertical-align: middle;
}
#phone-verification-table tbody tr:hover { background: #f7f9fb; }

/* status pills the JS may inject (badge classes) sit nicely */
#phone-verification-table .badge { font-weight: 700; border-radius: 99px; padding: 5px 10px; }