.empty-state {
  border: 2px dashed #cbd5e1;
  border-radius: 0.75rem;
  background: #fff;
  padding: 2rem;
  text-align: center;
  color: #64748b;
}

.empty-state i {
  font-size: 2rem;
  margin-bottom: 0.75rem;
}

.loading-overlay {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: #334155;
}

.preview-box {
  border: 1px solid #d1d5db;
  background: #f8fafc;
  border-radius: 0.5rem;
  padding: 0.75rem;
  max-height: 320px;
  overflow: auto;
}

.page-builder-wrapper {
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  overflow: hidden;
  min-height: 72vh;
}

.gjs-editor-area {
  min-height: 70vh;
}

.breadcrumb {
  margin-bottom: 0;
}

table.dataTable td {
  vertical-align: middle;
}