/* Compact view density overrides. Header/footer are intentionally untouched. */
.main-wrapper {
  font-size: 14px;
  line-height: 1.35;
}

.main-wrapper main {
  padding-top: 14px;
}

.main-wrapper main > h1,
.main-wrapper .crud-page > h1,
.main-wrapper .accounts-page > h1 {
  margin-bottom: 12px;
  font-size: clamp(1.32rem, 2vw, 1.82rem);
  line-height: 1.12;
}

.main-wrapper main > p,
.main-wrapper .crud-page > p,
.main-wrapper .accounts-page > p {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.42;
}

.main-wrapper .page-toolbar,
.main-wrapper .accounts-search-form,
.main-wrapper .crud-search-form {
  gap: 8px;
  margin: 10px 0 12px;
}

.main-wrapper .page-toolbar label,
.main-wrapper .accounts-search-form label,
.main-wrapper .crud-search-form label,
.main-wrapper .crud-form label,
.main-wrapper .crud-form .form-field,
.main-wrapper .gateway-form label,
.main-wrapper .gateway-form .form-field,
.main-wrapper .location-form label,
.main-wrapper .location-form .form-field,
.main-wrapper .password-form label,
.main-wrapper .password-form .form-field {
  gap: 5px;
  font-size: 0.80rem;
}

.main-wrapper .crud-search-form input,
.main-wrapper .accounts-search-form input,
.main-wrapper .crud-search-form select,
.main-wrapper .accounts-search-form select,
.main-wrapper .form-field input,
.main-wrapper .form-field select,
.main-wrapper .form-field textarea,
.main-wrapper .crud-form input,
.main-wrapper .crud-form select,
.main-wrapper .crud-form textarea,
.main-wrapper .gateway-form input,
.main-wrapper .gateway-form select,
.main-wrapper .gateway-form textarea,
.main-wrapper .location-form input,
.main-wrapper .location-form select,
.main-wrapper .location-form textarea,
.main-wrapper .password-form input,
.main-wrapper .password-form select,
.main-wrapper .password-form textarea {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.82rem;
  line-height: 1.25;
}

.main-wrapper textarea,
.main-wrapper .crud-form textarea,
.main-wrapper .gateway-form textarea,
.main-wrapper .location-form textarea,
.main-wrapper .password-form textarea {
  min-height: 76px;
}

.main-wrapper .crud-form,
.main-wrapper .gateway-form,
.main-wrapper .location-form,
.main-wrapper .password-form,
.main-wrapper .detail-card,
.main-wrapper .access-dual-panel,
.main-wrapper .bind-preview-image-wrap,
.main-wrapper .all-values-card {
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 6px;
}

.main-wrapper .crud-form > div:not(.form-actions):not(.table),
.main-wrapper .gateway-form > div:not(.form-actions),
.main-wrapper .location-form > div:not(.form-actions),
.main-wrapper .password-form > div:not(.form-actions) {
  gap: 5px;
}

.main-wrapper .form-actions,
.main-wrapper .crud-form .form-actions,
.main-wrapper .gateway-form .form-actions,
.main-wrapper .location-form .form-actions,
.main-wrapper .password-form .form-actions,
.main-wrapper .import-actions,
.main-wrapper .queue-action-bar,
.main-wrapper .table-actions {
  gap: 6px;
}

.main-wrapper .action-button,
.main-wrapper .table-actions a,
.main-wrapper .table-actions button,
.main-wrapper .page-toolbar a,
.main-wrapper .accounts-search-form a,
.main-wrapper .crud-search-form a,
.main-wrapper .form-actions a,
.main-wrapper .form-actions button,
.main-wrapper .crud-search-form button,
.main-wrapper .accounts-search-form button,
.main-wrapper .crud-form button,
.main-wrapper .crud-form .form-actions a,
.main-wrapper .gateway-form button,
.main-wrapper .gateway-form .form-actions a,
.main-wrapper .location-form button,
.main-wrapper .location-form .form-actions a,
.main-wrapper .password-form button,
.main-wrapper .password-form .form-actions a,
.main-wrapper .action-disabled {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.78rem;
  line-height: 1.15;
}

.main-wrapper .table-cell {
  min-height: 34px;
  padding: 5px 8px;
  font-size: 0.78rem;
  line-height: 1.22;
}

.main-wrapper .table-header .table-cell {
  font-size: 0.76rem;
}

.main-wrapper .detail-table .table-cell {
  min-height: 34px;
}

.main-wrapper .detail-tag,
.main-wrapper .access-bubble,
.main-wrapper .import-field-update,
.main-wrapper .import-field-error,
.main-wrapper .import-row-status span,
.main-wrapper .list-pagination-info,
.main-wrapper .import-pagination span {
  font-size: 0.74rem;
}

.main-wrapper .detail-tags,
.main-wrapper .access-bubbles,
.main-wrapper .bind-product-slot-list,
.main-wrapper .access-dual-grid,
.main-wrapper .access-dual-picker {
  gap: 8px;
}

.main-wrapper .detail-tag,
.main-wrapper .access-bubble {
  padding: 4px 8px;
}

.main-wrapper .list-pagination,
.main-wrapper .import-pagination {
  gap: 6px;
}

.main-wrapper .list-pagination-top,
.main-wrapper .import-pagination-top {
  margin: 8px 0 9px;
}

.main-wrapper .list-pagination-bottom,
.main-wrapper .import-pagination-bottom {
  margin: 10px 0 0;
}

.main-wrapper .list-pagination button,
.main-wrapper .import-pagination button {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.76rem;
}

.main-wrapper .access-dual-panel h3,
.main-wrapper .bind-screen-bucket h3 {
  margin-bottom: 6px;
  font-size: 0.82rem;
}

.main-wrapper .access-dual-item {
  padding: 7px 9px;
  border-radius: 6px;
}

.main-wrapper .bind-screen-tab {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.78rem;
}

.main-wrapper .bind-device-expanded {
  padding: 8px 10px 10px;
}

.server-unavailable-card {
  padding: 16px 20px;
}

.server-unavailable-card strong {
  font-size: 16px;
}