/* DevisVox — Visualiseur PDF (tablette + desktop)
   Chargé sans attribut media : #pdf-viewer-modal (js/facturation.js, showPDFViewer) n'est jamais
   créé sous 768px — la branche mobile de showPDFViewer ouvre le PDF nativement (window.open) et
   retourne avant de créer cette modale — donc ces règles ne s'appliquent en pratique qu'à la
   tablette et au desktop. */

/* .modal (css/mobile/base.css, sans media) aligne son contenu en bas (align-items:flex-end) —
   #pdf-viewer-modal (id, plus spécifique) recentre explicitement pour cette modale précise, sans
   toucher au comportement des autres .modal. */
#pdf-viewer-modal { align-items: center; justify-content: center; }

.pdf-viewer-content {
  position: relative;
  z-index: 1;
  background: var(--card);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 95%;
  max-width: 1200px;
  /* Hauteur visible : repli vh avant dvh (navigateurs qui ne reconnaissent pas l'unité dynamique
     ignorent la 2e ligne et conservent la 1re). */
  height: 95vh;
  height: 95dvh;
  border-radius: var(--r-lg);
  box-shadow: var(--sh2);
}

.pdf-viewer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--sp-md) var(--sp-lg);
  border-bottom: 1px solid var(--b);
  flex-shrink: 0;
}

.pdf-viewer-title {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: var(--text);
}

.pdf-viewer-actions {
  display: flex;
  gap: var(--sp-sm);
}

/* .dab-btn/.dab-outline (js/facturation.js:866) n'ont aucune règle CSS nulle part dans le projet —
   utilisées telles quelles ailleurs (js/vocal.js, index.html) pour d'autres boutons, hors périmètre
   de ce lot. Scopé à .pdf-viewer-actions pour ne styler que le bouton de cette modale, sans effet
   sur les autres usages de ces classes. */
.pdf-viewer-actions .dab-btn {
  height: 36px;
  padding: 0 var(--sp-md);
  border-radius: var(--r-sm);
  font-size: var(--fs-sm);
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
}
.pdf-viewer-actions .dab-outline {
  border: 1.5px solid var(--b2);
  background: transparent;
  color: var(--text2);
}

.pdf-viewer-iframe {
  flex: 1;
  width: 100%;
  border: none;
  display: block;
}