/**
 * Mevox Forms — dosya eki alanları için asgari görünüm.
 *
 * Mekanizma Core'da, tasarım temada: bu dosya yalnız alanın kullanılabilir
 * olmasını sağlar. Tema kendi stilini yazdığında `mevox_forms_upload_styles`
 * filtresiyle kapatılabilir. Kamera katmanı bilinçli olarak burada tanımlıdır —
 * tam ekran bir arayüzün stilsiz kalması onu kullanılamaz hâle getirir.
 *
 * Kapalı kamera katmanı DOM'da hiç durmaz (kapatılınca kaldırılır); iOS Safari
 * alt çubuğunun kararması bu yüzden oluşamaz.
 */

.mvx-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mvx-upload-capture {
  align-self: flex-start;
  padding: 8px 14px;
  font: inherit;
  font-size: 0.875em;
  cursor: pointer;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
}

.mvx-upload-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvx-upload-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 0.875em;
  border: 1px solid rgba(127, 127, 127, 0.3);
  border-radius: 6px;
}

.mvx-upload-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvx-upload-item-size {
  margin-left: auto;
  flex: 0 0 auto;
  opacity: 0.7;
  font-variant-numeric: tabular-nums;
}

.mvx-upload-item-remove {
  flex: 0 0 auto;
  padding: 2px 8px;
  font: inherit;
  font-size: 0.875em;
  cursor: pointer;
  background: transparent;
  border: 0;
  text-decoration: underline;
}

.mvx-upload-hint {
  margin: 0;
  font-size: 0.8125em;
  opacity: 0.7;
}

.mvx-capture {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  background: #000;
}

.mvx-capture video {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  object-fit: contain;
}

.mvx-capture-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  background: #000;
  color: #fff;
}

.mvx-capture-status {
  font-variant-numeric: tabular-nums;
  font-size: 0.875em;
}

.mvx-capture-action,
.mvx-capture-cancel {
  padding: 10px 18px;
  font: inherit;
  font-size: 0.9375em;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.mvx-capture-action {
  margin-left: auto;
  background: #fff;
  color: #000;
}