.settlement-push-modal {
  width: 90vw !important;
  max-width: 1000px !important;
  min-width: 320px !important;
  max-height: 95vh !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Mobile responsive */
@media (max-width: 640px) {
  .settlement-push-modal {
    width: 95vw !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
  }
}

/* Tablet and small desktop */
@media (min-width: 641px) and (max-width: 1023px) {
  .settlement-push-modal {
    width: 90vw !important;
    max-width: 900px !important;
  }
}

/* Scrollable content area */
.settlement-push-modal .flex-1 {
  overflow-y: auto;
  padding-right: 4px;
}

/* Custom scrollbar for the modal content */
.settlement-push-modal .flex-1::-webkit-scrollbar {
  width: 6px;
}

.settlement-push-modal .flex-1::-webkit-scrollbar-track {
  background: transparent;
}

.settlement-push-modal .flex-1::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}

.settlement-push-modal .flex-1::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}

.file-preview-dialog {
  width: 95vw !important;
  max-width: 1200px !important;
  max-height: 95vh !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}

.file-preview-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}