/* DICAMAT v2.1.1 — modales utilizables con contenido largo */
.modal {
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding: 18px !important;
}

.modal > .quote-sheet,
.modal > .card {
  position: relative;
  margin: 0 auto !important;
  max-height: calc(100vh - 36px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

.modal .no-print.toolbar {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: -4px -4px 14px !important;
  padding: 10px !important;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #d8e0e8;
  box-shadow: 0 4px 10px rgba(22,50,79,.08);
}

@media (max-width: 700px) {
  .modal { padding: 0 !important; }
  .modal > .quote-sheet,
  .modal > .card {
    width: 100% !important;
    max-width: none !important;
    max-height: 100vh !important;
    min-height: 100vh;
    border-radius: 0 !important;
  }
}

@media print {
  .modal > .quote-sheet { max-height: none !important; overflow: visible !important; }
}