/* SRT — Final order: direct-to-S3 upload box (see modules/php/s3-direct-upload.php).
   Same tokens as "CSS Confirmation & Upload" (4165). */
.srt-s3{
  --srt-ink:#0A1F1C; --srt-green:#00857A; --srt-gold:#C89B3C;
  --srt-tint:#E6F3F1; --srt-line:#CDE6E2; --srt-red:#b3261e;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--srt-ink); margin:0 0 8px;
}
.srt-s3 *{ box-sizing:border-box; }
.forminator-field.srt-s3-replaced{ display:none !important; }

.srt-s3-label{ font-weight:600; font-size:15px; margin:0 0 8px; }
.srt-s3-zone{
  position:relative; text-align:center; padding:22px 16px;
  background:var(--srt-tint); border:2px dashed var(--srt-line); border-radius:12px;
  cursor:pointer; transition:border-color .15s, background .15s;
}
.srt-s3-zone.is-over{ border-color:var(--srt-green); background:#d9efeb; }
.srt-s3-drop{ font-size:14.5px; }
.srt-s3-choose{
  display:inline-block; margin:4px 0 0 4px; padding:9px 18px; border:0; border-radius:999px;
  background:var(--srt-green); color:#fff; font:600 14px/1.2 inherit; cursor:pointer;
}
.srt-s3-choose:hover,.srt-s3-choose:focus-visible{ background:#006c63; }
.srt-s3-hint{ margin-top:8px; font-size:12.5px; opacity:.75; }
.srt-s3-picker{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }

.srt-s3-list{ list-style:none; margin:10px 0 0; padding:0; }
.srt-s3-item{
  margin:0 0 8px; padding:10px 12px; background:#fff;
  border:1px solid var(--srt-line); border-radius:10px;
}
.srt-s3-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.srt-s3-name{ font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.srt-s3-size{ flex:0 0 auto; font-size:12.5px; opacity:.7; }
.srt-s3-bar{ height:6px; margin:8px 0 6px; background:var(--srt-tint); border-radius:999px; overflow:hidden; }
.srt-s3-fill{ height:100%; width:0; background:var(--srt-green); border-radius:999px; transition:width .2s; }
.srt-s3-status{ font-size:12.5px; }
.srt-s3-actions{ flex:0 0 auto; display:flex; gap:6px; }
.srt-s3-actions button{
  padding:4px 10px; border:1px solid var(--srt-line); border-radius:999px; background:#fff;
  color:var(--srt-ink); font:500 12.5px/1.2 inherit; cursor:pointer;
}
.srt-s3-actions button:hover{ border-color:var(--srt-green); }
.srt-s3-item[data-state="done"] .srt-s3-status{ color:var(--srt-green); font-weight:600; }
.srt-s3-item[data-state="retrying"] .srt-s3-status{ color:var(--srt-gold); }
.srt-s3-item[data-state="error"],
.srt-s3-item[data-state="invalid"]{ border-color:#f1c4c0; }
.srt-s3-item[data-state="error"] .srt-s3-status,
.srt-s3-item[data-state="invalid"] .srt-s3-status{ color:var(--srt-red); font-weight:600; white-space:normal; }
.srt-s3-item[data-state="error"] .srt-s3-fill,
.srt-s3-item[data-state="invalid"] .srt-s3-fill{ background:var(--srt-red); }
.srt-s3-msg{ margin:6px 0 0; font-size:13.5px; font-weight:600; color:var(--srt-red); }
.srt-s3-msg:empty{ display:none; }
.srt-s3.has-error .srt-s3-zone{ border-color:var(--srt-red); }
.srt-s3-secure{ margin-top:8px; font-size:12px; opacity:.7; }
@media (max-width:480px){
  .srt-s3-row{ flex-wrap:wrap; }
  .srt-s3-drop{ display:block; margin-bottom:4px; }
}