/* Lightbox */
.nocodb-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
}

.nocodb-lightbox[data-open="1"]{display:block}

.nocodb-lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.75);
}

.nocodb-lightbox__dialog{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.nocodb-lightbox__img{
  max-width:min(1100px, 92vw);
  max-height:85vh;
  width:auto;
  height:auto;
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  background:#111;
}

.nocodb-lightbox__close{
  position:absolute;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.nocodb-lightbox__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:56px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:42px;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.nocodb-lightbox__nav[disabled]{
  opacity:.4;
  cursor:default;
}

.nocodb-lightbox__nav--prev{left:18px}
.nocodb-lightbox__nav--next{right:18px}

body.nocodb-lightbox--open{
  overflow:hidden;
}

/* Für Galerie-Links: kein underline */
a.nocodb-lightbox__item{
  text-decoration:none;
  color:inherit;
  display:block;
}