/* ===== responsive layout for mobile / tablet / desktop ===== */

/* label column: right-aligned on tablet+desktop, left on mobile */
.adapt-label {
  text-align: right;
}

/* file input: never overflow the screen */
.adapt-file {
  max-width: 100%;
}

/* custom separator input: fixed width on desktop, fluid on mobile */
.adapt-sep-input {
  width: 200px;
  max-width: 100%;
}

/* file list: allow horizontal scrolling on small screens */
#file_list {
  overflow-x: auto;
}
#file_list table {
  max-width: 100%;
}

/* ===== mobile (phones, < 768px) ===== */
@media (max-width: 767px) {
  .adapt-label {
    text-align: left;
  }

  .adapt-row {
    margin-bottom: 15px;
  }

  /* big touch-friendly reorder buttons */
  #file_list button {
    font-size: 18px;
    padding: 6px 12px;
    min-width: 44px;
    min-height: 44px;
  }

  #file_list td {
    padding: 4px;
  }

  /* full-width merge button for easy tapping */
  .adapt-merge-btn {
    width: 100%;
  }
}

/* ===== tablet and desktop (>= 768px) ===== */
@media (min-width: 768px) {
  .adapt-row {
    margin-bottom: 5px;
  }
}
/* drag & drop zone for selecting files */
.drop-zone {
  border: 2px dashed #aaa;
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 10px;
  transition: border-color 0.2s, background-color 0.2s;
}
.drop-zone-hover {
  border-color: #337ab7;
  background-color: #f0f7ff;
}