.nowrap{ white-space:nowrap; }

.pad-8-12{ padding: 8px 12px; }

.table-wrap{
  width:100%;
  border-radius:12px;
  overflow-x:auto;
  overflow-y:visible;
}

table{
  border-collapse:collapse;
  width:100%;
  min-width:600px;
  table-layout:fixed;
}

th,td{
  padding:12px;
  text-align:left;
  vertical-align:top;
  word-wrap:break-word;
}

th{
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.02em;
}

table.table-users {
  table-layout: auto;
}

table.table-users col.id      { width: 40px; }
table.table-users col.name    { width: 20%; }
table.table-users col.email   { width: 25%; }
table.table-users col.phone   { width: 15%; }
table.table-users col.dob     { width: 12ch; }
table.table-users col.status  { width: 10ch; }
table.table-users col.actions { width: 160px; }

.table-users td.nowrap form {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
}

table.table-bookings{
  table-layout: auto;
  min-width: 600px;
}

table.table-bookings col.user   { width: 24ch; }
table.table-bookings col.when   { width: 28ch; }
table.table-bookings col.type   { width: 12ch; }
table.table-bookings col.length { width: 10ch; }
table.table-bookings col.actions{ width: 160px; }
table.table-bookings td.nowrap{ white-space: nowrap; }

.edit-row.hidden{ display:none; }
.edit-row{ display:table-row; }
.item-row{ padding:8px 0; border-bottom:1px solid var(--line); }