/* Table Column Width Fix - Links Tables Only */
table {
  table-layout: auto;
  width: 100%;
}

/* Links Table - Set specific column widths */
th.original-url,
td.original-url {
  width: 30%;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.created-at,
td.created-at {
  width: 120px;
  min-width: 120px;
}

th.short-link,
td.short-link {
  width: 180px;
  min-width: 180px;
}

th.views,
td.views {
  width: 60px;
  min-width: 60px;
  text-align: center;
}

/* Admin Users Table - Column Widths */
th.users-id,
td.users-id {
  width: 50px;
  min-width: 50px;
}

th.users-email,
td.users-email {
  width: auto;
  min-width: 250px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.users-created-at,
td.users-created-at {
  width: 120px;
  min-width: 120px;
  white-space: nowrap;
}

th.users-verified,
td.users-verified {
  width: 80px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

th.users-role,
td.users-role {
  width: 80px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

th.users-links-count,
td.users-links-count {
  width: 100px;
  min-width: 100px;
  text-align: center;
  white-space: nowrap;
}

th.users-actions,
td.users-actions {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  white-space: nowrap;
}

/* Admin Domains Table - Column Widths */
th.domains-id,
td.domains-id {
  width: 50px;
  min-width: 50px;
}

th.domains-address,
td.domains-address {
  width: 40%;
  min-width: 200px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.domains-homepage,
td.domains-homepage {
  width: 40%;
  min-width: 200px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.domains-created-at,
td.domains-created-at {
  width: 120px;
  min-width: 120px;
  white-space: nowrap;
}

th.domains-links-count,
td.domains-links-count {
  width: 100px;
  min-width: 100px;
  text-align: center;
  white-space: nowrap;
}

th.domains-actions,
td.domains-actions {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  white-space: nowrap;
}

/* QR Code Column Styling */
th.qr-code,
td.qr-code-cell {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  text-align: center;
}

td.qr-code-cell {
  vertical-align: middle;
  padding: 10px;
}

.qr-code-container {
  display: inline-block;
  width: 100px;
  height: 100px;
}

.qr-code-container canvas {
  display: block !important;
  width: 100px !important;
  height: 100px !important;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  padding: 5px;
  background: white;
  box-sizing: border-box;
}

.qr-code-container img {
  display: none !important;
}

th.actions,
td.actions {
  width: 200px;
  min-width: 200px;
}