@import '../../../../styles/variables.scss';

.dialog-shell {
  padding: 1.5rem;
  background: #f7f9fb;
}

.dialog-header {
  margin-bottom: 1rem;
}

.dialog-title {
  color: $primary-color;
  margin-bottom: 0.25rem;
}

.dialog-subtitle {
  color: #58707c;
}

.fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

@media (max-width: 768px) {
  .fields-grid {
    grid-template-columns: 1fr;
  }

  .dialog-actions {
    flex-direction: column-reverse;
  }
}