:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#f8faff;background:#07162e;line-height:1.5;font-synthesis:none;--muted:#bfcee8;--line:#294a78;--panel:#0c203d;--accent:#a485ff}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea,select{font:inherit}a{color:#c8b4ff}button,.button{border:1px solid #3c5c8b;border-radius:10px;background:#102747;color:#fff;padding:11px 17px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}button:hover,.button:hover{background:#193456}button.primary,.button.primary{background:linear-gradient(110deg,#805bff,#ac88ff);border-color:#b59cff;color:white}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c4b1ff;outline-offset:3px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #3a5782;border-radius:8px;background:#0a1c36;color:#fff;min-height:46px}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#a485ff}textarea{resize:vertical}label{display:grid;gap:7px;color:var(--muted)}h1{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:0 0 12px}h2{font-size:22px;line-height:1.3;margin:0 0 18px}h3{font-size:18px;margin:0}p{margin:0 0 16px}.top{min-height:84px;padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#091b38}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-size:22px}.brand strong{font-weight:700}.brand-mark{border-radius:50%;background:#b494ff;color:#092043;width:42px;height:42px;display:grid;place-items:center;font-size:28px}.account{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}.account span{max-width:280px;overflow-wrap:anywhere;color:var(--muted)}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 142px)}.shell:has(nav[hidden]){grid-template-columns:minmax(0,1fr)}nav{padding:24px 12px;border-right:1px solid var(--line);background:#081a34}nav button{display:flex;width:100%;text-align:left;justify-content:flex-start;border-color:transparent;margin-bottom:10px;padding:14px 16px}nav button[aria-current=page]{background:linear-gradient(110deg,#805bff,#ac88ff)}main{padding:30px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.intro{color:var(--muted);max-width:800px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px}.login-panel{max-width:450px;margin:6vh auto}.login-panel form,.stack{display:grid;gap:18px}.hint{font-size:14px;color:var(--muted);margin:0}.form-error{color:#ffd39b;font-size:15px;white-space:pre-wrap}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.section-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:24px 0 18px}.section-heading h2{margin:0}.list{display:grid;gap:12px}.list-item{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;gap:24px;align-items:center;justify-content:space-between}.list-item h3{overflow-wrap:anywhere}.list-item p{margin:5px 0 0;color:var(--muted);font-size:14px}.list-item .actions{flex-shrink:0}.status{font-size:13px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;display:inline-block;color:var(--muted)}.status.good{color:#b5f3d3;border-color:#33765d}.status.warning{color:#ffdb9f;border-color:#87642a}.inline-form{display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:14px;align-items:end;max-width:720px}.admin-form{max-width:680px;display:grid;gap:16px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:20px}.photo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);min-width:0}.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#061021}.photo-body{padding:16px;display:grid;gap:12px}.photo-name{font-size:14px;color:var(--muted);overflow-wrap:anywhere;margin:0}.approval{display:flex;align-items:center;gap:10px;color:white}.gallery-title{text-align:center;margin:20px 0 30px}.gallery-title .intro{margin:0 auto}.customer main{max-width:1400px}.empty{padding:32px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.notice{position:sticky;top:0;z-index:10;background:#24304c;border-bottom:1px solid #556a95;padding:12px 26px;white-space:pre-wrap}.notice.error{background:#462b2a;border-color:#976448}.notice[hidden]{display:none}.footer{border-top:1px solid var(--line);padding:16px 28px;color:#9db4d6;font-size:13px}.footer span{margin-left:16px}.back{margin-bottom:22px}.share-box{margin:18px 0}.share-box input{margin-top:12px}.share-box .actions{margin-top:14px}.loading{padding:30px;color:var(--muted)}dialog{max-width:min(600px,94vw);width:600px;border:1px solid #6b65ac;border-radius:14px;background:#0c203d;color:white;padding:26px}dialog::backdrop{background:#000b}dialog .actions{margin-top:20px}dialog textarea{font-family:Consolas,monospace;font-size:13px}summary{cursor:pointer;padding:8px 0;color:#d5c6ff}.muted{color:var(--muted)}@media(max-width:800px){.top{padding:14px 18px}.brand{font-size:18px}.shell{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px;display:flex;gap:8px;overflow-x:auto}nav button{width:auto;white-space:nowrap;margin:0}.account span{display:none}main{padding:22px 16px}.list-item{align-items:flex-start;flex-direction:column;gap:16px}.list-item .actions{width:100%}.section-heading{align-items:flex-start}.grid-two{grid-template-columns:1fr}.panel{padding:20px}.inline-form{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.footer{padding:14px 18px}.footer span{display:block;margin:5px 0 0}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s ease}}

/* Galeriezugang: lokale Ergänzungen im bestehenden Freigabebereich. */
.share-box .approval{margin:18px 0 10px}.share-box .approval input{margin:0;flex-shrink:0}.share-box a{overflow-wrap:anywhere}.gallery-access-dialog{display:none}.gallery-access-dialog[open]{display:grid;gap:16px}.gallery-access-dialog label{min-width:0}.gallery-access-dialog input{font-family:Consolas,monospace}.customer .gallery-title h1{overflow-wrap:anywhere}.customer .brand{cursor:default}

.gallery-access-qr{max-width:100%;height:auto;width:205px;justify-self:center;border-radius:6px}.gallery-access-dialog{max-height:90vh;overflow:auto}

.customer #navigation{display:none}.customer .shell{grid-template-columns:minmax(0,1fr)}