/* Ozon-style file dropzone for CMS forms */
.oz-dropzone{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  padding:18px;
  border:2px dashed #cbd5e1;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
  margin-bottom: 2px;
}

.oz-dropzone:hover,
.oz-dropzone.is-dragover{
  border-color:#0054ff;
  background:#eef5ff;
  box-shadow:0 12px 32px rgba(0,84,255,.12);
  transform:translateY(-1px);
}

.oz-dropzone-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  
}



.oz-dropzone-hint{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:700;
}

.oz-file-list{
  display:grid;
  gap:8px;
  margin-top:0;
}

.oz-file-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:16px;
  align-items:center;


}

.oz-file-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#111827;
  font-size:14px;
  font-weight:500;
  margin-top: 5px;
}

.oz-file-size{
  color:#64748b;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;margin-top: 5px;
}

.mama-lead-form button.oz-file-remove{
  width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0;
    border-radius: 8px !important;
    background: #fff !important;
    color: #ef4444 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    
    cursor: pointer;
}

.oz-file-remove:hover{
  background:#ef4444;
  color:#fff;
}

.mb-3{
  margin-bottom:1rem;
}