/* Archiv Modern – img_viewer Override
   @version 1.0.3
   @changelog
   1.0.3 | 2026-08-10 | font-family: tabler-icons fix (mytngstyle font:inherit Override)
   1.0.2 | 2026-08-10 | Initiale Version, Tabler Icons Toolbar
   ============================================================ */

body {
  background: #F6F1E4;
  margin: 0;
  padding: 6px;
  font-family: system-ui, sans-serif;
}

/* Toolbar */
.controllerContainer {
  height: auto !important;
  min-height: 0 !important;
  background: #FDFAF2 !important;
  border: 1px solid #DCD2BC !important;
  border-radius: 10px !important;
  padding: 6px 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

/* imgViewerController: flex */
#imgViewerController {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 !important;
}

/* Alle Bilder (Pan, Zoom, Breakline) ausblenden */
.controllerImage,
.controllerPanSelected,
.controllerPan,
.breakLine {
  display: none !important;
}

/* Hinweistext ausblenden */
.controllerText,
p {
  display: none !important;
}

/* Icon-Buttons (per JS erzeugt) */
.am-iv-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  flex-shrink: 0 !important;
  border: 1px solid #DCD2BC !important;
  border-radius: 8px !important;
  background: #F6F1E4 !important;
  color: #6E2F2A !important;
  cursor: pointer !important;
  padding: 0 !important;
  font-size: 18px !important;
}
.am-iv-btn:hover {
  background: #EFE8D8 !important;
  border-color: #8C5A2B !important;
}

/* Fix: mytngstyle setzt font:inherit auf button → font-family überschreibt Tabler-Font */
.am-iv-btn i {
  font-family: "tabler-icons" !important;
  font-style: normal !important;
  font-size: 18px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  color: #6E2F2A !important;
  speak: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Select */
.zoomSelector,
#zoomsel {
  flex: 1 !important;
  height: 36px !important;
  min-width: 80px !important;
  border: 1px solid #DCD2BC !important;
  border-radius: 8px !important;
  background: #FDFAF2 !important;
  color: #2A241C !important;
  font-size: .82rem !important;
  padding: 0 6px !important;
  margin: 0 !important;
}

/* Bild-Canvas */
.canvas {
  background: #F6F1E4 !important;
  border: none !important;
  text-align: left !important;
}

/* Close-Button (per JS erzeugt, am Anfang der Toolbar) */
.am-iv-btn-close {
  order: -1 !important;
}

/* Neues-Fenster-Link als Icon-Button */
#ctrlcontainer a.am-iv-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin-left: auto !important;
}