*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#19212b;font:16px system-ui,sans-serif}header{background:#1c2938;color:#fff;padding:20px}header>div{max-width:1050px;margin:auto;display:flex;justify-content:space-between;gap:12px}header a{color:white;text-decoration:none}main{max-width:1050px;margin:35px auto;padding:0 20px}h1{font-size:30px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.gallery img{width:100%;height:185px;object-fit:cover;border-radius:8px;background:#e8eaed}.gallery section{background:#fff;padding:10px;border-radius:10px}.gallery section img{display:block}form{margin:15px 0}input,button{font:inherit;margin:5px 6px 5px 0}button{background:#184f86;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}.danger{background:#af2637}.error{color:#a81826}.logout{text-align:right}
/* Lightbox: klik naast de foto om te sluiten. */
.gallery-link{display:block;cursor:zoom-in}
.gallery-link img{display:block}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(5,9,16,.94);padding:60px 65px 42px;overscroll-behavior:contain}
.lightbox-image-wrap{display:flex;align-items:center;justify-content:center;position:relative;max-width:100%;max-height:100%;min-width:0}
.lightbox-image-wrap img{display:block;max-width:100%;max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px #0006;user-select:none}
.lightbox-count{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:white;font-size:14px;pointer-events:none}
.lightbox button{position:absolute;z-index:2;color:white;background:rgba(25,35,49,.65);border:0;border-radius:8px;padding:8px 15px;margin:0;font-size:32px;line-height:1.2;cursor:pointer}
.lightbox button:hover,.lightbox button:focus-visible{background:#365477;outline:2px solid white;outline-offset:2px}
.lightbox-close{top:12px;right:16px}
.lightbox-prev{left:12px;top:50%;transform:translateY(-50%)}
.lightbox-next{right:12px;top:50%;transform:translateY(-50%)}
body.lightbox-open{overflow:hidden}
@media(max-width:600px){.lightbox{padding:65px 43px 50px}.lightbox button{font-size:24px;padding:8px 10px}.lightbox-prev{left:3px}.lightbox-next{right:3px}.lightbox-image-wrap img{max-height:calc(100dvh - 130px)}}
/* Albums */
.albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:20px 0 32px}
.album-card{display:flex;flex-direction:column;gap:6px;padding:18px;background:#fff;border:2px solid #d9e1ea;border-radius:10px;color:#19212b;text-decoration:none}
.album-card:hover,.album-card:focus-visible{border-color:#184f86}.album-card.selected{border-color:#184f86;background:#eaf3fc}
.album-card small{color:#566777}.upload-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:580px}
.upload-form label{display:flex;flex-direction:column;gap:5px;width:100%}.upload-form select,.upload-form input[type=text]{max-width:100%;padding:10px;border:1px solid #adbac8;border-radius:6px}
.help{margin:0;color:#566777}h3{margin-top:28px}