/* HYLLA PDF-Lastwerte */
/* PDF-Lastwerte – technische Arbeitsfläche */
.pdfloads-page{
  width:100%;
  height:100dvh;
  overflow-x:auto;
  overflow-y:hidden;
}

/* Bei diesem großen technischen Werkzeug bleibt nur die obere HYLLA-Zeile
   sichtbar. So entsteht außerhalb der PDF-Vorschau kein zweiter vertikaler
   Seiten-Scrollbalken. */
.pdfloads-page>.site-footer{display:none}

.pdfloads-app{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:760px;
  height:calc(100dvh - var(--header-height));
  min-height:560px;
  overflow:hidden;
  background:#e8edf2;
}

.pdfloads-sourcebar,
.pdfloads-toolbar,
.pdfloads-status{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
  padding:.55rem .75rem;
  background:#fff;
  border-bottom:1px solid #cfd9e2;
}

.pdfloads-sourcebar>div{display:flex;align-items:center;gap:.35rem}
.pdfloads-sourcebar label{font-weight:750;font-size:.86rem}
.pdfloads-sourcebar input[type=number]{width:76px}
.pdfloads-file-field{min-width:0;max-width:min(620px,100%)}
.pdfloads-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.pdfloads-file-button{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}
.pdfloads-pdf-icon{
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  width:20px;
  height:22px;
  flex:0 0 20px;
  padding:0 2px 3px;
  border-radius:3px;
  background:#c62828;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);
  font-size:.42rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
}
.pdfloads-pdf-icon::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-top:6px solid #fff;
  border-left:6px solid rgba(255,255,255,.48);
}
.pdfloads-file-name{
  min-width:80px;
  max-width:250px;
  overflow:hidden;
  color:var(--ink-soft);
  font-size:.82rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pdfloads-sourcebar button,
.pdfloads-toolbar button,
.pdfloads-actions button,
.pdfloads-tabpanel>button{
  min-height:34px;
  border:1px solid #b9c6d2;
  border-radius:6px;
  background:#fff;
  color:var(--brand-dark);
  padding:.38rem .65rem;
  font-weight:700;
}
.pdfloads-sourcebar button:hover,
.pdfloads-toolbar button:hover,
.pdfloads-actions button:hover,
.pdfloads-tabpanel>button:hover{border-color:var(--brand-soft);background:#f1f6fb}
.pdfloads-toolbar{background:#f7f9fb}
.pdfloads-toolbar button.is-active{background:var(--brand);border-color:var(--brand);color:#fff}

/* „Ähnliche“ ist der zentrale Einstieg in die Textauswahl und wird daher
   bewusst als hervorgehobene Aktion dargestellt. */
.pdfloads-toolbar button[data-tool="similar"],
.pdfloads-actions button[data-tool="similar"]{
  background:#f6bd60;
  border-color:#9a5b00;
  color:#352100;
  box-shadow:0 2px 7px rgba(154,91,0,.22);
}
.pdfloads-toolbar button[data-tool="similar"]:hover,
.pdfloads-actions button[data-tool="similar"]:hover{
  background:#ffd07a;
  border-color:#764400;
}
.pdfloads-toolbar button[data-tool="similar"].is-active,
.pdfloads-actions button[data-tool="similar"].is-active{
  background:#b85d00;
  border-color:#7f3f00;
  color:#fff;
  box-shadow:0 0 0 2px rgba(184,93,0,.20),0 3px 9px rgba(95,48,0,.28);
}
.pdfloads-toolbar button[data-tool="similar"]:focus-visible,
.pdfloads-actions button[data-tool="similar"]:focus-visible{
  outline:3px solid rgba(184,93,0,.34);
  outline-offset:2px;
}

/* Einheitlicher Mouse-over-Hinweis für sämtliche Schaltflächen. */
.pdfloads-tooltip{
  position:fixed;
  z-index:10000;
  left:0;
  top:0;
  max-width:min(360px,calc(100vw - 16px));
  padding:.48rem .62rem;
  border:1px solid rgba(255,255,255,.20);
  border-radius:7px;
  background:#14283a;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,18,34,.30);
  font-size:.76rem;
  font-weight:600;
  line-height:1.35;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(-2px);
  transition:opacity .10s ease,transform .10s ease,visibility .10s;
}
.pdfloads-tooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.pdfloads-toolbar-spacer{flex:1}
.pdfloads-toolbar output{min-width:58px;text-align:right;font-variant-numeric:tabular-nums}

/* Die Arbeitsfläche bleibt bewusst immer zweispaltig. Auf sehr schmalen
   Bildschirmen wird die gesamte technische Arbeitsfläche horizontal gescrollt,
   die PDF-Vorschau rutscht jedoch nicht unter die Tabellen. */
.pdfloads-workspace{
  --sidebar-width:clamp(360px,42vw,650px);
  display:flex!important;
  flex:1 1 0;
  flex-direction:row!important;
  align-items:stretch;
  width:100%;
  min-width:760px;
  min-height:0;
  height:auto;
  overflow:hidden;
}

.pdfloads-sidebar{
  display:flex;
  flex:0 0 var(--sidebar-width);
  flex-direction:column;
  width:var(--sidebar-width);
  min-width:280px;
  max-width:calc(100% - 330px);
  min-height:0;
  overflow:hidden;
  background:#fff;
  border-right:1px solid #cfd9e2;
}

.pdfloads-tabs{display:flex;flex:0 0 auto;gap:0;background:#edf2f6;border-bottom:1px solid #cfd9e2}
.pdfloads-tabs button{flex:1;border:0;border-right:1px solid #cfd9e2;background:transparent;padding:.62rem .45rem;font-weight:800;color:var(--brand-dark)}
.pdfloads-tabs button.is-active{background:#fff;box-shadow:inset 0 -3px 0 var(--brand)}
.pdfloads-tabpanel{display:none;flex:1 1 0;min-height:0;overflow:auto;padding:.75rem}
.pdfloads-tabpanel.is-active{display:block}
.pdfloads-tabpanel h2{font-size:1rem;margin:.35rem 0 .55rem}
.pdfloads-form-grid{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:.48rem .65rem}
.pdfloads-form-grid label,.pdfloads-dialog label{display:grid;gap:.2rem;font-size:.78rem;font-weight:750;color:#314152}
.pdfloads-form-grid input,.pdfloads-form-grid select,.pdfloads-dialog input{width:100%;min-height:34px;border:1px solid #bac8d4;border-radius:5px;padding:.32rem .45rem;background:#fff;color:var(--ink)}
.pdfloads-form-grid input:focus,.pdfloads-form-grid select:focus,.pdfloads-dialog input:focus{outline:2px solid rgba(11,74,132,.18);border-color:var(--brand-soft)}
.pdfloads-check{display:flex!important;align-items:center!important;grid-auto-flow:column;grid-template-columns:auto 1fr!important;justify-content:start;gap:.4rem!important}
.pdfloads-check input{width:auto!important;min-height:0!important}
.pdfloads-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:.35rem}
.pdfloads-checkbox-grid label{font-size:.82rem}
.pdfloads-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin:.65rem 0}
.pdfloads-note{font-size:.8rem;color:var(--ink-soft);margin:.45rem 0}
.pdfloads-table-wrap{max-width:100%;overflow:auto;border:1px solid #ccd7e0;border-radius:6px;background:#fff}
.pdfloads-table-wrap.small{max-height:180px}
.pdfloads-table-wrap.grow{height:calc(100% - 48px);min-height:300px}
.pdfloads-table-wrap table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.76rem}
.pdfloads-table-wrap th,.pdfloads-table-wrap td{border-bottom:1px solid #e0e7ed;border-right:1px solid #edf1f4;padding:.3rem .4rem;white-space:nowrap;text-align:right}
.pdfloads-table-wrap th{position:sticky;top:0;z-index:2;background:#edf3f7;color:var(--brand-dark);font-weight:800}
.pdfloads-table-wrap td:nth-child(2),.pdfloads-table-wrap th:nth-child(2){text-align:left}
.pdfloads-table-wrap tr:hover{background:#f3f7fa}
.pdfloads-table-wrap tr.is-selected{outline:2px solid #e48519;outline-offset:-2px}
.pdfloads-table-wrap tr.is-active{background:#eef8f3}
.pdfloads-table-wrap tr.is-excluded{background:#fff0f0;color:#8e3030}
.pdfloads-row-toggle{border:0;background:transparent;color:inherit;font-size:.72rem;padding:0;font-weight:750}
.pdfloads-color{display:inline-block;width:.75rem;height:.75rem;margin-right:.28rem;border:1px solid #999;background:var(--swatch);vertical-align:-.08rem}

.pdfloads-splitter{
  position:relative;
  flex:0 0 10px;
  width:10px;
  min-width:10px;
  align-self:stretch;
  background:#d4dde5;
  cursor:col-resize;
  touch-action:none;
  user-select:none;
  z-index:4;
}
.pdfloads-splitter::after{content:"";position:absolute;left:3px;top:50%;width:4px;height:52px;transform:translateY(-50%);border-radius:4px;background:#8fa0af}
.pdfloads-splitter:hover,.pdfloads-splitter.is-dragging{background:#aebdca}

.pdfloads-viewer-pane{
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  width:0;
  min-width:320px;
  min-height:0;
  overflow:hidden;
  background:#87929d;
}
.pdfloads-viewer-pane>header,
.pdfloads-viewer-pane>footer{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:34px;
  padding:.4rem .65rem;
  background:#f5f7f9;
  border-bottom:1px solid #cfd9e2;
  font-size:.78rem;
}
.pdfloads-viewer-pane>header span{min-width:0;text-align:right;color:var(--ink-soft)}
.pdfloads-viewer-pane>footer{border-top:1px solid #cfd9e2;border-bottom:0}

/* Der PDF-Bereich ist ein eigenes Raster aus Vorschau und dauerhaft
   sichtbarem vertikalem Scrollbalken. Die Webseite selbst scrollt vertikal
   nicht; der horizontale Balken bleibt innerhalb der PDF-Vorschau. */
.pdfloads-viewer-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px;
  flex:1 1 0;
  width:100%;
  height:0;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.pdfloads-viewer{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  scrollbar-width:auto;
  scrollbar-color:#60788c #d8e0e7;
  overscroll-behavior:contain;
  touch-action:none;
  background:repeating-conic-gradient(#8b959e 0 25%,#929ca5 0 50%) 50%/16px 16px;
}
.pdfloads-viewer::-webkit-scrollbar{width:0;height:16px;background:#d8e0e7}
.pdfloads-viewer::-webkit-scrollbar-track{background:#d8e0e7;border-top:1px solid #aab8c3}
.pdfloads-viewer::-webkit-scrollbar-thumb{min-width:36px;border:3px solid #d8e0e7;border-radius:8px;background:#60788c}
.pdfloads-viewer::-webkit-scrollbar-thumb:hover{background:#405d73}
.pdfloads-viewer::-webkit-scrollbar-corner{background:#d8e0e7}
.pdfloads-vscroll{
  position:relative;
  min-width:20px;
  min-height:0;
  overflow:hidden;
  background:#d7e0e7;
  border-left:1px solid #9cabb7;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.65);
  touch-action:none;
  user-select:none;
}
.pdfloads-vscroll::before,.pdfloads-vscroll::after{
  content:"";position:absolute;left:6px;width:0;height:0;z-index:2;pointer-events:none;
  border-left:4px solid transparent;border-right:4px solid transparent;
}
.pdfloads-vscroll::before{top:5px;border-bottom:7px solid #405d73}
.pdfloads-vscroll::after{bottom:5px;border-top:7px solid #405d73}
.pdfloads-vscroll-thumb{
  position:absolute;left:3px;top:0;width:13px;min-height:30px;
  border:1px solid #40576a;border-radius:7px;
  background:linear-gradient(90deg,#8196a5,#587184);
  box-shadow:0 1px 2px rgba(0,0,0,.25);cursor:ns-resize;transform:translateY(18px);
}
.pdfloads-vscroll-thumb:hover,.pdfloads-vscroll.is-dragging .pdfloads-vscroll-thumb{background:linear-gradient(90deg,#6d8799,#36566e)}
.pdfloads-vscroll.is-disabled .pdfloads-vscroll-thumb{opacity:.38;cursor:default}
.pdfloads-vscroll:focus-visible{outline:2px solid var(--brand-soft);outline-offset:-2px}
.pdfloads-viewer.is-panning,.pdfloads-viewer.is-panning #overlayCanvas{cursor:grabbing!important}
.pdfloads-viewer #stageSizer{position:relative;display:block;min-width:1px;min-height:1px}
.pdfloads-viewer #stage{position:absolute;left:0;top:0;transform-origin:top left;box-shadow:0 2px 14px rgba(0,0,0,.35);background:#fff}
.pdfloads-viewer #pageImage,.pdfloads-viewer #overlayCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;user-select:none;-webkit-user-drag:none}
.pdfloads-viewer #overlayCanvas{z-index:2;cursor:crosshair}

.pdfloads-status{justify-content:space-between;border-top:1px solid #cfd9e2;border-bottom:0;font-size:.76rem;color:var(--ink-soft)}
.pdfloads-status .is-error{color:var(--danger);font-weight:800}
.pdfloads-dialog{max-width:520px;width:calc(100% - 2rem);border:0;border-radius:14px;padding:1.25rem;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.pdfloads-dialog::backdrop{background:rgba(0,20,40,.45)}
.pdfloads-dialog form{display:grid;gap:.55rem}
.pdfloads-dialog h2{font-size:1.25rem;margin:0 0 .4rem}
.stamp-label{min-width:90px}
.stamp-label:focus{outline:2px solid var(--brand-soft);background:#fff}

#pdfLoadsApp:fullscreen{width:100vw;height:100dvh;min-width:760px;min-height:100dvh;background:#e8edf2}
#pdfLoadsApp:fullscreen .pdfloads-workspace{flex:1 1 0;height:auto}
#pdfLoadsApp:fullscreen .pdfloads-status{display:none}

@media(max-width:1080px){
  .main-nav{display:none}
  .brand-copy{display:none}
  .pdfloads-workspace{--sidebar-width:400px}
}

@media(max-width:780px){
  /* Kein Wechsel auf eine untereinander angeordnete Ansicht: Die Vorschau
     bleibt rechts. Die technische Arbeitsfläche kann horizontal gescrollt werden. */
  .pdfloads-app,.pdfloads-workspace{min-width:760px}
  .pdfloads-workspace{--sidebar-width:360px}
  .pdfloads-form-grid{grid-template-columns:1fr}
  .pdfloads-sourcebar>div{width:auto}
  .pdfloads-file-field{max-width:540px}
  .pdfloads-file-name{max-width:210px}
  .footer-inner{align-items:flex-start;flex-direction:column}
  .hero-inner{grid-template-columns:1fr}
}