:root{--brand:#0d6efd}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji',sans-serif}
.navbar-brand{font-weight:700}
.card{box-shadow:0 1px 6px rgba(0,0,0,.06)}
.btn-brand{background:var(--brand);color:#fff;border:none}
/* Tables uploads : version "cartes" sur mobile */
@media (max-width: 767.98px) {
  .table-upload-responsive thead {
    display: none;
  }

  .table-upload-responsive tbody tr {
    display: block;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: #ffffff;
  }

  .table-upload-responsive tbody td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: none !important;
    padding: 0.25rem 0;
    font-size: 0.875rem;
  }

  .table-upload-responsive tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    margin-right: 0.75rem;
    color: #6c757d;
    flex: 0 0 40%;
    max-width: 50%;
    text-align: left;
  }

  .table-upload-responsive tbody td:last-child {
    justify-content: flex-end;
  }

  .table-upload-responsive tbody td:last-child::before {
    text-align: right;
  }
}
.foad-dropzone {
  border: 2px dashed #c0c4d0;
  border-radius: 1rem;
  background-color: #f8f9fa;
  padding: 1rem;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.foad-dropzone .drop-icon {
  font-size: 1.5rem;
}

.foad-dropzone.is-dragover {
  background-color: #e7f1ff;
  border-color: #0d6efd;
  transform: scale(1.01);
}

/* Sur mobile, garder les tuiles propres */
@media (max-width: 767.98px) {
  .foad-dropzone {
    padding: 0.75rem;
  }
}