/* Sjednocený dialog nahlášení obsahu */

.content-report-dialog {
  width: min(100% - 2rem, 32rem);
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  padding: 0;
  margin: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg, 0 12px 40px rgba(15, 23, 42, 0.18));
  overflow: auto;
}

.content-report-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}

.content-report-dialog-inner {
  position: relative;
  padding: var(--space-4);
  padding-top: calc(var(--space-4) + 0.25rem);
}

.content-report-dialog-title {
  margin: 0 0 var(--space-2);
  font-size: 1.1rem;
  color: var(--color-brand);
}

.content-report-dialog-intro {
  margin: 0 0 var(--space-1);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
}

.content-report-preview {
  margin: 0 0 var(--space-4);
  padding: var(--space-3);
  border-left: 3px solid var(--color-primary);
  background: var(--color-surface-muted, rgba(0, 0, 0, 0.03));
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.content-report-form label {
  display: block;
  margin-bottom: var(--space-3);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-muted);
}

.content-report-form select,
.content-report-form textarea {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.content-report-form textarea {
  resize: vertical;
  min-height: 4.5rem;
}

.content-report-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

@media (max-width: 767px) {
  .content-report-dialog {
    width: 95vw !important;
    max-width: 95vw;
    box-sizing: border-box;
  }
}