:root{
  --gbp-radius: 18px;
  --gbp-stroke2: rgba(0,0,0,.10);
  --gbp-bg: rgba(255,255,255,.14);
  --gbp-bg2: rgba(255,255,255,.08);
  --gbp-shadow: 0 18px 60px rgba(0,0,0,.14);
  --gbp-shadow2: 0 10px 30px rgba(0,0,0,.10);
  --gbp-text: rgba(20,20,22,.92);
  --gbp-muted: rgba(20,20,22,.62);
  --gbpdf-accent: #8CB349;
  --gbpdf-thumbw: 200px;
  --gbpdf-toolbar-a: #8CB349;
  --gbpdf-toolbar-b: #6480BE;
  --gbpdf-rail-a: rgba(140,179,73,.28);
  --gbpdf-rail-b: rgba(100,128,190,.26);
}

.gbpdf-wrap{max-width:100%; color:var(--gbp-text);}
.gbpdf-card{
  position:relative;
  border-radius: var(--gbp-radius);
  overflow:hidden;
  box-shadow: var(--gbp-shadow);
  background:
    radial-gradient(1200px 520px at 12% -10%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(900px 420px at 96% 0%, rgba(255,255,255,.22), transparent 55%),
    linear-gradient(180deg, var(--gbp-bg), var(--gbp-bg2));
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border: 1px solid var(--gbp-stroke2);
}
.gbpdf-error{
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,235,235,.55);
  border: 1px solid rgba(220,60,60,.20);
  color: rgba(120,10,10,.92);
}

.gbpdf-toolbar{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  /* Apple-glass + GALABAU→GMK gradient */
  background:
    radial-gradient(900px 140px at 10% 0%, rgba(255,255,255,.20), transparent 60%),
    radial-gradient(900px 140px at 90% 0%, rgba(255,255,255,.14), transparent 62%),
    linear-gradient(90deg, var(--gbpdf-toolbar-a) 0%, var(--gbpdf-toolbar-b) 100%);
  color: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(0,0,0,.14);
  backdrop-filter: blur(14px) saturate(1.25);
  -webkit-backdrop-filter: blur(14px) saturate(1.25);
}
.gbpdf-toolbar .gbpdf-group{display:flex; align-items:center; gap:8px;}
.gbpdf-spacer{flex:1;}
.gbpdf-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.16);
}
.gbpdf-btn{
  appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  border: 1px solid rgba(255,255,255,.32);
  background: rgba(255,255,255,.22);
  color: rgba(255,255,255,.98);
  border-radius: 10px;
  padding:8px 10px;
  cursor:pointer;
  line-height:1;
  font-weight:700;
  transition: transform .18s cubic-bezier(.22,.61,.36,1), background .18s ease, box-shadow .18s ease;
  text-decoration:none;
  user-select:none;
  touch-action: manipulation;
}
.gbpdf-btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.28);}
.gbpdf-btn:active{transform: translateY(0px) scale(.99);}
.gbpdf-btn[disabled]{opacity:.45; cursor:not-allowed; transform:none;}
.gbpdf-label{font-weight:800; opacity:.98;}
.gbpdf-muted{opacity:.92; font-weight:700;}

.gbpdf-shell{
  display:flex;
  width:100%;
  background: rgba(255,255,255,.06);
}
.gbpdf--thumbs .gbpdf-thumbs{
  width: var(--gbpdf-thumbw);
  min-width: var(--gbpdf-thumbw);
  padding: 12px 22px 12px 12px; /* right padding for outside badge */
  overflow: auto;
  background: linear-gradient(180deg, var(--gbpdf-rail-a), var(--gbpdf-rail-b));
  border-right: 1px solid rgba(0,0,0,.08);
}
.gbpdf-thumbs::-webkit-scrollbar{ width: 8px; }
.gbpdf-thumbs::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 999px; }

.gbpdf-stage{flex:1; position:relative;}
.gbpdf-scroll{
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  height:100%;
  padding: 12px 14px 18px;
  touch-action: pan-y;
}

.gbpdf-skeleton{padding:14px;}
.gbpdf-skelbar{
  height: 10px; border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.26), rgba(255,255,255,.12));
  background-size: 200% 100%;
  animation: gbpdfShimmer 1.2s ease-in-out infinite;
  margin: 10px 0;
}
.gbpdf-skelbar:nth-child(1){width:56%}
.gbpdf-skelbar:nth-child(2){width:72%}
.gbpdf-skelbar:nth-child(3){width:44%}
@keyframes gbpdfShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.gbpdf-pagewrap{
  padding:14px;
  display:flex;
  justify-content:center;
}
.gbpdf-pagewrap canvas{
  display:block;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.10);
  background: rgba(255,255,255,.06);
  transition: transform .55s cubic-bezier(.16,1,.3,1), opacity .22s ease;
  transform-origin: 50% 50%;
}

/* Smooth “preview zoom” while high-res re-render happens */
.gbpdf--zooming .gbpdf-pagewrap canvas{
  transform: scale(var(--gbpdf-preview-scale, 1));
}

.gbpdf-thumb{
  position:relative;
  margin: 10px 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.14);
  padding: 10px 26px 10px 10px; /* room for badge */
  overflow: visible;
  cursor:pointer;
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1), background .18s ease, border-color .18s ease;
}
.gbpdf-thumb:hover{ transform: translateY(-1px) scale(1.01); }
.gbpdf-thumb.is-active{
  transform: translateY(-1px) scale(1.02);
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 0 4px var(--gbpdf-accent),
    0 12px 30px rgba(0,0,0,.28);
}
.gbpdf-thumb canvas{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
}
.gbpdf-thumb::after{
  content:"";
  position:absolute;
  inset: 12px 36px 16px 12px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.03));
  opacity: .55;
  pointer-events:none;
}

.gbpdf-thumbnum{
  position:absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  padding: 8px 10px;
  border-radius: 999px;
  background: var(--gbpdf-accent);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
}
.gbpdf-thumb:hover .gbpdf-thumbnum,
.gbpdf-thumb.is-active .gbpdf-thumbnum{
  opacity: 1;
  transform: translateY(-50%);
}

/* Sticky toolbar only (top) */
.gbpdf--sticky .gbpdf-toolbar{
  position: sticky;
  top: 0;
  z-index: 20;
}

/* Mobile: hide thumbs automatically */
@media (max-width: 900px){
  .gbpdf--thumbs .gbpdf-thumbs{ display:none; }
}

/* Debug marker (you should see in DOM: data-gbpdf-build) */


/* ===========================
   Mobile / iPhone optimiert
   =========================== */
@media (max-width: 820px){
  .gbpdf-shell{display:block;}
  .gbpdf-thumbs{display:none !important;}
  .gbpdf-stage{max-height: 72vh;}
  .gbpdf-scroll{max-height: 72vh;}
  .gbpdf-toolbar{
    position: sticky;
    top: 0;
    z-index: 30;
    padding: 8px 10px;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gbpdf-toolbar::-webkit-scrollbar{display:none;}
  .gbpdf-btn{padding:7px 9px; border-radius: 10px;}
  .gbpdf-pill{padding:6px 8px; border-radius: 12px; font-size: 13px;}
  .gbpdf-label{display:none;} /* Platz sparen */
}