/* ── Dialog da câmera ── */
.dialog-box--camera {
  padding: var(--space-md);
  position: relative;
}

.camera-view {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--camera-bg);
  margin: var(--space-sm) 0;
}

.camera-view__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.camera-view__guide {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--on-green-faint) 1px, transparent 1px),
    linear-gradient(90deg, var(--on-green-faint) 1px, transparent 1px);
  background-size: 33.33% 33.33%;
}

.camera-view__actions {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
}

.camera-view__action-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: 14px;
  font-size: var(--fs-8);
  font-weight: var(--fw-medium);
}

.camera-view__action-btn .icon {
  font-size: 1.4rem;
}

.camera-view__action-btn--cancel {
  background: var(--danger);
  color: var(--t-light);
}

.camera-view__action-btn--confirm {
  background: var(--success);
  color: var(--t-light);
}