/* ==================================== */
/* DOCUMENT PANEL - SENOLOGIE           */
/* Importe le module partage + overrides */
/* ==================================== */

@import '../../../shared/css/document-panel.css';

/* ==================================== */
/* SCANNER FORM - SPECIFIQUES           */
/* ==================================== */

.scanner-title {
  font-size: 24px;
  letter-spacing: 2px;
}

.scanner-phone {
  font-size: 14px;
  font-weight: 600;
  margin-top: 4px;
}

.scanner-emitter {
  font-size: 11px;
  color: var(--text-secondary);
}

.scanner-ref {
  font-weight: 600;
}

.scanner-subtitle {
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  font-size: 10px;
}

/* Compact fields */
.scanner-fields-compact {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.scanner-field-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.scanner-field-row label {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  min-width: 100px;
}

.scanner-field-row input {
  flex: 1;
  padding: 4px 6px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 12px;
  background: var(--bg-input);
}

.scanner-field-row input:focus {
  outline: none;
  border-color: var(--accent-primary);
}

/* Inline groups */
.scanner-inline-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
}

.scanner-field-inline {
  display: flex;
  align-items: center;
  gap: 6px;
}

.scanner-field-inline label {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
}

.scanner-field-inline input {
  padding: 5px 8px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 12px;
  background: var(--bg-input);
}

.scanner-field-inline input:focus {
  outline: none;
  border-color: var(--accent-primary);
}

.scanner-field-inline span {
  font-size: 12px;
  color: var(--text-secondary);
}

/* Full width field */
.scanner-field-full {
  margin-bottom: 10px;
}

.scanner-field-full label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
  text-decoration: underline;
}

.scanner-field-full textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-family: inherit;
  font-size: 12px;
  resize: vertical;
  background: var(--bg-input);
}

.scanner-field-full textarea:focus {
  outline: none;
  border-color: var(--accent-primary);
}

/* Signature row */
.scanner-signature-row label {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
}

/* Radio groups */
.scanner-radio-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.scanner-radio-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
}

.scanner-radio-item span {
  font-size: 12px;
  color: var(--text-primary);
}

.scanner-radio-group {
  display: flex;
  gap: 12px;
}

.scanner-radio-group label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
}

.scanner-radio-group input[type="radio"] {
  margin: 0;
  cursor: pointer;
}

.scanner-radio-group-inline {
  display: flex;
  gap: 16px;
}

.scanner-radio-group-inline label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  cursor: pointer;
}

/* Small inputs */
.scanner-input-small {
  width: 80px !important;
  padding: 4px 6px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 11px;
}

.scanner-field-inline-small {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  flex-wrap: wrap;
}

.scanner-field-inline-small span {
  font-size: 12px;
  color: var(--text-primary);
}

/* Exam items */
.scanner-exam-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scanner-exam-item {
  padding: 8px;
  border: 1px solid var(--border-light);
  border-radius: var(--border-radius-sm);
  background: var(--bg-sidebar);
}

.scanner-exam-check {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  margin-bottom: 6px;
}

.scanner-exam-label {
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}

.scanner-exam-details {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding-left: 20px;
}

.scanner-exam-details span {
  font-size: 11px;
  color: var(--text-secondary);
}

.scanner-exam-details input[type="date"] {
  padding: 3px 6px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 11px;
}

.scanner-input-lieu {
  width: 100px;
  padding: 3px 6px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 11px;
}

/* RDV Section */
.scanner-section-rdv {
  background: var(--bg-sidebar);
}

/* ==================================== */
/* PREVIEW OVERLAY                      */
/* ==================================== */

.scanner-preview-overlay {
  position: relative;
  width: 100%;
  max-width: min(800px, 100%);
  margin: 0 auto;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.scanner-bg-image {
  width: 100%;
  height: auto;
  display: block;
}

.scanner-data-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Multi-volet preview: chaque page est son propre contexte de positionnement
   pour que .scanner-data-overlay s'aligne sur son <img> frere et non sur
   l'enveloppe .scanner-preview-overlay (sinon les overlays de toutes les
   pages s'empilent en haut). Aligne avec print-preview iframe. */
.multi-volet-preview .scanner-preview-page {
  position: relative;
}

.scanner-field {
  position: absolute;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  color: #000;
  line-height: 1.2;
  overflow: hidden;
}

.scanner-field-etiquette {
  font-size: 9px;
}

.scanner-field-resume {
  font-size: 10px;
}

.scanner-check {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 1;
}

.scanner-signature-img {
  position: absolute;
  object-fit: contain;
}

/* ==================================== */
/* CUSTOM TEMPLATES                     */
/* ==================================== */

.custom-template-form {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px;
}

.custom-template-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.custom-template-bg {
  display: block;
  max-width: 100%;
  height: auto;
}

.custom-template-fields {
  position: absolute;
  inset: 0;
}

.custom-field {
  display: flex;
  align-items: center;
}

.custom-input {
  width: 100%;
  height: 100%;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  color: var(--text-primary);
  transition: border-color var(--transition-fast), background var(--transition-fast);
}

.custom-input:hover {
  border-color: var(--border-medium);
  background: rgba(255, 255, 255, 0.95);
}

.custom-input:focus {
  outline: none;
  border-color: var(--accent-primary);
  background: white;
}

.custom-input::placeholder {
  color: var(--text-muted);
  font-size: 11px;
}

textarea.custom-input {
  resize: none;
  min-height: 100%;
}

select.custom-input {
  cursor: pointer;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 11px;
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.9);
  padding: 2px 6px;
  border-radius: var(--border-radius-sm);
}

.custom-checkbox input[type="checkbox"] {
  accent-color: var(--accent-primary);
  cursor: pointer;
}

.custom-template-error {
  padding: 20px;
  text-align: center;
  color: var(--accent-danger);
  background: rgba(196, 92, 92, 0.1);
  border-radius: var(--border-radius-md);
}

/* ==================================== */
/* AUTO-FILL FROM RAPPORT               */
/* ==================================== */

.autofill-field {
  background-color: #e3f2fd !important;
  border-color: #90caf9 !important;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.autofill-field:focus {
  background-color: #bbdefb !important;
  border-color: #64b5f6 !important;
}

label.autofill-field {
  background-color: rgba(33, 150, 243, 0.15);
  border-radius: var(--border-radius-sm);
  padding: 2px 6px;
  margin: -2px -6px;
}

/* Data selector modal */
.rapport-data-selector-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  /* z-index 10000 — au-dessus de resourcesOverlay et app-menu. À reconfirmer si d'autres overlays sont ajoutés. */
  z-index: 10000;
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.rapport-data-selector {
  background: var(--bg-canvas);
  border-radius: var(--border-radius-lg);
  padding: 24px;
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: slideUp 0.2s ease;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rapport-data-selector-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
  color: var(--text-primary);
}

.rapport-data-section {
  margin-bottom: 20px;
}

.rapport-data-section h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px 0;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rapport-data-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rapport-data-option {
  padding: 12px 16px;
  border: 1px solid var(--border-light);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--bg-panel);
}

.rapport-data-option:hover {
  border-color: var(--accent-blue);
  background: rgba(33, 150, 243, 0.05);
}

.rapport-data-option.selected {
  border-color: var(--accent-blue);
  background: #e3f2fd;
  box-shadow: 0 0 0 1px var(--accent-blue);
}

.rapport-data-option .badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  color: white;
  margin-right: 8px;
}

.rapport-data-option small {
  color: var(--text-muted);
  font-size: 12px;
}

.rapport-data-selector-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--border-light);
}

/* ==================================== */
/* PRESCRIPTIONS - SPECIFIQUES          */
/* ==================================== */

/* En-tete prescription */
.prescription-header-section {
  background: var(--bg-sidebar);
  border: 2px solid var(--doc-presc-primary);
}

.prescription-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.prescription-header-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.prescription-header-right {
  text-align: right;
}

.prescription-input {
  padding: 6px 10px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-size: 13px;
  background: var(--bg-input);
  transition: border-color var(--transition-fast);
}

.prescription-input:focus {
  outline: none;
  border-color: var(--doc-presc-primary);
}

.prescription-input-header {
  font-size: 15px;
  font-weight: 600;
}

.prescription-input-small {
  font-size: 12px;
}

.prescription-input-number {
  width: 80px;
}

.prescription-select {
  cursor: pointer;
}

.prescription-textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--border-medium);
  border-radius: var(--border-radius-sm);
  font-family: inherit;
  font-size: 12px;
  resize: vertical;
  min-height: 60px;
  background: var(--bg-input);
}

.prescription-textarea:focus {
  outline: none;
  border-color: var(--doc-presc-primary);
}

/* ALD Section */
.prescription-ald-section {
  background: var(--doc-presc-light);
  border-color: var(--doc-presc-border);
}

.prescription-checkbox-large {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: var(--border-radius-sm);
  transition: background var(--transition-fast);
}

.prescription-checkbox-large:hover {
  background: rgba(194, 24, 91, 0.1);
}

.prescription-checkbox-large input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--doc-presc-primary);
  cursor: pointer;
}

/* Checkboxes et radios */
.prescription-checkbox-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.prescription-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: var(--border-radius-sm);
  transition: background var(--transition-fast);
}

.prescription-checkbox:hover {
  background: rgba(0, 0, 0, 0.03);
}

.prescription-checkbox input[type="checkbox"] {
  margin-top: 2px;
  accent-color: var(--doc-presc-primary);
  cursor: pointer;
}

.prescription-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: var(--border-radius-sm);
  transition: background var(--transition-fast);
}

.prescription-radio:hover {
  background: rgba(0, 0, 0, 0.03);
}

.prescription-radio input[type="radio"] {
  accent-color: var(--doc-presc-primary);
  cursor: pointer;
}

/* Indications */
.prescription-indications h4,
.prescription-soins-section h4,
.prescription-medicaments-section h4 {
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--doc-presc-primary);
}

.prescription-soins-category h5,
.prescription-medicaments-section h4 {
  margin: 12px 0 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Medicaments */
.prescription-med-item,
.prescription-soin-item,
.prescription-symptome-item {
  align-items: flex-start;
  background: var(--bg-canvas);
  border: 1px solid var(--border-light);
  padding: 10px 12px;
}

.prescription-med-details,
.prescription-soin-details,
.prescription-symptome-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.prescription-med-name,
.prescription-soin-name,
.prescription-symptome-name {
  font-weight: 600;
  font-size: 13px;
}

.prescription-med-posologie,
.prescription-soin-cotation,
.prescription-symptome-desc {
  font-size: 11px;
  color: var(--text-secondary);
}

.prescription-soin-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.prescription-input-inline {
  width: 100px;
  padding: 4px 6px;
  font-size: 11px;
}

/* Signature */
.prescription-signature-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  flex-wrap: wrap;
}

.prescription-signature-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.prescription-signature-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
}

.prescription-signature-box span {
  font-size: 11px;
  color: var(--text-secondary);
}

/* Type de prothese */
.prescription-type-display {
  padding: 8px 16px;
  border-radius: var(--border-radius-sm);
  font-weight: 600;
  font-size: 14px;
}

.prescription-type-standard {
  background: var(--bg-sidebar);
  color: var(--text-secondary);
  border: 1px solid var(--border-medium);
}

.prescription-type-technique {
  background: #e8f5e9;
  color: #388e3c;
  border: 1px solid #a5d6a7;
}

.prescription-type-info {
  font-size: 12px;
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--bg-sidebar);
  border-radius: var(--border-radius-sm);
}

/* CERFA Header */
.prescription-cerfa-header {
  text-align: center;
  padding: 16px;
  background: var(--doc-presc-light);
  border-radius: var(--border-radius-md);
}

.prescription-cerfa-header h2 {
  margin: 0;
  font-size: 18px;
  color: var(--doc-presc-primary);
}

.prescription-cerfa-ref {
  margin: 4px 0 0 0;
  font-size: 12px;
  color: var(--text-secondary);
}

/* Notes */
.prescription-notes {
  margin-top: 12px;
}

.prescription-notes label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--text-primary);
}

.prescription-form-notice {
  background: var(--bg-sidebar);
  padding: 12px;
  border-radius: var(--border-radius-sm);
  margin-bottom: 16px;
  font-size: 12px;
  color: var(--text-secondary);
}

.prescription-text-intro {
  margin-bottom: 16px;
  padding: 12px;
  background: var(--doc-presc-light);
  border-left: 4px solid var(--doc-presc-primary);
  border-radius: var(--border-radius-sm);
}

.prescription-text-intro p {
  margin: 0;
  font-weight: 500;
}

/* ==================================== */
/* PRESCRIPTION PREVIEW                 */
/* ==================================== */

.prescription-preview {
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-width: min(800px, 100%);
  margin: 0 auto;
}

.prescription-preview-page {
  padding: 40px;
  font-family: 'Times New Roman', serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.prescription-preview-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.prescription-preview-medecin {
  font-size: 13px;
}

.prescription-preview-date {
  text-align: right;
  font-size: 13px;
}

.prescription-preview-patient {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.prescription-preview-ald {
  background: #fce4ec;
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: bold;
  color: #c2185b;
  margin-bottom: 20px;
  text-align: center;
}

.prescription-preview-body {
  margin-bottom: 30px;
}

.prescription-preview-body h2 {
  text-align: center;
  font-size: 20px;
  margin: 0 0 20px 0;
  text-decoration: underline;
}

.prescription-preview-intro {
  margin-bottom: 15px;
}

.prescription-preview-indications ul,
.prescription-preview-soins ul,
.prescription-preview-medicaments {
  margin: 10px 0;
  padding-left: 20px;
}

.prescription-preview-indications li,
.prescription-preview-soins li {
  margin-bottom: 5px;
}

.prescription-preview-med-item {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ccc;
}

.prescription-preview-notes {
  margin-top: 20px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 4px;
}

.prescription-preview-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  padding-top: 20px;
}

.prescription-preview-signature {
  text-align: right;
}

.prescription-signature-img {
  max-width: 150px;
  max-height: 60px;
}

.prescription-signature-placeholder {
  width: 150px;
  height: 60px;
  border: 1px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 12px;
}

.prescription-preview-section {
  margin-bottom: 20px;
}

.prescription-preview-section h3,
.prescription-preview-section h4 {
  margin: 0 0 8px 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
}

.prescription-preview-section ul {
  margin: 5px 0;
  padding-left: 20px;
}

.prescription-preview-cerfa-header {
  text-align: center;
  margin-bottom: 20px;
}

.prescription-preview-cerfa-header h2 {
  margin: 0;
  text-decoration: none;
}

/* Tab prescription style */
.document-tab-prescription {
  color: var(--doc-presc-primary);
}

/* ==================================== */
/* BON DE TRANSPORT - TABS ET VOLETS   */
/* ==================================== */

.bon-transport-container {
  padding: 0;
}

.bon-transport-tabs {
  display: flex;
  gap: 4px;
  padding: 16px 16px 0;
  background: var(--surface-elevated);
  border-bottom: 1px solid var(--border-color);
}

.bon-transport-tab {
  flex: 1;
  padding: 10px 16px;
  border: none;
  background: var(--surface-secondary);
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
  transition: all var(--transition-fast);
}

.bon-transport-tab:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

.bon-transport-tab.active {
  background: white;
  color: var(--doc-presc-primary);
  box-shadow: 0 -2px 0 var(--doc-presc-primary) inset;
}

.bon-transport-volet {
  display: none;
  padding: 16px;
}

.bon-transport-volet.active {
  display: block;
}

/* Checkboxes positionnees sur l'image */
.fiche-checkbox {
  transform: scale(1.2);
  accent-color: var(--doc-presc-primary);
}

/* Textarea positionnee */
.fiche-textarea {
  resize: none;
  font-size: 10px;
  line-height: 1.3;
  padding: 4px 6px;
}

/* Clear signature btn pour fiches */
.fiche-signature .clear-signature-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 2px 5px;
  font-size: 10px;
}

/* Check overlay pour impression */
.fiche-overlay-check {
  color: #000;
  font-family: Arial, sans-serif;
}

.fiche-overlay-field {
  font-family: Arial, sans-serif;
  font-weight: 500;
}

/* Preview bon transport - deux pages */
.bon-transport-preview {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bon-transport-preview .scanner-preview-page {
  position: relative;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ==================================== */
/* RESPONSIVE OVERRIDES                 */
/* ==================================== */

@media (max-width: 768px) {
  .scanner-inline-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .scanner-radio-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .scanner-exam-details {
    padding-left: 0;
  }
}

/* ==================================== */
/* PRINT OVERRIDES                      */
/* ==================================== */

@media print {
  .scanner-preview {
    box-shadow: none !important;
    padding: 15px !important;
    font-size: 10pt !important;
    background: white !important;
    width: 100% !important;
  }

  .scanner-preview .scanner-header {
    border: 2px solid black !important;
    background: #f5f5f5 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .scanner-preview-section {
    border: 1px solid black !important;
    page-break-inside: avoid;
    margin-bottom: 8px !important;
  }

  .scanner-preview-box {
    border: 1px solid #666 !important;
  }

  .scanner-preview-grid,
  .scanner-preview-grid-2 {
    gap: 6px !important;
  }

  .scanner-preview-signature {
    max-height: 40px !important;
    border: 1px solid #999 !important;
  }

  .prescription-preview-page {
    padding: 20px;
    font-size: 12pt;
  }

  .prescription-preview-ald {
    background: #fce4ec !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .bon-transport-preview .scanner-preview-page {
    box-shadow: none;
    page-break-after: always;
  }

  .bon-transport-preview .bon-transport-page-2 {
    page-break-before: always;
  }
}