
:root{--bg:#07111f;--panel:#0c1a2d;--panel2:#101f35;--card:#12223a;--line:rgba(122,158,205,.28);--text:#f4f8ff;--muted:#aebed6;--blue:#2f6df0;--blue2:#245ed6;--red:#b91c1c;--green:#15803d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 18% 13%,rgba(59,130,246,.16),transparent 32%),#07111f;color:var(--text)}button,input,select,textarea{font:inherit}a{color:#93c5fd;text-decoration:none;font-weight:850}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:420px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:rgba(8,18,33,.76);box-shadow:0 30px 100px rgba(0,0,0,.42)}.auth-hero{display:grid;place-items:center;text-align:center;padding:40px;background:rgba(18,34,58,.58);border-right:1px solid var(--line)}.logo{width:150px;height:150px;border-radius:34px;background:url('/assets/tims-cloud-logo-512.png') center/cover no-repeat;border:1px solid rgba(144,185,255,.35);box-shadow:0 22px 70px rgba(0,0,0,.38);margin:auto}.auth-hero h1{font-size:38px;margin:28px 0 8px;letter-spacing:-.05em}.auth-hero p,.sub{color:var(--muted)}.auth-panel{padding:46px 56px;display:flex;align-items:center}.auth-card{width:100%;max-width:520px;margin:auto}.auth-card h2{font-size:40px;margin:0 0 10px;letter-spacing:-.05em}
.form{display:grid;gap:16px}.field{display:grid;gap:8px}label{font-weight:900;color:#c7d8ef;font-size:14px}input,select,textarea{width:100%;border-radius:13px;border:1px solid rgba(122,158,205,.30);background:rgba(18,34,58,.78);color:var(--text);padding:0 16px;min-height:52px}textarea{padding:12px 16px;min-height:100px}option{background:#475569}button,.btn{min-height:44px;border-radius:13px;border:1px solid rgba(147,197,253,.45);background:linear-gradient(180deg,rgba(47,109,240,.86),rgba(36,94,214,.80));color:white;font-weight:950;cursor:pointer;padding:0 14px}button.secondary{background:linear-gradient(180deg,rgba(31,48,75,.88),rgba(18,34,58,.88));border-color:rgba(122,158,205,.25)}button.danger{background:linear-gradient(180deg,#dc2626,#991b1b);border-color:rgba(248,113,113,.35)}.msg{display:none;margin:14px 0;padding:12px 14px;border-radius:13px;border:1px solid rgba(248,113,113,.4);background:rgba(18,34,58,.7);color:#fecaca;font-weight:850}.msg.show{display:block}.msg.ok{border-color:rgba(74,222,128,.35);color:#bbf7d0}.recaptcha-area{min-height:84px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(122,158,205,.22);border-radius:14px;background:rgba(18,34,58,.35)}.links{display:grid;gap:14px;margin-top:22px}
.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,rgba(10,25,46,.96),rgba(7,17,31,.98));border-right:1px solid var(--line);padding:16px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;background:rgba(18,34,58,.74);border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:14px}.brand .mini-logo{width:58px;height:58px;border-radius:16px;background:url('/assets/tims-cloud-logo-128.png') center/cover no-repeat}.brand h1{font-size:22px;margin:0}.brand small{color:var(--muted);font-weight:850}.userbox,.side-section{border:1px solid rgba(122,158,205,.2);background:rgba(13,28,49,.62);border-radius:18px;padding:12px;margin:12px 0}.nav{display:grid;gap:8px}.nav button,.nav a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:14px;background:linear-gradient(180deg,rgba(31,48,75,.88),rgba(18,34,58,.88));color:white;border:1px solid rgba(122,158,205,.25);font-weight:950}.nav .active{background:linear-gradient(180deg,rgba(47,109,240,.86),rgba(36,94,214,.80))}
.main{padding:18px 24px;overflow:auto}.topbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.left,.right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.crumb{min-width:220px;border:1px solid var(--line);border-radius:14px;background:rgba(8,18,33,.76);padding:12px 14px;font-weight:900}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{background:linear-gradient(180deg,rgba(47,109,240,.66),rgba(36,94,214,.58));border:1px solid rgba(147,197,253,.28);border-radius:18px;padding:14px}.stat small{display:block;color:#c7d8ef;font-weight:850}.stat b{font-size:24px}.dropzone{border:1px dashed rgba(147,197,253,.35);background:rgba(18,34,58,.52);border-radius:22px;padding:22px;text-align:center;font-size:22px;font-weight:950;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,170px));gap:14px}.tile{min-height:154px;border:1px solid rgba(122,158,205,.22);background:rgba(18,34,58,.72);border-radius:18px;padding:12px;display:grid;place-items:center;text-align:center;cursor:pointer;user-select:none}.tile:hover{background:rgba(25,45,77,.84)}.tile.selected{outline:2px solid rgba(147,197,253,.72);outline-offset:3px;background:rgba(47,109,240,.20)}.icon{font-size:48px}.name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.context{position:fixed;display:none;z-index:10000;background:rgba(11,27,49,.98);border:1px solid rgba(122,158,205,.32);border-radius:18px;padding:8px;box-shadow:0 30px 100px rgba(0,0,0,.48);width:240px}.context.open{display:block}.context button{display:block;width:100%;text-align:left;margin:2px 0;background:transparent;border:0}.context button:hover{background:rgba(96,165,250,.14)}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.65);z-index:9999;padding:24px}.modal.open{display:grid}.modal-card{width:min(620px,94vw);max-height:88vh;overflow:auto;background:rgba(11,27,49,.98);border:1px solid rgba(122,158,205,.32);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.48);padding:22px}.modal-card h2{margin-top:0}.toast-wrap{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:20000}.toast{background:rgba(11,27,49,.98);border:1px solid rgba(122,158,205,.32);border-radius:14px;padding:12px 14px;font-weight:850}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(122,158,205,.18);text-align:left}.table th{color:var(--muted)}
@media(max-width:900px){.app{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{padding:28px}}


/* V313 UI upgrades */
.sidebar{width:320px}
.side-section h3{margin:0 0 10px;color:#f4f8ff;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.side-section .hint{color:var(--muted);font-size:12px;line-height:1.35}
.org-list{display:grid;gap:7px;margin-top:8px}
.org-list button{width:100%;justify-content:flex-start!important;text-align:left!important;white-space:normal}
.upload-hero{border:1px dashed rgba(147,197,253,.45);background:linear-gradient(135deg,rgba(47,109,240,.28),rgba(18,34,58,.72));border-radius:24px;min-height:150px;display:grid;place-items:center;text-align:center;margin-bottom:18px;cursor:pointer}
.upload-hero.drag{border-color:#93c5fd;background:rgba(47,109,240,.34)}
.upload-hero b{font-size:26px;display:block}.upload-hero small{color:#c7d8ef;font-weight:850}
.preview{width:84px;height:64px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(5,11,20,.5)}
.preview video,.preview img{width:100%;height:100%;object-fit:cover}.preview .file-symbol{font-size:34px}
.tile{grid-template-rows:auto 1fr auto}
.context.free{width:250px}
.progress-modal .bar{height:14px;border-radius:999px;background:rgba(122,158,205,.2);overflow:hidden}.progress-modal .bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--blue),#7dd3fc)}
.admin-lock{max-width:520px;margin:40px auto}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:10px 0}
.permission-grid label{display:flex;align-items:center;gap:8px;background:rgba(18,34,58,.55);padding:10px;border-radius:12px;border:1px solid rgba(122,158,205,.18)}
.permission-grid input{width:auto;min-height:auto}
.toast.success{border-color:rgba(74,222,128,.45)}.toast.error{border-color:rgba(248,113,113,.45);color:#fecaca}
@media(max-width:900px){.sidebar{width:auto}.app{grid-template-columns:1fr}.upload-hero{min-height:120px}}


/* V314 Admin/Cloud polish */
.admin-layout{display:grid;grid-template-columns:320px 1fr;min-height:100vh}
.admin-tabs{display:grid;gap:8px}
.admin-tabs button{justify-content:flex-start!important;text-align:left!important}
.admin-tab{display:none}
.admin-tab.active{display:block}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.clean-card{background:rgba(18,34,58,.62);border:1px solid rgba(122,158,205,.22);border-radius:20px;padding:16px}
.clean-card h3{margin:0 0 12px}
.user-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}
.user-table-row,.token-row,.backup-row,.log-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(122,158,205,.18);padding:12px 6px}
.token-row{grid-template-columns:1.5fr .6fr .6fr auto}
.backup-row,.log-row{grid-template-columns:1.4fr .6fr auto auto}
.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(47,109,240,.22);border:1px solid rgba(147,197,253,.28);font-weight:900;color:#c7d8ef}
.log-level-login{color:#bbf7d0}.log-level-fail{color:#fecaca}.log-level-file{color:#bfdbfe}
.favorite-star{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:999px;background:rgba(5,11,20,.72);border:1px solid rgba(122,158,205,.35);display:grid;place-items:center;color:#94a3b8}
.tile{position:relative}.tile.favorite .favorite-star{color:#facc15}
.context .download-normal{display:none!important}
.trash-mode .upload-hero{display:none}
.share-preview{width:min(880px,96vw);margin:auto;background:rgba(11,27,49,.98);border:1px solid rgba(122,158,205,.32);border-radius:24px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.42)}
.share-media{background:#050b14;border-radius:18px;overflow:hidden;min-height:240px;display:grid;place-items:center;margin:16px 0}
.share-media video,.share-media img{max-width:100%;max-height:560px}
.zip-list{max-height:260px;overflow:auto;border:1px solid rgba(122,158,205,.22);border-radius:14px;padding:10px}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.user-table-row,.token-row,.backup-row,.log-row{grid-template-columns:1fr}}


/* V316 Share / Upload-Link polish */
.share-page-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  background:radial-gradient(circle at 18% 13%,rgba(59,130,246,.16),transparent 32%),#07111f;
}
.share-shell{
  width:min(980px,96vw);
  border:1px solid rgba(122,158,205,.30);
  border-radius:28px;
  background:rgba(8,18,33,.82);
  box-shadow:0 30px 100px rgba(0,0,0,.45);
  overflow:hidden;
}
.share-head{
  display:flex;
  gap:16px;
  align-items:center;
  padding:22px;
  border-bottom:1px solid rgba(122,158,205,.20);
  background:linear-gradient(135deg,rgba(18,34,58,.90),rgba(10,25,46,.78));
}
.share-logo{
  width:72px;height:72px;border-radius:20px;
  background:url('/assets/tims-cloud-logo-128.png') center/cover no-repeat;
  border:1px solid rgba(144,185,255,.35);
}
.share-head h1{margin:0;font-size:30px;letter-spacing:-.04em}
.share-head p{margin:5px 0 0;color:#aebed6;font-weight:800}
.share-content{padding:24px;display:grid;gap:18px}
.password-gate{
  display:grid;
  gap:14px;
  max-width:520px;
  margin:20px auto;
  padding:20px;
  border:1px solid rgba(122,158,205,.25);
  border-radius:20px;
  background:rgba(18,34,58,.55);
}
.preview-card{
  display:none;
  gap:18px;
}
.preview-card.show{display:grid}
.preview-stage{
  min-height:300px;
  border-radius:22px;
  border:1px solid rgba(122,158,205,.22);
  background:#050b14;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.preview-stage video,.preview-stage img,.preview-stage iframe{
  max-width:100%;
  width:100%;
  max-height:650px;
  border:0;
}
.file-big-icon{font-size:90px}
.share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid rgba(122,158,205,.18);
  padding-top:16px;
}
.download-btn{
  min-width:180px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
}
.upload-result-list{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.upload-result-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(122,158,205,.22);
  border-radius:14px;
  background:rgba(18,34,58,.55);
}
.expiry-pill{
  display:inline-flex;
  width:max-content;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(47,109,240,.18);
  border:1px solid rgba(147,197,253,.25);
  color:#c7d8ef;
  font-weight:900;
}


/* V317 - Premium Share / Upload Pages */
:root{
  --v317-bg:#050b14;
  --v317-panel:rgba(9,20,36,.82);
  --v317-panel-2:rgba(14,30,52,.78);
  --v317-line:rgba(147,197,253,.22);
  --v317-line-2:rgba(147,197,253,.36);
  --v317-text:#f8fbff;
  --v317-muted:#9fb2cc;
  --v317-blue:#2f6df0;
  --v317-cyan:#7dd3fc;
  --v317-green:#22c55e;
  --v317-red:#ef4444;
}
.share-v317-body{
  min-height:100vh;
  margin:0;
  color:var(--v317-text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 12%,rgba(47,109,240,.20),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(125,211,252,.10),transparent 24%),
    linear-gradient(135deg,#050b14,#081426 48%,#050b14);
  display:grid;
  place-items:center;
  padding:30px;
}
.v317-shell{
  width:min(1080px,96vw);
  min-height:min(760px,92vh);
  display:grid;
  grid-template-columns:390px 1fr;
  border:1px solid var(--v317-line);
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(8,18,33,.84),rgba(4,10,19,.90));
  box-shadow:0 40px 120px rgba(0,0,0,.52);
  position:relative;
}
.v317-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(147,197,253,.08),transparent 22%,transparent 78%,rgba(47,109,240,.08));
}
.v317-brand{
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 50% 28%,rgba(47,109,240,.22),transparent 34%),
    linear-gradient(180deg,rgba(18,34,58,.76),rgba(7,17,31,.78));
  border-right:1px solid var(--v317-line);
}
.v317-logo{
  width:118px;
  height:118px;
  border-radius:28px;
  background:url('/assets/tims-cloud-logo-512.png') center/cover no-repeat;
  border:1px solid rgba(147,197,253,.32);
  box-shadow:0 26px 80px rgba(0,0,0,.42),0 0 42px rgba(96,165,250,.12);
}
.v317-brand h1{
  font-size:40px;
  line-height:1.02;
  letter-spacing:-.06em;
  margin:26px 0 10px;
}
.v317-brand p{
  margin:0;
  color:var(--v317-muted);
  line-height:1.55;
  font-weight:760;
}
.v317-pill{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--v317-line);
  background:rgba(14,30,52,.62);
  color:#c7d8ef;
  font-weight:900;
}
.v317-content{
  position:relative;
  padding:46px;
  display:flex;
  align-items:center;
}
.v317-card{
  width:100%;
  display:grid;
  gap:18px;
}
.v317-title{
  font-size:42px;
  line-height:1.05;
  letter-spacing:-.055em;
  margin:0;
}
.v317-sub{
  margin:0;
  color:var(--v317-muted);
  line-height:1.55;
  font-size:17px;
}
.v317-message{
  display:none;
  padding:13px 15px;
  border-radius:16px;
  border:1px solid rgba(248,113,113,.38);
  background:rgba(127,29,29,.18);
  color:#fecaca;
  font-weight:900;
}
.v317-message.show{display:block}
.v317-message.ok{
  color:#bbf7d0;
  border-color:rgba(74,222,128,.35);
  background:rgba(20,83,45,.18);
}
.v317-form{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid rgba(147,197,253,.20);
  border-radius:24px;
  background:rgba(9,20,36,.50);
}
.v317-label{
  color:#c7d8ef;
  font-weight:950;
  font-size:14px;
}
.v317-input{
  width:100%;
  min-height:58px;
  border-radius:16px;
  border:1px solid rgba(147,197,253,.27);
  background:rgba(15,31,54,.82);
  color:#f8fbff;
  padding:0 17px;
  outline:none;
}
.v317-input:focus{
  border-color:rgba(125,211,252,.65);
  box-shadow:0 0 0 4px rgba(125,211,252,.10);
}
.v317-btn{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:16px;
  border:1px solid rgba(147,197,253,.42);
  background:linear-gradient(180deg,rgba(47,109,240,.96),rgba(36,94,214,.88));
  color:white;
  font-weight:1000;
  cursor:pointer;
  padding:0 18px;
  text-decoration:none;
  box-shadow:0 18px 46px rgba(47,109,240,.18);
}
.v317-btn:hover{filter:brightness(1.08)}
.v317-btn.secondary{
  background:linear-gradient(180deg,rgba(31,48,75,.86),rgba(18,34,58,.86));
  box-shadow:none;
}
.v317-preview{
  display:none;
  gap:18px;
}
.v317-preview.show{display:grid}
.v317-stage{
  min-height:340px;
  border-radius:26px;
  border:1px solid rgba(147,197,253,.22);
  background:#030814;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.v317-stage video,
.v317-stage img,
.v317-stage iframe{
  width:100%;
  max-width:100%;
  max-height:620px;
  border:0;
  object-fit:contain;
}
.v317-file-icon{
  font-size:96px;
  line-height:1;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.42));
}
.v317-file-meta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:20px;
  background:rgba(14,30,52,.58);
  border:1px solid rgba(147,197,253,.18);
}
.v317-file-meta b{
  font-size:20px;
  word-break:break-word;
}
.v317-file-meta small{
  color:var(--v317-muted);
  font-weight:800;
}
.v317-zip{
  display:none;
  max-height:280px;
  overflow:auto;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(147,197,253,.20);
  background:rgba(9,20,36,.50);
}
.v317-zip.show{display:block}
.v317-zip-row{
  padding:8px 10px;
  border-bottom:1px solid rgba(147,197,253,.10);
  color:#dbeafe;
  font-weight:760;
}
.v317-upload-drop{
  min-height:180px;
  border:1px dashed rgba(125,211,252,.44);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(47,109,240,.14),rgba(14,30,52,.50));
  display:grid;
  place-items:center;
  text-align:center;
  cursor:pointer;
  padding:20px;
}
.v317-upload-drop.drag{
  border-color:rgba(125,211,252,.85);
  background:linear-gradient(135deg,rgba(47,109,240,.28),rgba(14,30,52,.72));
}
.v317-upload-drop b{
  display:block;
  font-size:24px;
  margin-bottom:8px;
}
.v317-progress{
  display:none;
  gap:10px;
  padding:14px;
  border-radius:18px;
  background:rgba(14,30,52,.50);
  border:1px solid rgba(147,197,253,.18);
}
.v317-progress.show{display:grid}
.v317-bar{
  height:14px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(147,197,253,.15);
}
.v317-bar span{
  display:block;
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v317-blue),var(--v317-cyan));
}
.v317-results{
  display:grid;
  gap:10px;
}
.v317-result{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(147,197,253,.18);
  background:rgba(14,30,52,.50);
}
.v317-result-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media(max-width:900px){
  .share-v317-body{padding:14px}
  .v317-shell{grid-template-columns:1fr;min-height:auto}
  .v317-brand{border-right:0;border-bottom:1px solid var(--v317-line);padding:26px}
  .v317-content{padding:26px}
  .v317-title{font-size:34px}
  .v317-file-meta{grid-template-columns:1fr}
  .v317-result{grid-template-columns:1fr}
}


/* V318 - Share Preview Layout Fix
   Fix: abgeschnittener Dateiname/Videobereich in Download-Vorschau */
.v317-shell{
  width:min(1180px,96vw)!important;
  grid-template-columns:minmax(280px,390px) minmax(0,1fr)!important;
}

.v317-brand,
.v317-content,
.v317-card,
.v317-preview,
.v317-file-meta{
  min-width:0!important;
}

.v317-content{
  overflow:hidden!important;
}

.v317-card{
  max-width:100%!important;
  overflow:hidden!important;
}

.v317-title{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.12!important;
  padding-right:4px!important;
}

.v317-sub{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}

.v317-preview.show{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.v317-stage{
  width:100%!important;
  max-width:100%!important;
  min-height:auto!important;
  aspect-ratio:16 / 9!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.v317-stage video,
.v317-stage img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#030814!important;
}

.v317-stage iframe{
  display:block!important;
  width:100%!important;
  height:min(640px,62vh)!important;
  max-width:100%!important;
}

.v317-file-meta{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  overflow:hidden!important;
}

.v317-file-meta > div{
  min-width:0!important;
  overflow:hidden!important;
}

.v317-file-meta b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.v317-file-meta small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.v317-btn.download-btn,
.v317-file-meta .v317-btn,
#downloadBtn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

@media(max-width:1050px){
  .v317-shell{
    grid-template-columns:1fr!important;
    width:min(760px,96vw)!important;
  }
  .v317-brand{
    border-right:0!important;
    border-bottom:1px solid var(--v317-line)!important;
  }
  .v317-title{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media(max-width:620px){
  .share-v317-body{
    padding:10px!important;
  }
  .v317-content{
    padding:18px!important;
  }
  .v317-brand{
    padding:20px!important;
  }
  .v317-title{
    font-size:28px!important;
  }
  .v317-file-meta{
    grid-template-columns:1fr!important;
  }
  #downloadBtn{
    width:100%!important;
  }
}


/* V320 - Non-blocking upload toast + video preview audio */
.upload-toast{
  width:min(380px,92vw)!important;
  display:grid!important;
  gap:9px!important;
  padding:14px!important;
  pointer-events:auto!important;
}
.upload-toast b{
  font-size:15px!important;
}
.upload-toast-text{
  color:#dbeafe!important;
  font-weight:850!important;
  font-size:13px!important;
}
.upload-toast-sub{
  color:#9fb2cc!important;
  font-weight:760!important;
}
.upload-toast-bar{
  height:10px!important;
  border-radius:999px!important;
  background:rgba(147,197,253,.16)!important;
  overflow:hidden!important;
  border:1px solid rgba(147,197,253,.12)!important;
}
.upload-toast-bar span{
  display:block!important;
  height:100%!important;
  width:0%;
  border-radius:999px!important;
  background:linear-gradient(90deg,#2f6df0,#7dd3fc)!important;
  transition:width .15s linear!important;
}
.upload-toast.error{
  border-color:rgba(248,113,113,.45)!important;
}
.video-preview video{
  pointer-events:auto!important;
}
.preview video[controls]{
  object-fit:cover!important;
}
.tile:hover .preview video{
  filter:brightness(1.05)!important;
}


/* V322 - Upload pause/cancel + inline file preview */
.upload-toast-actions{
  display:flex!important;
  gap:8px!important;
  margin-top:4px!important;
}
.upload-toast-actions button{
  min-height:34px!important;
  border-radius:10px!important;
  font-size:12px!important;
  padding:0 10px!important;
}
.v322-inline-preview{
  width:100%;
  display:grid;
  place-items:center;
  background:#030814;
  border:1px solid rgba(147,197,253,.22);
  border-radius:18px;
  overflow:hidden;
  min-height:320px;
}
.v322-inline-preview video,
.v322-inline-preview img{
  width:100%;
  max-height:70vh;
  object-fit:contain;
  background:#030814;
}
.v322-inline-preview iframe{
  width:100%;
  height:70vh;
  border:0;
}
.v322-file-only{
  text-align:center;
  padding:32px;
}
.video-preview video{
  pointer-events:none!important;
}
.preview video:not([controls]){
  object-fit:cover!important;
}


/* V323 - Admin token delete + richer logs */
.token-row-v323{
  grid-template-columns:1.2fr .45fr 1.2fr auto!important;
}
.token-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.log-color-info{color:#bfdbfe!important;font-weight:950}
.log-color-success{color:#86efac!important;font-weight:950}
.log-color-danger{color:#fca5a5!important;font-weight:950}
.log-color-file{color:#93c5fd!important;font-weight:950}
.log-color-admin{color:#c4b5fd!important;font-weight:950}
.log-color-warn{color:#fde68a!important;font-weight:950}
.log-row-event{
  grid-template-columns:.8fr .7fr .9fr 1.6fr!important;
}
.log-file-select{
  cursor:pointer;
  grid-template-columns:auto 1.3fr .55fr auto auto!important;
}
.log-file-select input{
  width:auto!important;
  min-height:auto!important;
}
@media(max-width:900px){
  .token-row-v323,
  .log-row-event,
  .log-file-select{
    grid-template-columns:1fr!important;
  }
  .token-actions{
    justify-content:flex-start;
  }
}


/* V324 - Cloud/Admin polish */
.brand small:empty{display:none!important}
.favorite-star{
  cursor:pointer!important;
  border:1px solid rgba(122,158,205,.35)!important;
}
.favorite-star:hover{
  color:#facc15!important;
  transform:scale(1.06);
}
.side-link-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:6px;
  align-items:center;
  margin:6px 0;
}
.side-link-row a,
.side-link-row > button:first-child{
  min-height:34px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.side-link-row button{
  min-height:30px!important;
  padding:0 8px!important;
}
#linkList h4{
  margin:12px 0 6px;
  color:#c7d8ef;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.org-row{grid-template-columns:1fr auto auto}
.right input,.right select{
  min-height:40px!important;
  max-width:180px;
  border-radius:12px;
}
body.tiles-small .grid{grid-template-columns:repeat(auto-fill,minmax(118px,130px))}
body.tiles-small .tile{min-height:126px}
body.tiles-small .preview{width:64px;height:50px}
body.tiles-large .grid{grid-template-columns:repeat(auto-fill,minmax(190px,220px))}
body.tiles-large .tile{min-height:196px}
body.tiles-large .preview{width:130px;height:90px}
body.list-mode .grid{
  display:grid;
  grid-template-columns:1fr!important;
}
body.list-mode .tile{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:48px 1fr auto!important;
  place-items:center stretch!important;
  text-align:left!important;
}
body.list-mode .preview{
  width:44px!important;
  height:44px!important;
}
body.list-mode .favorite-star{
  left:8px!important;
  right:auto!important;
  top:8px!important;
  transform:scale(.75);
}
body.list-mode .tile .name{
  white-space:nowrap;
}
.context.open button{
  cursor:pointer;
}


/* V325 - Sidepanel delete button fix/polish */
.side-link-row button.danger{
  background:linear-gradient(180deg,#dc2626,#991b1b)!important;
  border-color:rgba(248,113,113,.35)!important;
  color:#fff!important;
}
.side-link-row button{
  z-index:2;
  position:relative;
}


/* V326 */
.upload-hero{
  user-select:none!important;
  -webkit-user-select:none!important;
}
.modal.closing video,
.modal.closing audio{
  display:none;
}
.clean-card input,
.clean-card select{
  margin:6px 0;
}


/* V327 - Discord Uploads Admin */
.discord-uploads-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.discord-upload-row{
  display:grid;
  grid-template-columns:1.1fr 1.4fr auto;
  gap:12px;
  align-items:center;
  border:1px solid rgba(147,197,253,.18);
  background:rgba(14,30,52,.48);
  border-radius:18px;
  padding:14px;
}
.discord-upload-links{
  display:grid;
  gap:8px;
}
.discord-upload-links input{
  min-height:38px!important;
  font-size:12px!important;
}
.discord-upload-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
@media(max-width:1100px){
  .discord-upload-row{
    grid-template-columns:1fr;
  }
  .discord-upload-actions{
    justify-content:flex-start;
  }
}


/* V328 - Tile/Favorite/Trash alignment + new tile sizes */
.favorite-star{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  border-radius:999px!important;
  font-size:15px!important;
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  z-index:4!important;
}
.favorite-star::before,
.favorite-star::after{display:none!important}

.grid{gap:18px!important}

.tile{
  min-height:190px!important;
  border-radius:22px!important;
}
.preview{
  width:124px!important;
  height:88px!important;
  border-radius:16px!important;
}
.preview .file-symbol{font-size:48px!important}

body.tiles-small .grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,170px))!important;
}
body.tiles-small .tile{min-height:165px!important}
body.tiles-small .preview{
  width:104px!important;
  height:76px!important;
}
body.tiles-small .preview .file-symbol{font-size:42px!important}

body.tiles-normal .grid,
body:not(.tiles-small):not(.tiles-large) .grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,220px))!important;
}
body.tiles-normal .tile,
body:not(.tiles-small):not(.tiles-large) .tile{min-height:198px!important}
body.tiles-normal .preview,
body:not(.tiles-small):not(.tiles-large) .preview{
  width:132px!important;
  height:94px!important;
}
body.tiles-normal .preview .file-symbol,
body:not(.tiles-small):not(.tiles-large) .preview .file-symbol{font-size:52px!important}

body.tiles-large .grid{
  grid-template-columns:repeat(auto-fill,minmax(235px,270px))!important;
}
body.tiles-large .tile{
  min-height:245px!important;
  border-radius:26px!important;
}
body.tiles-large .preview{
  width:170px!important;
  height:122px!important;
  border-radius:20px!important;
}
body.tiles-large .preview .file-symbol{font-size:66px!important}
body.tiles-large .tile .name{font-size:16px!important}

body.trash-mode .grid{
  grid-template-columns:repeat(auto-fill,minmax(210px,245px))!important;
  align-items:start!important;
}
body.trash-mode .tile{
  min-height:238px!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  justify-items:center!important;
  align-items:center!important;
  gap:10px!important;
  padding:18px!important;
  text-align:center!important;
}
body.trash-mode .tile .preview{
  width:125px!important;
  height:92px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.trash-mode .tile .preview .file-symbol{
  font-size:58px!important;
  display:block!important;
  line-height:1!important;
}
body.trash-mode .tile .name{
  width:100%!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.trash-mode .tile button{
  width:100%!important;
  min-height:42px!important;
  justify-content:center!important;
  text-align:center!important;
}

body.list-mode .tile{min-height:70px!important}
body.list-mode .preview{
  width:48px!important;
  height:48px!important;
}
body.list-mode .favorite-star{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
}

.private-home-hero{
  display:grid;
  grid-template-columns:1.2fr auto;
  gap:18px;
  align-items:center;
  border:1px solid rgba(147,197,253,.22);
  border-radius:26px;
  padding:24px;
  margin-bottom:18px;
  background:
    radial-gradient(circle at 15% 18%,rgba(47,109,240,.22),transparent 32%),
    linear-gradient(135deg,rgba(18,34,58,.82),rgba(7,17,31,.74));
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.private-home-hero h1{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.private-home-hero p{
  margin:0;
  color:#aebed6;
  font-weight:800;
}
.private-home-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:86px;
  height:86px;
  border-radius:24px;
  background:rgba(47,109,240,.22);
  border:1px solid rgba(147,197,253,.28);
  font-size:42px;
}
.private-quick-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-bottom:18px;
}
.private-quick-actions button{min-height:58px!important}
@media(max-width:800px){
  .private-home-hero{grid-template-columns:1fr}
  .private-home-badge{
    width:70px;
    height:70px;
    font-size:34px;
  }
}

/* V330 fixes */
.btn, button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;line-height:1.1;text-decoration:none}
.backup-row .btn{min-width:112px}
.check-row{display:flex;align-items:center;gap:10px;font-weight:800;color:#c7d8ef;margin:8px 0}
.check-row input{width:auto;min-height:auto}
.v317-result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* v331 professional upload links */
.uploadlink-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;align-items:start}.uploadlink-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uploadlink-form-grid label,.uploadlink-create-card label{display:grid;gap:6px;color:var(--muted,#9aa4b2);font-size:13px}.uploadlink-form-grid input,.uploadlink-form-grid select,.uploadlink-create-card textarea{width:100%;min-width:0}.uploadlink-create-card textarea{min-height:82px;resize:vertical}.uploadlink-options{display:grid;gap:8px;margin:12px 0}.uploadlink-options label{display:flex;align-items:center;gap:8px}.mini-help-list{display:grid;gap:10px}.mini-help-list span{display:block;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04)}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.uploadlink-list{display:grid;gap:12px}.uploadlink-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px;padding:14px}.uploadlink-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ul-status{font-size:12px;border-radius:999px;padding:4px 9px;border:1px solid rgba(255,255,255,.14)}.status-ok{color:#9cffbf;border-color:#2a8d4a;background:rgba(42,141,74,.14)}.status-used{color:#d6d9df;border-color:#6b7280;background:rgba(107,114,128,.14)}.status-expired{color:#ffb4c0;border-color:#ad3448;background:rgba(173,52,72,.14)}.status-warn{color:#ffe3a3;border-color:#b7791f;background:rgba(183,121,31,.14)}.uploadlink-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.uploadlink-meta span{font-size:12px;color:var(--muted,#9aa4b2);background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 8px}.uploadlink-url{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:12px}.uploadlink-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-content:start}.backup-row .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:38px}@media(max-width:900px){.uploadlink-admin-grid,.uploadlink-row{grid-template-columns:1fr}.uploadlink-actions{justify-content:flex-start}.uploadlink-form-grid{grid-template-columns:1fr}}

/* v332 Discord Uploads */
.discord-health{margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(147,197,253,.18);background:rgba(47,109,240,.08);color:#c7d8ef;font-size:13px;font-weight:800}
.discord-uploads-list{display:grid;gap:12px;margin-top:14px}.discord-upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr) auto;gap:14px;align-items:start;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;background:rgba(255,255,255,.035)}.discord-upload-row.ready{border-color:rgba(74,222,128,.22)}.discord-upload-row.missing{border-color:rgba(251,113,133,.28)}.discord-upload-links{display:grid;gap:7px}.discord-upload-links label{font-size:12px;color:#9fb2cc;font-weight:900}.discord-upload-links input{font-family:ui-monospace,Consolas,monospace;font-size:12px}.discord-upload-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.danger-text{color:#ff9cab!important;font-weight:900}@media(max-width:980px){.discord-upload-row{grid-template-columns:1fr}.discord-upload-actions{justify-content:flex-start}}

.trash-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px;padding:14px 16px;border:1px solid rgba(122,158,205,.24);background:rgba(18,34,58,.72);border-radius:18px}
.trash-toolbar div{display:grid;gap:2px}.trash-toolbar b{font-size:18px}.trash-toolbar small{color:var(--muted);font-weight:800}.trash-toolbar button:disabled{opacity:.45;cursor:not-allowed}


/* V336 Gameserver Sidebar */
.gameserver-panel{display:flex;flex-direction:column;gap:8px;margin:6px 0 8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.gameserver-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;color:var(--text,#f2f5f8)}
.gameserver-head button{width:30px;height:28px;display:grid;place-items:center;padding:0;border-radius:10px;font-size:13px}
.gameserver-list{display:flex;flex-direction:column;gap:7px}.gameserver-list small{color:var(--muted,#9ca3af)}
.gameserver-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06)}
.gameserver-item button{all:unset;cursor:pointer;min-width:0}.gameserver-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.gameserver-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;opacity:.75}.gs-dot{width:9px;height:9px;border-radius:999px;background:#7a8392;box-shadow:0 0 0 3px rgba(122,131,146,.14)}.gameserver-item.online .gs-dot{background:#27d17f;box-shadow:0 0 0 3px rgba(39,209,127,.16)}.gameserver-item.offline .gs-dot{background:#ff6868;box-shadow:0 0 0 3px rgba(255,104,104,.14)}.gs-open{font-size:11px;text-decoration:none;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.08);color:inherit}.error-text{color:#ff8b8b!important}

/* v337 Favoriten-Ansicht */
.favorites-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(250,204,21,.22);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(18,34,58,.72));border-radius:18px;padding:14px 16px;margin-bottom:4px}
.favorites-toolbar b{display:block;font-size:18px}.favorites-toolbar small{display:block;color:var(--muted);font-weight:850;margin-top:2px}
.tile.missing{opacity:.72;border-color:rgba(248,113,113,.35)}
.tile.missing .favorite-star{color:#f87171}
body.favorites-mode .upload-hero{display:none}
body.favorites-mode .tile small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:800}

/* V341 AMP Gameserver controls */
.gameserver-item{grid-template-columns:10px 1fr!important;align-items:flex-start!important}
.gameserver-item .gs-main{min-width:0;width:100%}
.gameserver-item .gs-actions{grid-column:2 / 3;display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.gameserver-item .gs-actions button,.gameserver-item .gs-actions .gs-open{font-size:10px;line-height:1;padding:6px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.075);color:inherit;text-decoration:none;cursor:pointer}
.gameserver-item .gs-actions button:hover,.gameserver-item .gs-actions .gs-open:hover{background:rgba(255,255,255,.13)}
.gameserver-item .gs-actions button:disabled{opacity:.45;cursor:not-allowed}
.gameserver-item.online .gs-actions button:first-child{opacity:.65}
.gameserver-item.offline .gs-actions button:nth-child(2),.gameserver-item.offline .gs-actions button:nth-child(3){opacity:.65}

/* V344 AMP admin manual instance list */
.admin-btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.amp-manual-list{display:grid;gap:10px;margin-top:8px}
.amp-manual-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.04)}
.amp-manual-row small{display:block;margin-top:4px;color:var(--muted,#98a2b3)}
.amp-manual-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.amp-manual-row{align-items:flex-start;flex-direction:column}.amp-manual-actions{justify-content:flex-start}}
.amp-add-box{display:grid;gap:8px;margin:10px 0 8px}
.amp-add-row{display:grid;grid-template-columns:1.1fr 2fr 1fr auto;gap:10px;align-items:center}
.amp-manual-row small .amp-link-line{display:block;margin-top:3px;word-break:break-all;color:var(--muted,#98a2b3)}
@media(max-width:920px){.amp-add-row{grid-template-columns:1fr}.amp-add-row button{width:100%}}

/* V356 admin polish: no huge checkboxes, cleaner admin dialogs, share sidebar */
input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;accent-color:#2563eb;vertical-align:middle;display:inline-block;flex:0 0 auto}.uploadlink-options input[type="checkbox"],.check-row input[type="checkbox"],.log-file-select input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important}.admin-dialog .modal-card{max-width:620px}.admin-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.diag-box{display:grid;gap:8px}.diag-box code{display:block;white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px}.share-panel{display:grid;gap:6px;margin:6px 0}.share-head{font-weight:950;color:#c7d8ef;padding:8px 10px;border:1px solid rgba(122,158,205,.18);border-radius:12px;background:rgba(18,34,58,.45)}.share-panel>button{width:100%;text-align:left;background:transparent;border:0;min-height:36px;padding:8px 10px}.share-panel>button:hover{background:rgba(96,165,250,.14)}.share-side-list{display:grid;gap:6px;margin:4px 0 10px 8px}.share-side-list h4{margin:8px 0 2px;color:#93c5fd;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.share-side-list small{color:#9fb2cc}.share-row a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-tile button{min-height:34px;margin-top:4px}


/* V360 Cloud sidebar link design polish */
#linkList{display:grid;gap:12px;margin-top:4px}
#linkList .link-group{border:1px solid rgba(122,158,205,.28);background:rgba(13,28,49,.58);border-radius:16px;padding:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#linkList .link-group h4{margin:0 0 8px!important;padding:6px 6px;color:#93c5fd!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:950}
#linkList .link-card-row{grid-template-columns:1fr 42px 42px;gap:8px;margin:7px 0;padding:8px;border:1px solid rgba(122,158,205,.22);border-radius:14px;background:linear-gradient(180deg,rgba(22,40,66,.72),rgba(13,28,49,.76));}
#linkList .link-card-row a{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:0 6px!important;font-size:15px;font-weight:950;color:#f8fbff!important;text-decoration:none!important}
#linkList .link-card-row a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#linkList .link-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(96,165,250,.12);color:#60a5fa;flex:0 0 auto}
#linkList .link-action{width:42px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:15px!important}
#linkList .link-action.edit{background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;border-color:rgba(147,197,253,.38)!important;color:#fff!important}
#linkList .link-action.danger{background:linear-gradient(180deg,#dc2626,#991b1b)!important;border-color:rgba(248,113,113,.40)!important;color:#fff!important}
.sidebar .side-section:has(#linkList){border-radius:18px;border:1px solid rgba(122,158,205,.28);background:rgba(13,28,49,.62)}
.sidebar .side-section:has(#linkList) .nav{margin-top:10px;gap:8px}
.sidebar .side-section:has(#linkList) .nav button{border:1px solid rgba(122,158,205,.28)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(22,40,66,.82),rgba(13,28,49,.82))!important;min-height:44px!important;font-weight:950!important}

/* V360 AMP add row with optional control URL */
.amp-add-row{grid-template-columns:1fr 1.7fr .9fr 1.4fr auto auto!important}
@media(max-width:1100px){.amp-add-row{grid-template-columns:1fr!important}.amp-add-row button{width:100%}}

/* V364 - Sidebar Freigaben als echte Kategorie */
.sidebar .share-panel{
  display:grid!important;
  gap:8px!important;
  margin:6px 0 10px!important;
  padding:10px!important;
  border:1px solid rgba(122,158,205,.30)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(13,28,49,.66),rgba(8,18,33,.48))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.sidebar .share-panel .share-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 0 2px!important;
  padding:8px 10px!important;
  border:1px solid rgba(122,158,205,.28)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(22,40,66,.72),rgba(13,28,49,.72))!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:950!important;
}
.sidebar .share-panel > button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid rgba(122,158,205,.22)!important;
  border-radius:13px!important;
  background:rgba(18,34,58,.42)!important;
  color:#f4f8ff!important;
  text-align:left!important;
  font-weight:950!important;
}
.sidebar .share-panel > button:hover{
  border-color:rgba(147,197,253,.38)!important;
  background:rgba(96,165,250,.14)!important;
}
.sidebar .share-panel .share-side-list{
  display:grid!important;
  gap:7px!important;
  margin:2px 0 0!important;
  padding-top:2px!important;
}
.sidebar .share-panel .share-side-list:empty{display:none!important;}
.sidebar .share-panel .share-side-list h4{
  margin:8px 0 2px!important;
  padding:0 4px!important;
  color:#93c5fd!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:950!important;
}
.sidebar .share-panel .share-row{
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  gap:6px!important;
  align-items:center!important;
  padding:7px!important;
  border:1px solid rgba(122,158,205,.18)!important;
  border-radius:12px!important;
  background:rgba(10,25,46,.45)!important;
}
.sidebar .share-panel .share-row a{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f8fbff!important;
  font-weight:900!important;
}


/* V366 AMP Sidebar Button Fix: labels stay visible while action runs */
.gameserver-item .gs-actions{gap:7px!important;align-items:center!important}
.gameserver-item .gs-actions .amp-action-btn{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(122,158,205,.28)!important;
  background:linear-gradient(180deg,rgba(55,101,205,.45),rgba(30,64,145,.34))!important;
  color:#f4f8ff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.gameserver-item .gs-actions .amp-action-btn span{display:inline!important;opacity:1!important;visibility:visible!important;min-width:max-content!important}
.gameserver-item .gs-actions .amp-action-btn:hover{background:linear-gradient(180deg,rgba(67,119,232,.58),rgba(31,75,170,.44))!important}
.gameserver-item .gs-actions .amp-action-btn:disabled{opacity:.72!important;cursor:wait!important}
.gameserver-item .gs-actions .amp-action-btn.amp-busy{border-color:rgba(96,165,250,.5)!important;box-shadow:0 0 0 3px rgba(96,165,250,.10), inset 0 1px 0 rgba(255,255,255,.08)!important}
.gameserver-item .gs-actions .amp-stop{background:linear-gradient(180deg,rgba(190,55,55,.52),rgba(127,29,29,.40))!important;border-color:rgba(248,113,113,.32)!important}
.gameserver-item .gs-actions .amp-restart{background:linear-gradient(180deg,rgba(124,92,255,.42),rgba(67,56,202,.36))!important;border-color:rgba(167,139,250,.30)!important}
.gameserver-item .gs-actions .gs-open{min-width:54px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important}


/* V375 - Freigaben: Links nur in ihrer jeweiligen Kategorie anzeigen */
.sidebar .share-panel .share-category{
  display:grid;
  gap:6px;
}
.sidebar .share-panel .share-category > button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid rgba(122,158,205,.22)!important;
  border-radius:13px!important;
  background:rgba(18,34,58,.42)!important;
  color:#f4f8ff!important;
  text-align:left!important;
  font-weight:950!important;
}
.sidebar .share-panel .share-category > button:hover{
  border-color:rgba(147,197,253,.38)!important;
  background:rgba(96,165,250,.14)!important;
}
.sidebar .share-panel .share-category .share-side-list{
  margin:0 0 2px 10px!important;
}


/* V385 AMP Sidebar Live-Status */
.gameserver-item.unknown .gs-dot{background:#8a94a6;box-shadow:0 0 0 3px rgba(138,148,166,.16)}
.gameserver-item.pending .gs-dot{background:#f5b942;box-shadow:0 0 0 3px rgba(245,185,66,.18);animation:ampStatusPulse 1.1s ease-in-out infinite}
.gameserver-item.online .gs-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18),0 0 8px rgba(34,197,94,.42)}
.gameserver-item.offline .gs-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.17),0 0 7px rgba(239,68,68,.28)}
@keyframes ampStatusPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.55}}

/* V386 - Aufgeräumte Sidebar: einklappbare Gameserver und getrennte Werkzeuge */
.sidebar .gameserver-section{padding:8px!important;margin-top:12px!important}
.sidebar .gameserver-panel{margin:0!important;padding:0!important;gap:0!important;background:transparent!important;border:0!important}
.sidebar .gameserver-head.gameserver-toggle{
  width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:10px 12px!important;border:1px solid rgba(122,158,205,.28)!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(22,40,66,.80),rgba(13,28,49,.78))!important;color:#f8fbff!important;
  font-weight:950!important;cursor:pointer!important;
}
.sidebar .gameserver-head.gameserver-toggle:hover{background:rgba(96,165,250,.14)!important;border-color:rgba(147,197,253,.4)!important}
.sidebar .gameserver-chevron{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(96,165,250,.12);color:#93c5fd;font-size:16px}
.sidebar .gameserver-list{display:grid;gap:8px;padding:9px 2px 2px}
.sidebar .gameserver-list[hidden]{display:none!important}
.sidebar .sidebar-utility-actions{display:grid;gap:8px;margin:12px 0}
.sidebar .sidebar-utility-card{
  width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(122,158,205,.25);border-radius:14px;
  background:linear-gradient(180deg,rgba(31,48,75,.88),rgba(18,34,58,.88));color:#fff;font-weight:950;
}
.sidebar .sidebar-utility-card:hover{border-color:rgba(147,197,253,.42);background:rgba(96,165,250,.14)}
/* Freigaben sind Akkordeon-Kategorien; Linkzeilen erscheinen nur in der aktiven Kategorie. */
.sidebar .share-panel .share-category > button{justify-content:space-between!important}
.sidebar .share-panel .share-category > button > span:first-child{display:inline-flex;align-items:center;gap:8px}
.sidebar .share-panel .share-category.expanded > button{border-color:rgba(96,165,250,.42)!important;background:rgba(96,165,250,.12)!important}
.sidebar .share-chevron{margin-left:auto;color:#93c5fd;font-weight:950}
.sidebar .share-panel .share-category .share-side-list{margin:2px 0 2px 0!important}
.share-tile .preview{border:1px solid rgba(122,158,205,.16)}
.share-tile .preview video,.share-tile .preview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}


/* V387 - Manueller Gameserver-Status-Refresh im einklappbaren Bereich */
.sidebar .gameserver-tools{display:flex;padding:9px 2px 0}
.sidebar .gameserver-tools[hidden]{display:none!important}
.sidebar .gameserver-refresh-status{
  width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:8px 10px;border:1px solid rgba(96,165,250,.30);border-radius:11px;
  background:rgba(96,165,250,.09);color:#dbeafe;font-size:12px;font-weight:900;cursor:pointer;
}
.sidebar .gameserver-refresh-status:hover{background:rgba(96,165,250,.17);border-color:rgba(147,197,253,.48)}
.sidebar .gameserver-refresh-status:disabled{opacity:.65;cursor:wait}


/* V388 - Freigaben als Ansichten statt Dropdown; Gameserver-Refresh garantiert sichtbar */
.sidebar .share-panel .share-chevron{display:none!important}
.sidebar .share-panel .share-category > button{justify-content:flex-start!important}
.sidebar .share-panel .share-category.expanded > button{background:linear-gradient(180deg,rgba(22,40,66,.80),rgba(13,28,49,.78))!important;border-color:rgba(122,158,205,.28)!important}
.sidebar .share-panel .share-category.view-active > button{background:rgba(96,165,250,.18)!important;border-color:rgba(96,165,250,.42)!important}
.sidebar .share-panel .share-side-list{display:none!important}
.sidebar .gameserver-inline-tools{display:flex!important;padding:9px 2px 8px!important}
.sidebar .gameserver-list .gameserver-inline-tools .gameserver-refresh-status{display:flex!important;visibility:visible!important;opacity:1!important}
/* V389 AMP Status-Diagnose */
.amp-status-test{border:1px solid rgba(91,151,221,.26);border-radius:12px;padding:10px 12px;margin:10px 0;background:rgba(7,20,38,.28);display:grid;gap:5px}
.amp-status-test small{display:block;word-break:break-all;color:#94afcf}
.amp-status-raw{max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;padding:10px;border-radius:8px;background:rgba(0,0,0,.2);color:#d3e3f7}


/* V393 - Freigaben-Kachel: Aktionsbuttons wirklich klickbar */
.share-tile{cursor:default!important;}
.share-tile-actions{display:grid;gap:7px;width:100%;position:relative;z-index:4;}
.share-tile-actions button{pointer-events:auto!important;position:relative;z-index:5;width:100%;min-height:36px!important;margin-top:0!important;cursor:pointer;}
.share-tile-actions button:not(.danger){background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-color:rgba(147,197,253,.42);}
.share-tile-actions .danger{background:linear-gradient(180deg,#dc2626,#991b1b);border-color:rgba(248,113,113,.42);}


/* v395: reliable click-drag selection and external upload drag only */
.selection-marquee{position:fixed;display:none;z-index:9000;border:1px solid rgba(96,165,250,.95);background:rgba(37,99,235,.18);border-radius:8px;pointer-events:none;box-shadow:0 0 0 1px rgba(147,197,253,.18) inset}
body.marquee-selecting,body.marquee-selecting *{user-select:none!important;cursor:crosshair!important}
#grid{position:relative;min-height:80px}
#grid .tile{touch-action:none}
.upload-hero.drag{box-shadow:0 0 0 2px rgba(147,197,253,.5) inset}

/* V396 Rollen/Rechte: klare deutsche Gruppen statt technischer IDs */
.role-card-v396{margin-top:16px;padding:20px}
.role-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.permission-category{margin-top:18px;padding:14px;border:1px solid rgba(101,145,209,.22);border-radius:14px;background:rgba(7,20,39,.22)}
.permission-category h4{margin:0 0 12px;color:#86b7ff;font-size:13px;letter-spacing:.045em;text-transform:uppercase}
.permission-grid-v396{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:10px}
.permission-option{display:flex!important;align-items:flex-start!important;gap:10px;padding:12px 13px!important;min-height:62px;border:1px solid rgba(104,149,214,.22);border-radius:12px;background:rgba(18,38,66,.42);cursor:pointer;transition:border-color .16s,background .16s}
.permission-option:hover{border-color:rgba(86,149,248,.55);background:rgba(30,62,108,.43)}
.permission-option input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;margin:3px 0 0!important;accent-color:#397cff}
.permission-option span{display:flex;flex-direction:column;gap:3px;text-align:left}
.permission-option b{font-size:14px;color:#f5f8ff;font-weight:700}
.permission-option small{font-size:12px;line-height:1.35;color:#91a8cc;font-weight:500}

/* V398: Master-Recht Admin Vollzugriff */
.permission-master{border-color:rgba(65,132,255,.65)!important;background:rgba(35,88,188,.18)!important;}
.permission-master b{color:#7fb1ff;}
.permission-included{opacity:.7;background:rgba(46,118,225,.08)!important;}
.permission-master-hint{margin:12px 0;padding:11px 14px;border:1px solid rgba(59,130,246,.4);border-radius:12px;background:rgba(37,99,235,.12);color:#b8d4ff;font-size:13px;font-weight:700;}


/* V399 - Auswahl, Verschieben und interne Drag-Isolation */
#grid .tile{touch-action:none;}
#grid .tile img,#grid .tile video{user-select:none;-webkit-user-drag:none;pointer-events:none;}
#grid .tile.selected{outline:2px solid rgba(96,165,250,.9);box-shadow:0 0 0 3px rgba(37,99,235,.18),0 14px 28px rgba(0,0,0,.22);}
.selection-marquee{backdrop-filter:blur(1px);}

/* V400 - Kompaktes Rollen- und Rechtemenü */
.role-editor-v400{padding:0!important;margin-top:14px;overflow:hidden;background:rgba(10,24,44,.58)!important}
.role-editor-v400>summary{list-style:none;cursor:pointer}
.role-editor-v400>summary::-webkit-details-marker{display:none}
.role-summary-v400{display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:15px;transition:background .16s}
.role-summary-v400:hover{background:rgba(44,77,122,.2)}
.role-summary-v400:after{content:'›';font-size:23px;color:#7baaf1;margin-left:6px;transform:rotate(90deg);transition:transform .16s}
.role-editor-v400[open] .role-summary-v400:after{transform:rotate(-90deg)}
.role-shield-v400{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:rgba(42,105,212,.18);border:1px solid rgba(83,142,239,.3)}
.role-summary-copy-v400{display:flex;flex-direction:column;gap:2px;min-width:0}
.role-summary-copy-v400 b{font-size:16px;color:#f5f8ff}
.role-summary-copy-v400 small{font-size:12px;color:#89a5cc}
.role-count-v400{margin-left:auto;border:1px solid rgba(92,141,207,.3);background:rgba(25,49,83,.55);padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#a9c7f1;white-space:nowrap}
.role-count-v400.full{color:#cfe0ff;border-color:rgba(62,126,239,.55);background:rgba(32,91,192,.22)}
.role-body-v400{border-top:1px solid rgba(101,145,209,.18);padding:16px}
.role-controls-v400{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;gap:9px;margin-bottom:13px}
.permission-master-v400{display:flex;align-items:center;gap:11px;border:1px solid rgba(55,124,236,.46);background:rgba(32,85,180,.14);border-radius:13px;padding:12px 14px;cursor:pointer}
.permission-master-v400.active{background:rgba(37,99,235,.23);border-color:rgba(96,165,250,.75)}
.permission-master-v400 input{width:17px!important;height:17px!important;min-height:auto!important;min-width:17px!important;margin:0!important;accent-color:#397cff}
.permission-master-v400 span{display:flex;flex-direction:column;gap:2px}
.permission-master-v400 b{font-size:14px;color:#dceaff}
.permission-master-v400 small{font-size:12px;color:#9db8df}
.role-tools-v400{display:flex;gap:8px;align-items:center;margin:14px 0 10px}
.role-tools-v400 input{flex:1;min-height:40px!important}
.role-tools-v400 button{min-height:40px!important;white-space:nowrap}
.role-rights-status-v400{padding:9px 12px;margin-bottom:10px;border-radius:10px;background:rgba(12,30,54,.58);color:#98b6df;font-size:12px}
.permission-sections-v400{display:grid;gap:8px}
.permission-section-v400{border:1px solid rgba(93,135,194,.22);border-radius:12px;background:rgba(9,22,41,.35);overflow:hidden}
.permission-section-v400 summary{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;list-style:none;cursor:pointer;color:#dfeaff;font-weight:700;font-size:13px}
.permission-section-v400 summary::-webkit-details-marker{display:none}
.permission-section-v400 summary:after{content:'⌄';order:3;color:#80abed;margin-left:10px;transition:transform .16s}
.permission-section-v400[open] summary:after{transform:rotate(180deg)}
.permission-section-v400 summary em{font-style:normal;font-size:11px;font-weight:700;color:#7fa9e8;background:rgba(36,75,128,.32);padding:4px 8px;border-radius:999px;margin-left:auto}
.permission-section-v400[open] summary{border-bottom:1px solid rgba(93,135,194,.17);background:rgba(26,53,91,.25)}
.permission-list-v400{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:6px;padding:9px}
.permission-option-v400{display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s;min-height:48px}
.permission-option-v400:hover{border-color:rgba(83,142,239,.3);background:rgba(28,57,99,.3)}
.permission-option-v400 input{width:15px!important;height:15px!important;min-width:15px!important;min-height:auto!important;margin:2px 0 0!important;accent-color:#397cff}
.permission-option-v400 span{display:flex;flex-direction:column;gap:1px}
.permission-option-v400 b{font-size:13px;color:#eef4ff}
.permission-option-v400 small{font-size:11px;line-height:1.25;color:#829cc3}
.permission-option-v400.permission-included{opacity:.65}
@media(max-width:820px){.role-controls-v400{grid-template-columns:1fr}.role-tools-v400{flex-wrap:wrap}.role-tools-v400 input{flex-basis:100%}.permission-list-v400{grid-template-columns:1fr}}


/* V401 - Gameserver Spieleranzeige und AMP-Konsole */
.gameserver-item .gs-main{display:block!important;text-align:left!important}
.gameserver-item .gs-title-row{display:flex;align-items:center;gap:7px;width:100%;min-width:0}
.gameserver-item .gs-title-row b{flex:1;min-width:0}
.gameserver-item .gs-player-count{flex:0 0 auto;display:inline-flex;align-items:center;padding:3px 6px;border-radius:8px;border:1px solid rgba(147,197,253,.22);background:rgba(11,27,49,.78);color:#dbeafe;font-style:normal;font-size:10px;font-weight:900;white-space:nowrap}
.gameserver-item.online .gs-player-count{border-color:rgba(34,197,94,.28);color:#bbf7d0;background:rgba(34,197,94,.10)}
.gameserver-item .gs-actions .amp-console-btn{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:66px!important;height:28px!important;padding:0 10px!important;border-radius:10px!important;border:1px solid rgba(74,222,128,.38)!important;background:linear-gradient(180deg,rgba(22,163,74,.52),rgba(21,128,61,.38))!important;color:#f0fdf4!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important}
.gameserver-item .gs-actions .amp-console-btn:hover{background:linear-gradient(180deg,rgba(34,197,94,.64),rgba(21,128,61,.47))!important}
.amp-console-shell{display:grid;gap:12px}
.amp-console-bar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.amp-console-players{padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);color:#bbf7d0;font-size:12px;font-weight:950}
.amp-console-output{height:min(48vh,430px);margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#07111f;border:1px solid rgba(122,158,205,.26);border-radius:13px;padding:12px;color:#dbeafe;font:12px/1.48 Consolas,"Cascadia Mono",monospace}


/* V402 - AMP-Konsole mit Befehlseingabe und gepufferter Live-Ausgabe */
.amp-console-command{display:flex;gap:9px;align-items:center}
.amp-console-command input{flex:1;min-width:0;height:42px;border-radius:12px;background:#091525;border:1px solid rgba(122,158,205,.32);color:#eef4ff;padding:0 12px;font:13px Consolas,"Cascadia Mono",monospace}
.amp-console-command input:focus{outline:2px solid rgba(59,130,246,.48);border-color:rgba(96,165,250,.56)}
.amp-console-command button{height:42px;min-width:86px;border-radius:12px;background:linear-gradient(180deg,#2671ea,#1c53b8);font-weight:950}
.amp-console-command button:disabled{opacity:.55;cursor:wait}


/* V403: Live-Status der AMP-Konsole */
.amp-console-bar{flex-wrap:wrap}
.amp-console-live-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.04em;border:1px solid transparent}
.amp-console-live-badge.connecting{color:#fde68a;background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.35)}
.amp-console-live-badge.live{color:#86efac;background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.38);animation:ampLivePulse 1.6s infinite}
.amp-console-live-badge.error{color:#fca5a5;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.38)}
@keyframes ampLivePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.22)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}

/* V405 - robuste Auswahlfläche und Drag-Markierung */
.main{position:relative;}
#grid{min-height:260px;align-content:start;}
#grid,.main{user-select:none;}
#grid .tile .name,#grid .tile small{pointer-events:none;}
body.marquee-selecting .upload-hero{pointer-events:none;}


/* V406 - Adminpanel: getrennte AMP-Werkzeuge; Dateiverschieben per Drag & Drop */
.amp-manual-actions .amp-player-admin-btn{border-color:rgba(96,165,250,.36)!important;background:rgba(37,99,235,.18)!important}
.amp-manual-actions .amp-console-admin-btn{border-color:rgba(74,222,128,.36)!important;background:rgba(22,163,74,.17)!important}
.amp-player-result{display:grid;gap:7px;padding:14px;margin-top:10px;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:rgba(8,20,38,.42)}
.amp-player-result.known{border-color:rgba(34,197,94,.34);background:rgba(22,163,74,.10)}
.amp-player-result b{font-size:15px}.amp-player-result small{color:var(--muted,#98a2b3)}
.amp-probe-details{margin-top:12px}.amp-probe-details summary{cursor:pointer;color:#b9d5fb;font-weight:800}
.admin-amp-console{margin-top:12px}
.tile[draggable="true"]{cursor:grab}.tile.drag-source{opacity:.62}.tile.drag-move-target{outline:2px solid rgba(96,165,250,.72);background:rgba(37,99,235,.16)!important;transform:translateY(-2px)}


/* V416: Video-Vorschau mit Original-/Qualitätsauswahl */
.video-quality-preview{gap:12px}
.video-quality-head{width:100%;display:grid;gap:8px;margin-bottom:4px}
.video-quality-head>b{color:#dbeafe;font-size:14px}
.video-quality-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.video-quality-options button{font-size:13px;min-height:36px;padding:7px 12px;border-radius:12px}
.video-quality-option small{display:block;font-size:10px;opacity:.78;font-weight:700}
.video-quality-option.active{background:linear-gradient(180deg,#2f6df0,#245ed6);border-color:rgba(147,197,253,.5)}
.video-quality-create{background:rgba(30,58,95,.72);border:1px dashed rgba(147,197,253,.4)}
.video-quality-create.upscale{border-color:rgba(250,204,21,.42);color:#fde68a}
.video-quality-status{min-height:18px;color:#93c5fd;font-size:13px;font-weight:850}
.video-quality-preview .sub{width:100%;margin:0;color:#9fb2cc;font-size:12px}


/* V417: saubere Freigabe-Vorschau + nur vorhandene Videoqualitäten */
.v317-title{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  font-size:clamp(28px,3.1vw,42px)!important;
}
.v317-file-meta b{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.v417-share-quality{
  display:grid;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(147,197,253,.20);
  background:rgba(9,20,36,.50);
}
.v417-share-quality[hidden]{display:none!important}
.v417-share-quality > b{color:#dbeafe;font-size:14px}
.v417-share-quality > small{color:#9fb2cc;font-weight:760}
.v417-share-quality-options{display:flex;gap:8px;flex-wrap:wrap}
.v417-quality-btn{
  min-height:38px;
  padding:8px 13px;
  border-radius:12px;
  border:1px solid rgba(147,197,253,.30);
  background:rgba(20,41,68,.76);
  color:#dbeafe;
  font-weight:900;
  cursor:pointer;
}
.v417-quality-btn.active{
  background:linear-gradient(180deg,rgba(47,109,240,.96),rgba(36,94,214,.88));
  color:#fff;
}


/* V418: Wiedergabe-Qualität ohne Upscaler in der Vorschau */
.video-quality-preview.playback-only{gap:10px}
.video-playback-quality{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px;
}
.video-playback-quality label{
  color:#cfe1ff;
  font-size:13px;
  font-weight:900;
}
.video-playback-quality select{
  width:auto;
  min-width:142px;
  min-height:38px;
  padding:7px 10px;
  border-radius:12px;
  background:rgba(13,29,51,.94);
  border:1px solid rgba(125,178,255,.28);
  color:#e5efff;
  font-weight:850;
}
.admin-video-convert{display:grid;gap:12px}
.admin-video-quality-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.admin-video-quality-grid button{min-height:48px}
.admin-video-quality-grid button.warning{
  background:rgba(122,83,16,.38);
  border-color:rgba(250,204,21,.42);
  color:#fde68a;
}
@media(max-width:720px){
  .admin-video-quality-grid{grid-template-columns:1fr}
  .video-playback-quality{justify-content:stretch}
  .video-playback-quality select{flex:1}
}


/* V419: Videojobs, Cloud-Bestätigung und ausgewählter Download */
.video-download-current{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-radius:12px;border:1px solid rgba(125,178,255,.28);color:#e5efff;background:rgba(13,29,51,.94);font-size:13px;font-weight:850;text-decoration:none}
.cloud-confirm{padding:14px;border:1px solid rgba(250,204,21,.34);border-radius:16px;background:rgba(122,83,16,.18);display:grid;gap:10px}
.cloud-confirm p{margin:0;color:#d4dfef;font-size:13px;line-height:1.45}
.cloud-confirm > div{display:flex;gap:8px;flex-wrap:wrap}
.admin-video-all-btn{width:100%;margin-top:12px;min-height:48px}
.admin-video-progress{display:grid;gap:10px;padding:14px;margin-top:12px;border-radius:16px;border:1px solid rgba(125,178,255,.20);background:rgba(10,22,39,.55)}
.admin-video-progress[hidden]{display:none!important}
.admin-video-progress-head,.admin-video-progress-meta,.admin-video-progress-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.admin-video-progress-head span{color:#93c5fd;font-weight:900}
.admin-video-progress-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:rgba(57,77,105,.55);border:1px solid rgba(125,178,255,.12)}
.admin-video-progress-bar span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .35s ease}
.admin-video-progress-meta{font-size:13px;color:#b8cbe5}
.admin-video-progress-actions{justify-content:flex-start}
@media(max-width:720px){.video-playback-quality{flex-wrap:wrap}.video-download-current{width:100%}}


/* V420: interne Videoqualitäten und Kachel-Badges */
.tile{position:relative}
.video-variant-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  max-width:calc(100% - 56px);
  padding:5px 9px;
  border-radius:999px;
  background:rgba(9,20,38,.86);
  border:1px solid rgba(96,165,250,.38);
  box-shadow:0 6px 16px rgba(0,0,0,.26);
  color:#cfe3ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.03em;
  pointer-events:none;
}
.admin-quality-card{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 8px 7px 13px;
  border-radius:13px;
  border:1px solid rgba(125,178,255,.18);
  background:rgba(17,35,59,.66);
  color:#dbeafe;
  font-size:13px;
  font-weight:850;
}
.admin-quality-card.ready{border-color:rgba(34,197,94,.28)}
.admin-quality-card.original{opacity:.82}
.admin-quality-card .mini{
  min-height:34px;
  padding:6px 9px;
  font-size:12px;
}
.admin-video-delete-all{width:100%;margin-top:8px}


/* V421: Qualitätsbadge gut sichtbar auf Video-Kacheln */
.video-variant-badge{
  top:12px!important;
  left:12px!important;
  padding:6px 10px!important;
  background:rgba(8,18,34,.94)!important;
  border-color:rgba(96,165,250,.58)!important;
  color:#e2efff!important;
}


/* V422: Explorer & Medien */
.crumb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 9px}
.crumb-part{width:auto!important;min-height:34px!important;padding:6px 10px!important;border-radius:10px!important;background:transparent!important;color:#cfe3ff!important;border:1px solid transparent!important;font-weight:900!important}
.crumb-part:hover{background:rgba(96,165,250,.14)!important}
.crumb-part.current{background:rgba(47,109,240,.18)!important;border-color:rgba(96,165,250,.25)!important}
.crumb-sep{color:#758cac;font-weight:900}
.text-file-editor-v422{display:grid;gap:12px}
.text-editor-v422{width:100%;min-height:330px;resize:vertical;border-radius:14px;padding:12px;font-family:ui-monospace,Consolas,monospace;line-height:1.5;background:rgba(6,17,33,.72);color:#e5efff;border:1px solid rgba(122,158,205,.3)}
.text-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.media-slideshow-tools{width:100%;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
.media-slideshow-tools small{color:#9fb2cc;font-weight:850}
.subtitle-switch-v422{display:inline-flex;align-items:center;gap:6px;color:#cfe1ff;font-size:13px;font-weight:900}
.subtitle-switch-v422 select{min-width:114px}
.audio-preview-v422 audio{width:min(100%,560px)}
.pdf-preview-v422{display:grid;gap:10px}
.pdf-toolbar-v422{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pdf-toolbar-v422 label{display:inline-flex;gap:7px;align-items:center;color:#cfe1ff;font-weight:850}
.pdf-toolbar-v422 input{width:78px;min-height:38px}
.pdf-preview-v422 iframe{display:block;width:100%;height:min(68vh,760px);border:1px solid rgba(122,158,205,.28);border-radius:16px;background:#fff}
.archive-preview-v422{display:grid;gap:12px}
.archive-actions-v422,.archive-footer-v422{display:flex;gap:8px;flex-wrap:wrap}
.archive-list-v422{display:grid;gap:5px;max-height:47vh;overflow:auto;border:1px solid rgba(122,158,205,.22);border-radius:14px;padding:8px}
.archive-entry-v422{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;background:rgba(18,34,58,.45);font-size:13px}
.archive-entry-v422 input{width:17px!important;height:17px!important}
.archive-entry-v422 span{overflow-wrap:anywhere;color:#e3ecfb}
.archive-entry-v422 small{color:#9fb2cc}
.image-preview-v422 img{max-height:min(65vh,760px)}
@media(max-width:720px){
  .app{display:block!important}
  .sidebar{padding:12px!important}
  .main{padding:12px!important}
  .topbar{align-items:stretch!important}
  .topbar .left,.topbar .right{width:100%!important}
  .topbar .left .crumb{flex:1;min-width:0}
  .topbar .right input,.topbar .right select{flex:1 1 100%;width:100%}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stat b{font-size:19px!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .tile{min-height:132px!important;padding:8px!important}
  .modal{padding:8px!important}
  .modal-card{width:100%!important;max-height:96vh!important;padding:14px!important;border-radius:17px!important}
  .v322-inline-preview video{max-height:52vh!important}
  .video-playback-quality{justify-content:stretch!important}
  .video-playback-quality > *{flex:1 1 100%!important}
  .pdf-preview-v422 iframe{height:66vh}
  .media-slideshow-tools{justify-content:stretch}
  .media-slideshow-tools button{flex:1}
  .archive-footer-v422 button{width:100%}
}


/* V423: Medienansicht, Untertitel und PDF-Fixes */
.modal-card.media-modal-v423{
  width:min(1180px,96vw)!important;
  max-height:96vh!important;
}
.video-preview-v423{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
}
.video-preview-v423 video{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#000;
  border-radius:14px;
  max-height:min(68vh,720px)!important;
}
.video-controls-v423{
  width:100%;
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(290px,1fr);
  gap:12px;
  padding:12px;
  border:1px solid rgba(125,178,255,.16);
  border-radius:15px;
  background:rgba(8,18,34,.48);
}
.video-controls-v423 .video-playback-quality{
  justify-content:flex-start!important;
  padding:0!important;
}
.subtitle-wrap-v423{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  color:#cfe1ff;
  font-size:13px;
  font-weight:900;
}
.subtitle-wrap-v423 select{min-width:124px;min-height:38px}
.subtitle-upload-btn-v423{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:7px 12px;
  border-radius:12px;
  border:1px solid rgba(125,178,255,.28);
  background:rgba(13,29,51,.94);
  color:#e5efff;
  cursor:pointer;
}
.subtitle-upload-btn-v423 input{display:none}
.video-info-v423{display:flex;flex-wrap:wrap;gap:10px 20px;width:100%}
.pdf-current-v423{font-size:13px;color:#b8cbe5;font-weight:800}
.pdf-preview-v423 iframe{height:min(76vh,850px)!important}
.share-pdf-v423{display:grid;gap:12px;width:100%}
.share-pdf-tools-v423{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#cfe1ff;font-weight:800}
.share-pdf-tools-v423 .compact{width:auto!important;min-width:46px;padding:8px 13px!important}
.share-pdf-tools-v423 input{width:78px;min-height:40px;margin-left:6px}
.share-pdf-v423 iframe{display:block;width:100%;min-height:680px;border:1px solid rgba(122,158,205,.24);border-radius:15px;background:#fff}
.shared-video-v423{display:grid;gap:12px;width:100%}
.share-subtitles-v423{display:flex;gap:10px;align-items:center;justify-content:flex-end;color:#cfe1ff;font-weight:900}
.share-subtitles-v423 select{min-height:40px;min-width:150px}
@media(max-width:800px){
  .modal-card.media-modal-v423{width:100%!important}
  .video-controls-v423{grid-template-columns:1fr}
  .subtitle-wrap-v423{justify-content:flex-start}
  .video-preview-v423 video{max-height:56vh!important}
  .share-pdf-v423 iframe{min-height:66vh}
}


/* V424: Branding, QR, PWA und PDF ohne doppelte Steuerung */
:root{
  --brand-accent:#2f6df0;
  --brand-accent-2:#245ed6;
  --brand-logo-url:url('/assets/tims-cloud-logo-512.png');
}
.logo,.brand .mini-logo,.v317-logo{background-image:var(--brand-logo-url)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.stat{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent) 72%,transparent),color-mix(in srgb,var(--brand-accent-2) 63%,transparent))!important}
.nav .active,.crumb-part.current,.v417-quality-btn.active{background:linear-gradient(180deg,var(--brand-accent),var(--brand-accent-2))!important}
.pdf-viewer-only-v424,.share-pdf-viewer-only-v424{display:block;width:100%}
.pdf-viewer-only-v424 iframe{display:block;width:100%;height:min(78vh,900px);border:1px solid rgba(122,158,205,.28);border-radius:16px;background:#fff}
.share-pdf-viewer-only-v424 iframe{display:block;width:100%;min-height:min(76vh,900px);border:1px solid rgba(122,158,205,.24);border-radius:15px;background:#fff}
.qr-share-v424{display:grid;justify-items:center;text-align:center;gap:12px;padding:12px}
.qr-share-v424 img{width:min(360px,88vw);height:auto;border-radius:18px;background:#fff;padding:12px}
.qr-error-v424{padding:12px;border:1px solid rgba(248,113,113,.35);border-radius:13px;color:#fecaca}
.link-created-actions-v424{display:flex;gap:10px;margin-top:14px}
.branding-admin-grid-v424{align-items:start}
.branding-colors-v424{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.branding-colors-v424 input[type="color"]{padding:5px;height:54px}
.branding-preview-v424{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:14px;border:1px solid rgba(122,158,205,.22);border-radius:16px;background:rgba(8,18,33,.48)}
.branding-preview-v424 img{width:78px;height:78px;border-radius:19px;object-fit:cover}
.branding-preview-v424 b{font-size:22px;overflow-wrap:anywhere}
.pwa-card-v424{margin-top:14px}
@media(max-width:720px){
  .branding-colors-v424{grid-template-columns:1fr}
  .pdf-viewer-only-v424 iframe,.share-pdf-viewer-only-v424 iframe{height:72vh;min-height:72vh}
}


/* V426: QR-Code direkt bei Passwortlink-Erstellung und in der Vorschau */
.created-share-v426{display:grid;gap:14px}
.created-share-actions-v426{display:flex;gap:10px;flex-wrap:wrap}
.created-share-actions-v426 button{flex:1;min-width:150px}
.created-share-qr-v426{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:10px;
  padding:16px;
  border:1px solid rgba(125,178,255,.22);
  border-radius:18px;
  background:rgba(7,17,31,.44);
}
.created-share-qr-v426 img{
  width:min(290px,82vw);
  height:auto;
  padding:10px;
  border-radius:16px;
  background:#fff;
}
.created-share-qr-v426 small{color:#9fb2cc;font-weight:760}
.share-qr-panel-v426{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid rgba(125,178,255,.18);
  border-radius:18px;
  background:rgba(8,18,34,.50);
}
.share-qr-panel-v426[hidden]{display:none!important}
.share-qr-panel-v426 b{color:#e5efff}
.share-qr-panel-v426 p{margin:7px 0 0;color:#9fb2cc;font-size:13px;font-weight:760}
.share-qr-panel-v426 img{
  width:132px;
  height:132px;
  object-fit:contain;
  padding:7px;
  border-radius:13px;
  background:#fff;
}
@media(max-width:720px){
  .created-share-actions-v426 button{width:100%;flex-basis:100%}
  .share-qr-panel-v426{display:grid;justify-items:center;text-align:center}
  .share-qr-panel-v426 img{width:min(240px,72vw);height:auto}
}


/* V427: Upload-Warteschlange mit Resume */
.upload-queue-v427{
  position:fixed;right:18px;bottom:18px;z-index:1200;
  width:min(430px,calc(100vw - 28px));max-height:min(68vh,640px);
  padding:0;border-radius:18px;border:1px solid rgba(125,178,255,.22);
  background:rgba(7,17,31,.98);box-shadow:0 18px 46px rgba(0,0,0,.45);
  display:none;overflow:hidden;
}
.upload-queue-v427.has-items{display:block}
.upload-queue-head-v427{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 14px;border-bottom:1px solid rgba(125,178,255,.15);
}
.upload-queue-head-v427 div{display:grid;gap:3px}
.upload-queue-head-v427 small{color:#9fb2cc;font-weight:750}
.upload-queue-head-v427 .mini{width:auto;min-height:34px;padding:6px 10px;font-size:12px}
.pending-upload-hint-v427{
  display:grid;gap:4px;padding:11px 13px;margin:10px;
  border-radius:12px;border:1px solid rgba(250,204,21,.27);
  background:rgba(122,83,16,.17);color:#fde68a;font-size:12px;
}
.pending-upload-hint-v427 span{color:#d6dbea;font-weight:700}
.upload-queue-items-v427{display:grid;gap:8px;padding:10px;max-height:min(52vh,470px);overflow:auto}
.upload-job-v427{display:grid;gap:7px;padding:10px;border-radius:13px;background:rgba(16,31,52,.72);border:1px solid rgba(125,178,255,.12)}
.upload-job-v427.done{border-color:rgba(34,197,94,.3)}
.upload-job-v427.interrupted,.upload-job-v427.error{border-color:rgba(248,113,113,.28)}
.upload-job-top-v427{display:flex;justify-content:space-between;gap:8px;align-items:center}
.upload-job-top-v427 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.upload-job-top-v427 span{color:#9fc4ff;font-size:12px;font-weight:900;white-space:nowrap}
.upload-job-bar-v427{height:9px;border-radius:999px;overflow:hidden;background:rgba(73,91,118,.4)}
.upload-job-bar-v427 i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-accent,#2f6df0),#60a5fa);border-radius:999px;transition:width .18s}
.upload-job-v427 small{color:#9fb2cc;font-size:11px;font-weight:760}
.upload-job-actions-v427{display:flex;gap:7px}
.upload-job-actions-v427 button{width:auto;min-height:33px;padding:5px 9px;font-size:12px}
.upload-history-toolbar-v427{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.upload-history-toolbar-v427 h3{margin:0 0 5px}
.upload-history-list-v427{display:grid;gap:7px}
.upload-history-row-v427{
  display:grid;grid-template-columns:minmax(230px,1fr) 105px 110px 170px;
  align-items:center;gap:12px;padding:11px 13px;border-radius:13px;
  border:1px solid rgba(125,178,255,.15);background:rgba(8,18,34,.44);
}
.upload-history-row-v427 div{display:grid;gap:4px;min-width:0}
.upload-history-row-v427 div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-history-row-v427 small{color:#9fb2cc;font-weight:740}
.danger-badge-v427{border-color:rgba(248,113,113,.33)!important;color:#fca5a5!important}
@media(max-width:760px){
  .upload-queue-v427{right:8px;bottom:8px;width:calc(100vw - 16px)}
  .upload-history-row-v427{grid-template-columns:1fr auto;gap:7px}
  .upload-history-row-v427 > small{grid-column:1/-1}
}


/* V428: ruhige Upload-Warteschlange ohne Scrollleisten */
.upload-queue-v428{
  width:min(680px,calc(100vw - 32px))!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
.upload-queue-v428 .upload-queue-items-v427{
  max-height:none!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px!important;
  padding:12px!important;
}
.upload-queue-v428 .upload-job-v427{min-width:0}
.upload-queue-v428 .upload-job-top-v427 b{font-size:12px}
.upload-window-close-v428{
  width:38px!important;min-width:38px!important;height:38px!important;
  padding:0!important;border-radius:12px!important;
}
.upload-queue-reopen-v428{
  display:none;position:fixed;right:18px;bottom:18px;z-index:1201;
  width:auto;min-height:44px;padding:9px 15px;border-radius:999px;
  border:1px solid rgba(125,178,255,.28);
  background:rgba(7,17,31,.98);color:#e5efff;font-weight:900;
  box-shadow:0 16px 36px rgba(0,0,0,.38);cursor:pointer;
}
.upload-queue-more-v428{
  grid-column:1/-1;padding:9px 12px;border-radius:12px;
  text-align:center;color:#9fb2cc;background:rgba(16,31,52,.55);
  font-size:12px;font-weight:850;
}
.upload-queue-v428 .pending-upload-hint-v427{margin:12px 12px 0}
.upload-queue-v428 .pending-upload-hint-v427 button{
  margin-top:6px;width:auto;justify-self:start;min-height:36px;padding:6px 11px;
}
.upload-history-row-v428{
  display:grid;grid-template-columns:minmax(200px,1fr) 100px 120px 170px auto;
  align-items:center;gap:10px;padding:10px 12px;border-radius:13px;
  border:1px solid rgba(125,178,255,.15);background:rgba(8,18,34,.44);
}
.upload-history-row-v428 div{display:grid;gap:4px;min-width:0}
.upload-history-row-v428 div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-history-row-v428 small{color:#9fb2cc;font-weight:740}
.upload-history-row-v428 button{width:auto;min-height:34px;padding:6px 10px;font-size:12px}
.upload-settings-grid-v428{align-items:start}
.upload-settings-save-v428{margin-top:14px;display:flex;justify-content:flex-end}
.upload-settings-save-v428 button{width:auto}
@media(max-width:760px){
  .upload-queue-v428{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important}
  .upload-queue-v428 .upload-queue-items-v427{grid-template-columns:1fr}
  .upload-history-row-v428{grid-template-columns:1fr auto}
  .upload-history-row-v428 > small{grid-column:1/-1}
  .upload-history-row-v428 button{grid-column:1/-1;width:100%}
}


/* V430: fortsetzbare Uploads direkt abbrechen und löschen */
.pending-upload-actions-v430{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:7px;
}
.upload-queue-v428 .pending-upload-actions-v430 button{
  margin-top:0!important;
  width:auto!important;
  min-height:38px!important;
  padding:7px 12px!important;
}
@media(max-width:560px){
  .pending-upload-actions-v430 button{
    width:100%!important;
  }
}


/* V431: Login-Sicherheit, 2FA und Sessions */
.twofactor-login-v431{
  display:grid;gap:12px;padding:12px;margin-top:6px;
  border-radius:14px;border:1px solid rgba(96,165,250,.28);
  background:rgba(18,38,65,.48);
}
.trust-device-v431{
  display:flex!important;align-items:center;gap:9px;
  font-size:13px;font-weight:800;color:#d7e4f7;
}
.trust-device-v431 input{width:18px!important;height:18px!important;min-height:0!important}
.twofactor-card-v431{display:grid;gap:12px}
.twofactor-setup-v431{
  display:grid;justify-items:center;gap:10px;padding:12px;
  border-radius:15px;border:1px solid rgba(96,165,250,.22);
  background:rgba(7,17,31,.42);
}
.twofactor-setup-v431[hidden],.twofactor-disable-v431[hidden]{display:none!important}
.twofactor-setup-v431 img{width:min(260px,82vw);padding:10px;background:#fff;border-radius:14px}
.twofactor-setup-v431 .field{width:100%}
.twofactor-actions-v431{flex-wrap:wrap}
.twofactor-disable-v431{display:grid;gap:8px;padding-top:10px;border-top:1px solid rgba(125,178,255,.16)}
.security-toolbar-v431{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px
}
.security-toolbar-v431 h3{margin:0 0 5px}
.security-list-v431{display:grid;gap:8px}
.security-row-v431{
  display:grid;grid-template-columns:minmax(170px,1fr) 125px 175px minmax(130px,1fr) auto;
  align-items:center;gap:10px;padding:11px 13px;border-radius:13px;
  border:1px solid rgba(125,178,255,.15);background:rgba(8,18,34,.44)
}
.security-row-v431 div,.session-row-v431 div{display:grid;gap:4px;min-width:0}
.security-row-v431 div b,.session-row-v431 div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-row-v431 small,.session-row-v431 small{color:#9fb2cc;font-weight:740}
.security-row-v431 button,.session-row-v431 button{width:auto;min-height:34px;padding:6px 10px;font-size:12px}
.security-ok-v431{border-color:rgba(34,197,94,.32)!important;color:#86efac!important}
.session-row-v431{
  display:grid;grid-template-columns:minmax(220px,1fr) 210px 210px auto;
  align-items:center;gap:12px;padding:12px 13px;border-radius:13px;
  border:1px solid rgba(125,178,255,.15);background:rgba(8,18,34,.44)
}
.session-row-v431 .badge{display:inline-flex;margin-left:7px;vertical-align:middle;font-size:11px}
@media(max-width:850px){
  .security-row-v431,.session-row-v431{grid-template-columns:1fr auto}
  .security-row-v431 > small,.session-row-v431 > small{grid-column:1/-1}
  .security-row-v431 button,.session-row-v431 button{grid-column:1/-1;width:100%}
}


/* V432: wiederaufnehmbare Uploads nach Reload/Login sichtbar */
.pending-upload-hint-v427 span{
  line-height:1.45;
}


/* V433: Backups im bestehenden Admin-Bereich + Papierkorb-Aufbewahrung */
.backup-grid-v433{
  display:grid;
  grid-template-columns:minmax(380px,1.35fr) minmax(290px,.85fr);
  gap:14px;
  align-items:start;
}
.backup-header-v433,.backup-list-head-v433{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.backup-header-v433 h3,.backup-list-head-v433 h3{margin:0 0 5px}
.backup-header-v433 button,.backup-list-head-v433 button{width:auto}
.backup-job-v433{
  display:grid;gap:10px;margin-top:14px;padding:13px;border-radius:15px;
  border:1px solid rgba(125,178,255,.2);background:rgba(7,17,31,.45);
}
.backup-job-v433[hidden]{display:none!important}
.backup-job-head-v433,.backup-job-meta-v433{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.backup-job-head-v433 span{font-weight:950;color:#93c5fd}
.backup-progress-v433{
  width:100%;height:11px;overflow:hidden;border-radius:999px;
  background:rgba(68,88,115,.45);border:1px solid rgba(125,178,255,.12);
}
.backup-progress-v433 i{
  display:block;width:0;height:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--brand-accent,#2f6df0),#60a5fa);transition:width .3s ease;
}
.backup-job-meta-v433{font-size:13px;color:#b8cbe5}
.admin-check-v433{
  display:flex!important;align-items:center;gap:10px;margin:12px 0;
  color:#d9e6f8;font-weight:850;
}
.admin-check-v433 input{width:19px!important;height:19px!important;min-height:0!important}
.backup-files-v433{margin-top:14px}
.backup-row-v433{display:grid!important;grid-template-columns:minmax(220px,1fr) 110px auto auto!important;align-items:center;gap:10px}
.backup-row-v433 div{display:grid;gap:4px;min-width:0}
.backup-row-v433 div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.backup-row-v433 div small{color:#9fb2cc;font-weight:740}
.backup-row-v433 .btn,.backup-row-v433 button{width:auto!important}
.trash-settings-grid-v433{align-items:start}
.trash-stats-v433{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 17px;
}
.trash-stats-v433 div{
  display:grid;gap:6px;padding:13px;border-radius:14px;
  border:1px solid rgba(125,178,255,.15);background:rgba(8,18,34,.44);
}
.trash-stats-v433 small{color:#9fb2cc;font-weight:780}
.trash-stats-v433 b{font-size:26px;color:#e5efff}
@media(max-width:900px){
  .backup-grid-v433{grid-template-columns:1fr}
  .backup-row-v433{grid-template-columns:1fr auto!important}
  .backup-row-v433 .btn,.backup-row-v433 button{width:100%!important}
}


/* V434: Live-Ablaufbadges im Papierkorb */
.trash-tile-v434{position:relative;padding-top:42px!important}
.trash-retention-badge-v434{
  position:absolute;top:10px;left:10px;right:10px;z-index:4;
  display:block;padding:6px 8px;border-radius:10px;
  background:rgba(37,99,235,.16);border:1px solid rgba(96,165,250,.35);
  color:#bfdbfe;font-size:11px;font-weight:950;text-align:center;white-space:nowrap;
}
.trash-retention-badge-v434.expired{
  background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.42);color:#fde68a;
}
.trash-retention-badge-v434.due{
  background:rgba(220,38,38,.17);border-color:rgba(248,113,113,.42);color:#fecaca;
}
.trash-tile-v434.expired{border-color:rgba(251,191,36,.28)!important}
.trash-actions-v434{display:flex;gap:7px;width:100%;margin-top:auto}
.trash-actions-v434 button{flex:1;min-width:0;padding:7px 8px!important;font-size:12px!important}
.trash-toolbar-v434{margin-bottom:14px}

/* V434: modernere Admin-Seiten für Backup und Papierkorb */
.admin-page-head-v434{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
  margin-bottom:18px;
}
.admin-page-head-v434 h1{margin:0 0 6px}
.admin-page-head-v434 > button{width:auto;min-height:48px;padding:10px 18px}
.backup-grid-v434{
  display:grid;grid-template-columns:minmax(430px,1.45fr) minmax(310px,.8fr);
  gap:16px;align-items:stretch;
}
.backup-manual-v434,.backup-auto-v434{
  padding:18px!important;border-radius:20px!important;
}
.backup-card-heading-v434{display:flex;gap:13px;align-items:center;margin-bottom:15px}
.backup-card-heading-v434 h3{margin:0 0 4px}
.backup-icon-v434{
  width:50px;height:50px;display:grid;place-items:center;border-radius:15px;
  background:rgba(47,109,240,.15);border:1px solid rgba(96,165,250,.22);font-size:23px;
}
.backup-empty-v434{
  display:grid;gap:6px;padding:18px;border-radius:16px;margin-top:10px;
  background:rgba(8,18,34,.35);border:1px dashed rgba(125,178,255,.2);
  color:#dbeafe;
}
.backup-empty-v434[hidden]{display:none!important}
.backup-empty-v434 small{color:#9fb2cc}
.backup-job-v434{margin-top:4px!important;padding:16px!important}
.backup-job-v434.done{
  border-color:rgba(34,197,94,.28)!important;background:rgba(20,83,45,.13)!important;
}
.backup-job-v434.failed{border-color:rgba(248,113,113,.25)!important}
.backup-state-v434{margin:2px 0 0!important;font-weight:800}
.backup-job-v434.done .backup-state-v434{color:#86efac}
.backup-controls-v434[hidden]{display:none!important}
.backup-switch-v434{
  padding:12px;border-radius:13px;background:rgba(8,18,34,.42);
  border:1px solid rgba(125,178,255,.12);
}
.backup-list-card-v434{margin-top:16px!important;border-radius:20px!important;padding:18px!important}
.backup-list-v434{display:grid;gap:9px}
.backup-row-v433{
  padding:13px 14px;border-radius:14px;background:rgba(8,18,34,.42);
  border:1px solid rgba(125,178,255,.14);
}
.trash-flow-v434{
  display:grid;grid-template-columns:minmax(270px,.9fr) minmax(270px,.9fr) minmax(400px,1.35fr);
  gap:15px;align-items:stretch;
}
.trash-stage-v434{position:relative;padding:20px!important;border-radius:20px!important}
.stage-number-v434{
  display:grid;place-items:center;width:31px;height:31px;border-radius:999px;margin-bottom:13px;
  background:linear-gradient(180deg,var(--brand-accent,#2f6df0),var(--brand-accent-2,#245ed6));
  color:white;font-size:14px;font-weight:950;
}
.trash-stage-v434 h3{margin:0 0 7px}
.trash-stats-v434{grid-template-columns:repeat(3,1fr)!important;margin-top:14px!important}
.trash-stats-v434 b{font-size:25px!important}
.trash-admin-actions-v434{display:grid;gap:8px;margin-top:15px}
.trash-admin-actions-v434 button{width:100%}
.trash-save-v434{
  margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-radius:20px!important;padding:18px!important;
}
.trash-save-v434 p{margin:5px 0 0}
@media(max-width:1180px){
  .trash-flow-v434{grid-template-columns:1fr 1fr}
  .trash-status-card-v434{grid-column:1/-1}
}
@media(max-width:900px){
  .backup-grid-v434,.trash-flow-v434{grid-template-columns:1fr}
  .trash-status-card-v434{grid-column:auto}
  .trash-save-v434,.admin-page-head-v434{display:grid}
  .trash-stats-v434{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .trash-retention-badge-v434{font-size:10px;padding:5px 5px}
  .trash-actions-v434{display:grid}
}

/* V435 Papierkorb Badge Fix */
.trash-tile-v434{padding-top:68px!important}
.trash-retention-badge-v434{display:grid!important;gap:2px!important;white-space:normal!important;line-height:1.15!important;min-height:50px;align-content:center;padding:5px 6px!important}
.trash-retention-badge-v434 small{display:block;font-size:10px;font-weight:900;opacity:.94}
.trash-retention-badge-v434 span{display:block;font-size:11px;font-weight:950}

/* V435 System & Fehler */
.system-status-grid-v435{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(230px,.8fr) minmax(320px,1.1fr);gap:14px;margin-bottom:16px}
.system-meter-card-v435,.system-detail-card-v435,.error-center-v435{padding:18px!important;border-radius:20px!important}
.system-meter-head-v435{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.system-meter-head-v435>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:22px;background:rgba(47,109,240,.15);border:1px solid rgba(96,165,250,.22)}
.system-meter-head-v435 div{display:grid;gap:5px}.system-meter-head-v435 small{color:#9fb2cc;font-weight:850}.system-meter-head-v435 b{font-size:27px;color:#eef5ff}
.system-meter-v435{height:11px;border-radius:999px;overflow:hidden;margin-bottom:12px;background:rgba(67,87,114,.4);border:1px solid rgba(125,178,255,.14)}
.system-meter-v435 i{height:100%;width:0;display:block;border-radius:999px;background:linear-gradient(90deg,var(--brand-accent,#2f6df0),#60a5fa);transition:width .35s ease}
.system-detail-card-v435 h3{margin:0 0 14px}.system-details-v435{display:grid;gap:11px}
.system-details-v435 span{display:flex;justify-content:space-between;gap:12px;color:#9fb2cc;font-weight:800}.system-details-v435 b{color:#e6effd;text-align:right}
.error-center-head-v435{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.error-center-head-v435 h3{margin:0 0 5px}.error-center-head-v435 button{width:auto}
.error-center-list-v435{display:grid;gap:9px}
.error-item-v435{display:grid;grid-template-columns:auto minmax(250px,1fr) 180px auto;align-items:center;gap:13px;padding:12px;border-radius:15px;background:rgba(8,18,34,.46);border:1px solid rgba(248,113,113,.19)}
.error-symbol-v435{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(220,38,38,.18);border:1px solid rgba(248,113,113,.27);color:#fca5a5;font-weight:950}
.error-item-v435 div{display:grid;gap:5px;min-width:0}.error-item-v435 div small{color:#fbbf8a;font-weight:780}.error-item-v435 code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#9fb2cc;font-size:11px}.error-item-v435>small{color:#9fb2cc;font-weight:750}.error-item-v435 button{width:auto;min-height:36px;padding:7px 11px}
.system-empty-v435{padding:20px;text-align:center;border-radius:15px;background:rgba(22,101,52,.13);border:1px solid rgba(34,197,94,.23);color:#86efac;font-weight:850}
.amp-start-admin-v435{background:rgba(22,101,52,.45)!important;border-color:rgba(34,197,94,.42)!important}.amp-stop-admin-v435{background:rgba(153,27,27,.53)!important;border-color:rgba(248,113,113,.38)!important}.amp-restart-admin-v435{background:rgba(91,33,182,.5)!important;border-color:rgba(167,139,250,.38)!important}
.amp-confirm-v435{display:grid;justify-items:center;text-align:center;gap:15px;padding:10px 4px}.amp-confirm-icon-v435{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:rgba(47,109,240,.16);border:1px solid rgba(96,165,250,.25);font-size:28px}.amp-confirm-v435 p{margin:0;color:#dbeafe;font-size:16px}.amp-confirm-actions-v435{display:flex;gap:10px;width:100%;justify-content:center}.amp-confirm-actions-v435 button{width:auto;min-width:140px}
@media(max-width:1050px){.system-status-grid-v435{grid-template-columns:1fr 1fr}.system-detail-card-v435{grid-column:1/-1}}
@media(max-width:760px){.system-status-grid-v435{grid-template-columns:1fr}.system-detail-card-v435{grid-column:auto}.error-item-v435{grid-template-columns:auto 1fr}.error-item-v435>small,.error-item-v435 button{grid-column:2}.error-item-v435 button{width:100%}}


/* V436: Wartung & Bereinigung / Systemdiagnose */
.diagnostics-v436{margin-top:16px;border-radius:20px!important;padding:18px!important}
.diagnostics-head-v436{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.diagnostics-head-v436 h3{margin:0 0 5px}
.diagnostics-head-v436 button{width:auto}
.diagnostics-grid-v436{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:9px}
.diagnostic-item-v436{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(125,178,255,.13);background:rgba(8,18,34,.42)}
.diagnostic-item-v436 > span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-weight:950}
.diagnostic-item-v436.ok > span{background:rgba(22,101,52,.2);border:1px solid rgba(34,197,94,.25);color:#86efac}
.diagnostic-item-v436.warn > span{background:rgba(153,27,27,.22);border:1px solid rgba(248,113,113,.28);color:#fca5a5}
.diagnostic-item-v436 div{display:grid;gap:4px;min-width:0}
.diagnostic-item-v436 small{color:#9fb2cc;font-weight:730}
.maintenance-grid-v436{display:grid;grid-template-columns:minmax(315px,.76fr) minmax(480px,1.24fr);gap:15px;align-items:stretch}
.maintenance-schedule-v436,.maintenance-rules-v436,.maintenance-results-v436{padding:19px!important;border-radius:20px!important}
.maintenance-schedule-v436 h3,.maintenance-rules-v436 h3{margin:0 0 8px}
.maintenance-last-v436{margin-top:15px;padding:11px;border-radius:12px;background:rgba(8,18,34,.45);border:1px solid rgba(125,178,255,.13);color:#9fb2cc;font-size:12px;font-weight:780}
.maintenance-rule-row-v436{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(125,178,255,.12);font-weight:850}
.maintenance-rule-row-v436:last-child{border-bottom:0}
.maintenance-rule-row-v436 label{display:flex;align-items:center;gap:8px;color:#9fb2cc;font-size:13px}
.maintenance-rule-row-v436 input{width:86px;min-height:38px}
.maintenance-stats-v436{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:16px 0}
.maintenance-stats-v436 .clean-card{display:grid;gap:7px;padding:15px!important;border-radius:16px!important}
.maintenance-stats-v436 small{color:#9fb2cc;font-weight:800}
.maintenance-stats-v436 b{font-size:27px;color:#eef5ff}
.maintenance-stats-v436 .emphasized{border-color:rgba(34,197,94,.24)!important;background:rgba(22,101,52,.12)!important}
.maintenance-list-v436{display:grid;gap:8px}
.maintenance-file-v436{display:grid;grid-template-columns:125px minmax(220px,1fr) 110px;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:rgba(8,18,34,.42);border:1px solid rgba(125,178,255,.13)}
.maintenance-file-v436 div{display:grid;gap:4px;min-width:0}
.maintenance-file-v436 div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.maintenance-file-v436 small{color:#9fb2cc;font-weight:730}
.maintenance-file-v436 strong{text-align:right;color:#cfe1ff}
@media(max-width:1080px){
  .diagnostics-grid-v436{grid-template-columns:1fr 1fr}
  .maintenance-grid-v436{grid-template-columns:1fr}
  .maintenance-stats-v436{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .diagnostics-grid-v436,.maintenance-stats-v436{grid-template-columns:1fr}
  .maintenance-rule-row-v436{display:grid}
  .maintenance-file-v436{grid-template-columns:1fr}
  .maintenance-file-v436 strong{text-align:left}
}


/* ==========================================================================
   V437 - Mobile App Layout
   Desktop remains unchanged; mobile becomes an app-style interface.
   ========================================================================== */
.mobile-appbar-v437,
.mobile-backdrop-v437,
.mobile-bottom-nav-v437,
.mobile-drawer-head-v437{display:none}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{
    padding-top:66px;
    padding-bottom:76px;
    background:linear-gradient(180deg,#071424 0%,#06101d 100%);
  }
  body.mobile-drawer-visible-v437{overflow:hidden}

  /* Fixed mobile app header */
  .mobile-appbar-v437{
    position:fixed;display:flex;top:0;left:0;right:0;height:62px;z-index:9400;
    align-items:center;justify-content:space-between;gap:10px;
    padding:8px 12px;
    background:rgba(7,17,31,.96);
    border-bottom:1px solid rgba(125,178,255,.17);
    backdrop-filter:blur(16px);
  }
  .mobile-icon-btn-v437{
    display:grid!important;place-items:center!important;flex:0 0 44px!important;
    width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
    border-radius:14px!important;font-size:20px!important;
    background:rgba(22,39,64,.85)!important;border:1px solid rgba(125,178,255,.19)!important;
    color:#eef5ff!important;
  }
  .mobile-title-v437{
    min-width:0;flex:1;display:flex;align-items:center;gap:9px;
  }
  .mobile-title-logo-v437{
    flex:0 0 38px;width:38px;height:38px;border-radius:11px;
    background-image:var(--brand-logo-url,url('/assets/tims-cloud-logo-512.png'));
    background-size:cover;background-position:center;
    border:1px solid rgba(125,178,255,.18);
  }
  .mobile-title-v437 b{
    display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#eff6ff;font-size:15px;font-weight:950;
  }
  .mobile-title-v437 small{
    display:block;color:#91a9c9;font-size:11px;font-weight:850;margin-top:1px;
  }

  /* Sidebar becomes a drawer */
  .app{display:block!important;min-height:0!important}
  .sidebar{
    display:block!important;position:fixed!important;z-index:9500!important;
    top:0;bottom:0;left:0;width:min(88vw,370px)!important;height:100dvh!important;
    transform:translateX(-105%);transition:transform .23s ease;
    padding:10px 12px 24px!important;overflow-y:auto!important;overscroll-behavior:contain;
    border-right:1px solid rgba(125,178,255,.2)!important;
    box-shadow:none;
  }
  .sidebar.mobile-open-v437{
    transform:translateX(0);box-shadow:24px 0 60px rgba(0,0,0,.52)
  }
  .mobile-backdrop-v437{
    display:block;position:fixed;z-index:9450;inset:0;
    background:rgba(0,0,0,.56);opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  body.mobile-drawer-visible-v437 .mobile-backdrop-v437{opacity:1;pointer-events:auto}
  .mobile-drawer-head-v437{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:4px 2px 12px;margin-bottom:4px;
    border-bottom:1px solid rgba(125,178,255,.12);
  }
  .sidebar > .brand{display:none!important}
  .sidebar .userbox{
    margin:10px 0!important;padding:10px 12px!important;border-radius:14px!important;
  }
  .sidebar .side-section{
    margin:9px 0!important;padding:10px!important;border-radius:16px!important;
  }
  .sidebar .side-section h3{font-size:11px!important;margin-bottom:9px!important;color:#8fa9c9!important}
  .sidebar .nav{gap:6px!important}
  .sidebar .nav button,.sidebar .nav a,.sidebar-utility-card{
    min-height:42px!important;border-radius:12px!important;font-size:13px!important;
  }
  .sidebar .share-panel,.sidebar .gameserver-panel{
    border-radius:14px!important;padding:7px!important;
  }
  .sidebar .share-category button{min-height:38px!important}
  .sidebar-utility-actions{gap:7px!important;margin:8px 0!important}
  #linkList .sidebar-link-card,#orgTree .org-row{border-radius:12px!important}

  /* Main: visible content first */
  .main{
    width:100%!important;min-height:calc(100dvh - 142px)!important;
    padding:10px 10px 18px!important;overflow:visible!important;
  }
  .topbar{
    display:grid!important;gap:8px!important;margin:0 0 11px!important;
    position:relative;
  }
  .topbar .left{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;
    gap:7px!important;width:100%!important;
  }
  .topbar .left:after{
    content:'⚙';display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
    color:#cfe1ff;background:rgba(16,31,53,.72);border:1px solid rgba(125,178,255,.17);
  }
  .topbar .left > button{
    width:43px!important;min-width:43px!important;height:43px!important;
    min-height:43px!important;padding:0!important;overflow:hidden;font-size:0!important;
  }
  .topbar .left > button:before{content:'←';font-size:19px}
  .crumb{
    min-width:0!important;width:100%!important;height:43px!important;min-height:43px!important;
    padding:5px 7px!important;overflow:hidden;flex-wrap:nowrap!important;
    border-radius:12px!important;
  }
  .crumb-part{
    min-height:31px!important;padding:5px 8px!important;font-size:12px!important;
    max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .crumb-sep{font-size:11px}
  .topbar .right{
    display:none!important;width:100%!important;
    padding:10px;border-radius:15px;
    border:1px solid rgba(125,178,255,.14);
    background:rgba(10,22,39,.8);
    gap:7px!important;
  }
  body.mobile-tools-visible-v437 .topbar .right{
    display:grid!important;grid-template-columns:1fr 1fr;
  }
  body.mobile-tools-visible-v437 .topbar .right input{
    grid-column:1/-1;width:100%!important;min-height:43px!important;
  }
  body.mobile-tools-visible-v437 .topbar .right select{
    min-width:0!important;width:100%!important;height:43px!important;
  }

  /* Stats become tidy compact cards */
  .cards{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;margin:0 0 11px!important;
  }
  .stat{
    min-width:0!important;padding:9px 7px!important;border-radius:13px!important;
    display:grid;gap:4px;
  }
  .stat small{
    font-size:10px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .stat b{
    font-size:14px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  /* Upload is compact and clear */
  .upload-hero{
    min-height:74px!important;margin:0 0 12px!important;border-radius:17px!important;
    padding:10px!important;
  }
  .upload-hero b{font-size:18px!important;margin-bottom:3px}
  .upload-hero small{
    display:block;font-size:10px!important;line-height:1.35;padding:0 8px;
  }

  /* Grid uses screen width efficiently */
  .grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;width:100%!important;
  }
  .tile{
    min-height:142px!important;padding:9px!important;border-radius:16px!important;
    align-content:start!important;gap:6px!important;
  }
  .tile .preview{width:100%!important;height:78px!important;border-radius:13px!important}
  .tile .preview img,.tile .preview video{max-height:78px!important}
  .tile .file-symbol,.tile .icon{font-size:39px!important}
  .tile .name{
    font-size:12px!important;text-align:left!important;line-height:1.25!important;
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    white-space:normal!important;overflow:hidden!important;min-height:30px;
  }
  .tile small{font-size:11px!important;width:100%;text-align:left}
  body.tiles-small .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body.tiles-small .tile{min-height:112px!important;padding:7px!important}
  body.tiles-small .tile .preview{height:57px!important}
  body.tiles-large .grid{grid-template-columns:1fr!important}
  body.tiles-large .tile{min-height:190px!important}

  /* Trash grid/buttons mobile fit */
  .trash-toolbar{
    grid-column:1/-1!important;padding:11px!important;border-radius:15px!important;
    display:grid!important;gap:9px!important;
  }
  .trash-toolbar button{width:100%!important}
  .trash-tile-v434{padding-top:62px!important;min-height:210px!important}
  .trash-retention-badge-v434{top:7px!important;left:7px!important;right:7px!important}
  .trash-actions-v434{
    display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
  }
  .trash-actions-v434 button{width:100%!important;min-height:34px!important}

  /* Modals and media previews fill phone naturally */
  .modal{padding:8px!important;align-items:end!important}
  .modal-card{
    width:100%!important;max-width:none!important;max-height:93dvh!important;
    overflow:auto!important;border-radius:22px 22px 14px 14px!important;padding:15px!important;
  }
  .modal-card h2{font-size:19px!important;line-height:1.25;overflow-wrap:anywhere}
  .modal-card.media-modal-v423{width:100%!important}
  .video-preview-v423 video{max-height:45vh!important;border-radius:12px!important}
  .video-controls-v423{padding:9px!important;gap:8px!important}
  .media-slideshow-tools{display:grid!important;grid-template-columns:auto 1fr auto!important}
  .pdf-viewer-only-v424 iframe{height:74dvh!important}
  .context{
    left:8px!important;right:8px!important;bottom:82px!important;top:auto!important;
    width:auto!important;max-height:62dvh;overflow:auto;border-radius:18px!important;
  }

  /* Mobile upload queue never blocks full screen */
  .upload-queue-v428{
    left:8px!important;right:8px!important;bottom:82px!important;width:auto!important;
    max-height:58dvh!important;overflow:auto!important;border-radius:18px!important;
  }
  .upload-queue-v428 .upload-queue-items-v427{display:grid!important;grid-template-columns:1fr!important}
  .upload-queue-reopen-v428{right:12px!important;bottom:88px!important}

  /* Fixed bottom navigation */
  .mobile-bottom-nav-v437{
    position:fixed;display:grid;z-index:9400;left:0;right:0;bottom:0;
    grid-template-columns:repeat(5,1fr);height:70px;
    padding:7px 7px max(7px,env(safe-area-inset-bottom));
    background:rgba(7,17,31,.98);border-top:1px solid rgba(125,178,255,.18);
    backdrop-filter:blur(16px);
  }
  .mobile-bottom-nav-v437 button{
    display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;
    width:100%!important;min-height:55px!important;padding:0!important;border:0!important;
    background:transparent!important;color:#9fb2cc!important;border-radius:13px!important;
  }
  .mobile-bottom-nav-v437 button:active{background:rgba(47,109,240,.15)!important}
  .mobile-bottom-nav-v437 span{font-size:19px;line-height:1}
  .mobile-bottom-nav-v437 small{font-size:10px;font-weight:900}
  .mobile-bottom-nav-v437 .mobile-upload-main-v437{
    transform:translateY(-16px);height:64px!important;width:64px!important;margin:auto!important;
    border-radius:22px!important;color:white!important;
    background:linear-gradient(180deg,var(--brand-accent,#2f6df0),var(--brand-accent-2,#245ed6))!important;
    box-shadow:0 10px 25px rgba(30,64,175,.45);
  }
  .mobile-bottom-nav-v437 .mobile-upload-main-v437 span{font-size:28px}
}

/* Extra narrow phones */
@media(max-width:390px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stat{padding:8px 9px!important}
  .stat b{font-size:15px!important}
  .mobile-title-v437 b{max-width:135px}
  .grid{gap:7px!important}
  .tile{min-height:133px!important;padding:7px!important}
}


/* =====================================================================
   V438 - Mobile Auth Pages Redesign
   Login, Register, Forgot Password, Reset Password
   ===================================================================== */
.auth-shell{backdrop-filter:blur(10px)}
.auth-panel{min-width:0}
.auth-card{min-width:0}
.auth-card h2{overflow-wrap:anywhere}
.links a{display:block;line-height:1.45}
.recaptcha-area{overflow-x:auto}
.recaptcha-area::-webkit-scrollbar{height:6px}
.recaptcha-area::-webkit-scrollbar-thumb{background:rgba(125,178,255,.25);border-radius:999px}

@media (max-width: 900px){
  .auth-body{
    min-height:100dvh;
    display:block;
    padding:12px;
    background:
      radial-gradient(circle at 18% 10%, rgba(59,130,246,.18), transparent 32%),
      radial-gradient(circle at 86% 84%, rgba(96,165,250,.12), transparent 28%),
      #07111f;
  }
  .auth-shell{
    width:min(680px,100%);
    min-height:auto;
    margin:0 auto;
    grid-template-columns:1fr;
    border-radius:28px;
    overflow:hidden;
  }
  .auth-hero{
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:20px 18px;
    place-items:start;
    text-align:left;
    background:linear-gradient(180deg, rgba(18,34,58,.72), rgba(12,26,45,.6));
  }
  .auth-hero > div{
    width:100%;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .auth-hero .logo{
    width:68px;
    height:68px;
    border-radius:20px;
    margin:0;
    flex:0 0 auto;
  }
  .auth-hero p{
    margin:0;
    font-size:15px;
    line-height:1.45;
    color:#c7d8ef;
    font-weight:850;
  }
  .auth-panel{
    padding:20px 18px 22px;
    display:block;
  }
  .auth-card{
    max-width:none;
    width:100%;
  }
  .auth-card h2{
    font-size:clamp(28px, 9.4vw, 48px);
    margin:0 0 10px;
    line-height:1.02;
    letter-spacing:-.05em;
  }
  .auth-card .sub{
    font-size:14px;
    line-height:1.5;
    margin:0 0 18px;
  }
  .msg{margin:0 0 14px}
  .form{gap:14px}
  .field{gap:7px}
  label{
    font-size:13px;
    line-height:1.25;
  }
  input,select,textarea{
    min-height:54px;
    border-radius:15px;
    padding:0 14px;
    font-size:16px;
  }
  select{padding-right:40px}
  textarea{padding:12px 14px; min-height:110px}
  .field select + input{margin-top:8px}
  button,.btn{
    min-height:52px;
    border-radius:15px;
    font-size:16px;
  }
  .links{
    gap:8px;
    margin-top:18px;
  }
  .links a{
    padding:6px 0;
    font-size:14px;
  }
  .recaptcha-area{
    justify-content:flex-start;
    padding:8px;
    min-height:94px;
  }
  .twofactor-login-v431{
    padding:12px;
    gap:10px;
  }
  .trust-device-v431{
    align-items:flex-start;
    line-height:1.4;
  }
}

@media (max-width: 540px){
  .auth-body{padding:10px}
  .auth-shell{
    border-radius:24px;
    width:100%;
  }
  .auth-hero{
    padding:16px 15px;
  }
  .auth-hero > div{gap:12px}
  .auth-hero .logo{
    width:58px;
    height:58px;
    border-radius:17px;
  }
  .auth-hero p{
    font-size:13px;
  }
  .auth-panel{
    padding:16px 14px 18px;
  }
  .auth-card h2{
    font-size:clamp(24px, 10.5vw, 36px);
  }
  .auth-card .sub{
    font-size:13px;
    margin-bottom:16px;
  }
  .form{gap:12px}
  input,select,textarea{
    min-height:50px;
    border-radius:14px;
  }
  button,.btn{min-height:50px}
  .links a{font-size:13px}
  .recaptcha-area{
    min-height:86px;
    padding:6px;
  }
  .recaptcha-area > div{
    transform:scale(.94);
    transform-origin:left top;
  }
}

@media (max-width: 390px){
  .auth-body{padding:8px}
  .auth-shell{border-radius:20px}
  .auth-panel{padding:14px 12px 16px}
  .auth-hero{padding:14px 12px}
  .auth-hero .logo{width:52px;height:52px;border-radius:15px}
  .auth-card h2{font-size:23px}
  label{font-size:12px}
  .auth-card .sub{font-size:12px}
  input,select,textarea,button,.btn{font-size:15px}
  .recaptcha-area > div{
    transform:scale(.88);
    transform-origin:left top;
  }
}


/* V439: Mehrfachauswahl per Linksklick-Rechteck gemeinsam verschieben */
.tile.drag-source{
  opacity:.56!important;
  border-color:rgba(96,165,250,.62)!important;
  box-shadow:inset 0 0 0 2px rgba(96,165,250,.34)!important;
}
.tile.drag-move-target{
  border-color:rgba(34,197,94,.7)!important;
  background:rgba(22,101,52,.22)!important;
  transform:scale(1.015);
}
.move-drag-badge-v439{
  position:fixed;
  left:-10000px;
  top:-10000px;
  pointer-events:none;
  padding:10px 14px;
  border-radius:13px;
  border:1px solid rgba(125,178,255,.35);
  background:#10223b;
  color:#eef5ff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 15px 34px rgba(0,0,0,.42);
  white-space:nowrap;
}


/* =====================================================================
   V440 - Mobile Dateikacheln deutlich kleiner
   ===================================================================== */
@media(max-width:900px){
  .grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tile{
    min-height:116px!important;
    padding:7px!important;
    border-radius:14px!important;
    gap:5px!important;
  }
  .tile .preview{
    width:100%!important;
    height:58px!important;
    border-radius:11px!important;
  }
  .tile .preview img,
  .tile .preview video{
    max-height:58px!important;
  }
  .tile .file-symbol,
  .tile .icon{
    font-size:31px!important;
  }
  .tile .name{
    min-height:28px!important;
    font-size:11px!important;
    line-height:1.2!important;
    -webkit-line-clamp:2;
  }
  .tile small{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .fav{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    font-size:14px!important;
    top:6px!important;
    right:6px!important;
  }

  body.tiles-small .grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.tiles-small .tile{
    min-height:98px!important;
    padding:6px!important;
  }
  body.tiles-small .tile .preview{
    height:48px!important;
  }
  body.tiles-small .tile .preview img,
  body.tiles-small .tile .preview video{
    max-height:48px!important;
  }
  body.tiles-small .tile .file-symbol,
  body.tiles-small .tile .icon{
    font-size:26px!important;
  }
  body.tiles-small .tile .name{
    font-size:10px!important;
    min-height:24px!important;
  }
  body.tiles-small .tile small{
    font-size:9px!important;
  }

  body.tiles-large .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.tiles-large .tile{
    min-height:145px!important;
    padding:9px!important;
  }
  body.tiles-large .tile .preview{
    height:78px!important;
  }
  body.tiles-large .tile .preview img,
  body.tiles-large .tile .preview video{
    max-height:78px!important;
  }
  body.tiles-large .tile .file-symbol,
  body.tiles-large .tile .icon{
    font-size:38px!important;
  }
  body.tiles-large .tile .name{
    font-size:12px!important;
  }
}

@media(max-width:520px){
  .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .tile{
    min-height:108px!important;
    padding:6px!important;
  }
  .tile .preview{
    height:52px!important;
  }
  .tile .preview img,
  .tile .preview video{
    max-height:52px!important;
  }
  .tile .file-symbol,
  .tile .icon{
    font-size:28px!important;
  }
  .tile .name{
    font-size:10.5px!important;
    min-height:25px!important;
  }
  .tile small{
    font-size:9.5px!important;
  }

  body.tiles-small .grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.tiles-small .tile{
    min-height:92px!important;
  }
  body.tiles-small .tile .preview{
    height:42px!important;
  }
  body.tiles-small .tile .preview img,
  body.tiles-small .tile .preview video{
    max-height:42px!important;
  }
}

@media(max-width:390px){
  .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .tile{
    min-height:100px!important;
    padding:5px!important;
    border-radius:13px!important;
  }
  .tile .preview{
    height:46px!important;
    border-radius:10px!important;
  }
  .tile .preview img,
  .tile .preview video{
    max-height:46px!important;
  }
  .tile .file-symbol,
  .tile .icon{
    font-size:25px!important;
  }
  .tile .name{
    font-size:10px!important;
    min-height:22px!important;
  }
  .tile small{
    font-size:9px!important;
  }
  .fav{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    font-size:13px!important;
  }
}


/* =====================================================================
   V441 - Mobile Kacheln nochmals deutlich kompakter
   ===================================================================== */
@media(max-width:900px){
  .main{padding:8px 8px 16px!important}
  .grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .tile{
    min-height:92px!important;
    padding:5px!important;
    border-radius:12px!important;
    gap:4px!important;
  }
  .tile .preview{
    height:42px!important;
    border-radius:9px!important;
  }
  .tile .preview img,
  .tile .preview video{max-height:42px!important}
  .tile .file-symbol,
  .tile .icon{font-size:22px!important}
  .tile .name{
    min-height:20px!important;
    font-size:9px!important;
    line-height:1.15!important;
    margin-top:1px!important;
    -webkit-line-clamp:2!important;
  }
  .tile small{
    font-size:8px!important;
    line-height:1.05!important;
  }
  .fav{
    width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;
    top:4px!important;right:4px!important;font-size:11px!important;
  }
  body.tiles-small .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  body.tiles-small .tile{min-height:78px!important;padding:4px!important}
  body.tiles-small .tile .preview{height:32px!important}
  body.tiles-small .tile .preview img,
  body.tiles-small .tile .preview video{max-height:32px!important}
  body.tiles-small .tile .file-symbol,
  body.tiles-small .tile .icon{font-size:18px!important}
  body.tiles-small .tile .name{font-size:8px!important;min-height:17px!important}
  body.tiles-small .tile small{font-size:7px!important}
  body.tiles-large .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tiles-large .tile{min-height:120px!important;padding:7px!important}
  body.tiles-large .tile .preview{height:58px!important}
  body.tiles-large .tile .preview img,
  body.tiles-large .tile .preview video{max-height:58px!important}
  body.tiles-large .tile .file-symbol,
  body.tiles-large .tile .icon{font-size:28px!important}
  body.tiles-large .tile .name{font-size:10px!important}
  body.tiles-large .tile small{font-size:9px!important}
}

@media(max-width:520px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .tile{
    min-height:82px!important;
    padding:4px!important;
    border-radius:11px!important;
  }
  .tile .preview{
    height:36px!important;
    border-radius:8px!important;
  }
  .tile .preview img,
  .tile .preview video{max-height:36px!important}
  .tile .file-symbol,
  .tile .icon{font-size:19px!important}
  .tile .name{font-size:8px!important;min-height:18px!important}
  .tile small{font-size:7px!important}
  .fav{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;font-size:10px!important}
  body.tiles-small .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.tiles-small .tile{min-height:70px!important}
  body.tiles-small .tile .preview{height:28px!important}
  body.tiles-small .tile .preview img,
  body.tiles-small .tile .preview video{max-height:28px!important}
  body.tiles-small .tile .file-symbol,
  body.tiles-small .tile .icon{font-size:16px!important}
  body.tiles-small .tile .name{font-size:7px!important;min-height:14px!important}
  body.tiles-small .tile small{font-size:6px!important}
  body.tiles-large .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:390px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  .tile{min-height:74px!important;padding:4px!important;border-radius:10px!important}
  .tile .preview{height:30px!important;border-radius:7px!important}
  .tile .preview img,
  .tile .preview video{max-height:30px!important}
  .tile .file-symbol,
  .tile .icon{font-size:16px!important}
  .tile .name{font-size:7px!important;min-height:15px!important;line-height:1.08!important}
  .tile small{font-size:6px!important}
  .fav{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;font-size:9px!important;top:3px!important;right:3px!important}
  body.tiles-large .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* =====================================================================
   V442 - Sortierung, ZIP-Suche, Mobile Media Upload und echte Mini-Kacheln
   ===================================================================== */
.sort-type-btn-v442{width:auto!important;white-space:nowrap}
.sort-type-btn-v442.active{
  background:linear-gradient(180deg,var(--brand-accent,#2f6df0),var(--brand-accent-2,#245ed6))!important;
  border-color:rgba(96,165,250,.55)!important;color:#fff!important;
}
.mobile-media-btn-v442,.mobile-settings-btn-v442{display:none!important}

.archive-search-v442{
  display:flex;align-items:center;gap:10px;margin:13px 0;
}
.archive-search-v442 input{flex:1;min-width:0}
.archive-search-v442 small{
  flex:0 0 auto;padding:8px 10px;border-radius:10px;
  background:rgba(47,109,240,.13);border:1px solid rgba(96,165,250,.2);
  color:#cfe1ff;font-weight:850;white-space:nowrap;
}
.archive-entry-v422[hidden]{display:none!important}

.mobile-upload-picker-v442{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.mobile-upload-picker-v442 button{
  display:grid!important;justify-items:center!important;gap:8px!important;
  min-height:148px!important;padding:16px 10px!important;text-align:center!important;
  background:rgba(16,31,53,.72)!important;border:1px solid rgba(125,178,255,.2)!important;
}
.mobile-upload-picker-v442 button span{font-size:34px}
.mobile-upload-picker-v442 button b{font-size:14px;color:#eef5ff}
.mobile-upload-picker-v442 button small{font-size:11px;color:#9fb2cc;line-height:1.35}

/* Das alte per CSS gezeichnete Zahnrad war nicht anklickbar. */
@media(max-width:900px){
  .topbar .left:after{display:none!important;content:none!important}
  .mobile-settings-btn-v442{
    display:grid!important;place-items:center!important;
    width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important;
    padding:0!important;border-radius:12px!important;font-size:18px!important;
  }
  body.mobile-tools-visible-v437 .topbar .right{
    grid-template-columns:1fr 1fr!important;
  }
  body.mobile-tools-visible-v437 .sort-type-btn-v442,
  body.mobile-tools-visible-v437 .mobile-media-btn-v442{
    display:block!important;width:100%!important;min-height:43px!important;
  }

  /* Robuste Overrides: #grid stellt sicher, dass wirklich das Explorer-Raster verkleinert wird. */
  body:not(.list-mode) #grid.grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:start!important;
  }
  body:not(.list-mode) #grid.grid > .tile{
    min-height:84px!important;
    height:auto!important;
    padding:4px!important;
    border-radius:11px!important;
    gap:3px!important;
    display:grid!important;
    align-content:start!important;
    place-items:center!important;
  }
  body:not(.list-mode) #grid.grid > .tile .preview{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:8px!important;
    margin:0!important;
  }
  body:not(.list-mode) #grid.grid > .tile .preview img,
  body:not(.list-mode) #grid.grid > .tile .preview video{
    max-height:36px!important;
  }
  body:not(.list-mode) #grid.grid > .tile .file-symbol,
  body:not(.list-mode) #grid.grid > .tile .icon{
    font-size:19px!important;
  }
  body:not(.list-mode) #grid.grid > .tile .name{
    min-height:17px!important;
    font-size:8px!important;
    line-height:1.12!important;
    margin:1px 0 0!important;
    padding:0!important;
  }
  body:not(.list-mode) #grid.grid > .tile small{
    font-size:7px!important;
    line-height:1!important;
    margin:0!important;
  }
  body:not(.list-mode) #grid.grid > .tile .favorite-star{
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
    top:3px!important;right:3px!important;padding:0!important;font-size:10px!important;
  }
  body.tiles-small:not(.list-mode) #grid.grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.tiles-small:not(.list-mode) #grid.grid > .tile{
    min-height:68px!important;padding:3px!important;
  }
  body.tiles-small:not(.list-mode) #grid.grid > .tile .preview{height:27px!important;min-height:27px!important}
  body.tiles-small:not(.list-mode) #grid.grid > .tile .file-symbol{font-size:15px!important}
  body.tiles-small:not(.list-mode) #grid.grid > .tile .name{font-size:7px!important;min-height:14px!important}
  body.tiles-large:not(.list-mode) #grid.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.tiles-large:not(.list-mode) #grid.grid > .tile{min-height:116px!important;padding:7px!important}
  body.tiles-large:not(.list-mode) #grid.grid > .tile .preview{height:55px!important;min-height:55px!important}
  body.tiles-large:not(.list-mode) #grid.grid > .tile .file-symbol{font-size:28px!important}
  body.tiles-large:not(.list-mode) #grid.grid > .tile .name{font-size:10px!important;min-height:23px!important}
  #grid > .dropzone,#grid > .favorites-toolbar,#grid > .trash-toolbar{
    grid-column:1/-1!important;
  }
}
@media(max-width:360px){
  body:not(.list-mode) #grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tiles-small:not(.list-mode) #grid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobile-upload-picker-v442{grid-template-columns:1fr}
}


/* V444: Rollen/Rechte standardmäßig kompakt eingeklappt */
.role-editor-v400:not([open]){margin-top:9px!important}
.role-editor-v400:not([open]) .role-summary-v400{padding-top:13px!important;padding-bottom:13px!important}


/* V446: Sortierungs-Dropdown statt fehlerhaftem Button */
.sort-mode-v446{
  min-width:194px;
  width:auto;
  font-weight:850;
  color:#e4efff;
}
@media(max-width:900px){
  body.mobile-tools-visible-v437 .sort-mode-v446{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:43px!important;
  }
}


/* V447: Sortier-Dropdown mobil vollständig lesbar */
@media(max-width:900px){
  body.mobile-tools-visible-v437 .topbar .right{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.mobile-tools-visible-v437 .sort-mode-v446{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:13px!important;
    padding-right:40px!important;
    font-size:14px!important;
    text-overflow:clip!important;
  }
  body.mobile-tools-visible-v437 .mobile-media-btn-v442{
    grid-column:1 / -1!important;
  }
}
@media(max-width:390px){
  body.mobile-tools-visible-v437 .sort-mode-v446{
    font-size:13px!important;
  }
}


/* V448: Sortier-Dropdown auch in der normalen Browser-Ansicht vollständig lesbar */
.sort-mode-v446{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  padding-left:13px!important;
  padding-right:42px!important;
  font-size:14px!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}
@media(max-width:900px){
  body.mobile-tools-visible-v437 .sort-mode-v446{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
}
@media(min-width:901px) and (max-width:1250px){
  .topbar .right{ flex-wrap:wrap!important; }
  .sort-mode-v446{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
  }
}


/* V450: Dateiinformationen, Duplikatwarnung und Uploadbericht */
.file-info-v450{display:grid;gap:14px}
.file-info-head-v450{display:flex;align-items:center;gap:12px;padding:12px;border-radius:15px;background:rgba(15,31,52,.65);border:1px solid rgba(125,178,255,.16)}
.file-info-head-v450>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(47,109,240,.15);font-size:26px}
.file-info-head-v450 div{display:grid;gap:4px;min-width:0}
.file-info-head-v450 div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-info-head-v450 small{color:#9fb2cc;font-weight:800}
.file-info-grid-v450{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px 12px;align-items:start}
.file-info-grid-v450 label{color:#8ea9cc;font-weight:850}
.file-info-grid-v450 span{color:#e7f0ff;overflow-wrap:anywhere}
.filehash-v450{display:block;overflow:auto;padding:7px 9px;border-radius:9px;background:rgba(6,14,27,.75);color:#b9d7ff;font-size:11px}
.file-info-section-v450{display:grid;gap:7px;padding:12px;border-radius:14px;border:1px solid rgba(125,178,255,.14);background:rgba(8,18,34,.43)}
.file-info-section-v450 small{display:block;color:#b8cbe5;font-weight:740}
.duplicate-list-v450{display:grid;gap:5px;color:#fde68a}
.ok-v450{color:#86efac!important;font-weight:800}
.duplicate-warning-v450{display:grid;gap:12px}
.duplicate-warning-row-v450{display:grid;gap:5px;padding:11px;border-radius:13px;background:rgba(245,158,11,.1);border:1px solid rgba(251,191,36,.24)}
.duplicate-warning-row-v450 small{color:#fcdca6;overflow-wrap:anywhere}
.duplicate-warning-actions-v450{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.duplicate-warning-actions-v450 button{width:auto}
.upload-report-v450{display:grid;gap:9px}
.upload-report-summary-v450{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:5px}
.upload-report-summary-v450 b{padding:11px 7px;text-align:center;border-radius:12px;background:rgba(16,31,53,.7);border:1px solid rgba(125,178,255,.14);font-size:13px}
.upload-report-row-v450{display:flex;gap:11px;align-items:center;padding:10px;border-radius:13px;border:1px solid rgba(125,178,255,.14);background:rgba(8,18,34,.43)}
.upload-report-row-v450>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-weight:950}
.upload-report-row-v450.done>span{color:#86efac;background:rgba(22,101,52,.2)}
.upload-report-row-v450.skipped>span{color:#fde68a;background:rgba(245,158,11,.16)}
.upload-report-row-v450.failed>span{color:#fca5a5;background:rgba(220,38,38,.19)}
.upload-report-row-v450 div{display:grid;gap:4px;min-width:0}
.upload-report-row-v450 small{color:#aabed9}
@media(max-width:600px){
  .file-info-grid-v450{grid-template-columns:1fr;gap:4px}
  .file-info-grid-v450 span,.filehash-v450{margin-bottom:7px}
  .upload-report-summary-v450{grid-template-columns:1fr}
  .duplicate-warning-actions-v450 button{width:100%}
}


/* V451: Bildgalerie, EXIF, mobile Videoausrichtung und Schnellaktionen */
.gallery-modal-v451{width:min(1240px,97vw)!important}
.gallery-v451{display:grid;gap:12px}
.gallery-toolbar-v451{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border-radius:13px;background:rgba(8,18,34,.46);
  border:1px solid rgba(125,178,255,.14);
}
.gallery-toolbar-v451 > span{color:#b9cee9;font-weight:900}
.gallery-toolbar-v451 > div{display:flex;gap:6px;flex-wrap:wrap}
.gallery-toolbar-v451 button{width:auto!important;min-height:36px!important;padding:6px 11px!important}
.gallery-stage-v451{
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:min(68vh,720px);overflow:hidden;border-radius:18px;background:#050a12;
  border:1px solid rgba(125,178,255,.14);
}
.gallery-stage-v451 img{
  display:block;max-width:100%;max-height:min(68vh,720px);
  object-fit:contain;transition:transform .2s ease;user-select:none;-webkit-user-drag:none;
}
.gallery-arrow-v451{
  position:absolute;z-index:2;top:50%;transform:translateY(-50%);
  width:48px!important;height:62px!important;min-height:62px!important;padding:0!important;
  border-radius:15px!important;background:rgba(7,17,31,.72)!important;font-size:40px!important;
}
.gallery-arrow-v451.left{left:12px}.gallery-arrow-v451.right{right:12px}
.gallery-name-v451{display:flex;justify-content:space-between;gap:12px;align-items:center}
.gallery-name-v451 small{color:#9fb2cc;font-weight:770}
.gallery-exif-v451{
  padding:13px;border-radius:15px;background:rgba(8,18,34,.55);
  border:1px solid rgba(125,178,255,.16);
}
.gallery-exif-v451[hidden]{display:none!important}
.gallery-exif-grid-v451{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px 12px;align-items:center}
.gallery-exif-grid-v451 label{color:#91a9c9;font-weight:850}
.gallery-exif-grid-v451 span{color:#e6f0ff;overflow-wrap:anywhere}
.gallery-location-btn-v451{width:auto!important;min-height:34px!important;padding:5px 10px!important}
.gallery-privacy-v451{display:block;margin-top:11px;color:#93a9c7;font-weight:760}
.video-preview-v423 video.portrait-v451{
  aspect-ratio:9/16!important;
  width:auto!important;
  max-width:min(100%,440px)!important;
  justify-self:center!important;
  max-height:min(72vh,760px)!important;
}
.video-preview-v423 video.landscape-v451{aspect-ratio:16/9!important}
.mobile-quick-actions-v451{display:grid;gap:8px}
.mobile-quick-file-v451{
  display:flex;align-items:center;gap:11px;margin-bottom:5px;padding:12px;
  border-radius:14px;background:rgba(8,18,34,.5);border:1px solid rgba(125,178,255,.14);
}
.mobile-quick-file-v451 span{font-size:27px}
.mobile-quick-file-v451 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-quick-actions-v451 button{width:100%!important;text-align:left!important;padding-left:14px!important}
@media(max-width:720px){
  .gallery-modal-v451{border-radius:20px 20px 13px 13px!important}
  .gallery-toolbar-v451{display:grid}
  .gallery-stage-v451{min-height:48vh}
  .gallery-stage-v451 img{max-height:56vh}
  .gallery-arrow-v451{width:40px!important;height:54px!important;min-height:54px!important;font-size:34px!important}
  .gallery-arrow-v451.left{left:6px}.gallery-arrow-v451.right{right:6px}
  .gallery-name-v451{display:grid;gap:3px}
  .gallery-exif-grid-v451{grid-template-columns:1fr;gap:4px}
  .gallery-exif-grid-v451 span{margin-bottom:7px}
}


/* V452: Gezoomtes Bild mit Maus oder Finger frei verschieben */
.gallery-stage-v451{
  touch-action:pan-y;
}
.gallery-stage-v451 img{
  transform-origin:center center;
  cursor:default;
  will-change:transform;
}
.gallery-stage-v451 img.zoomed-v452{
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.gallery-stage-v451 img.zoomed-v452.dragging-v452{
  cursor:grabbing;
  transition:none!important;
}
#galleryHintV452{
  color:#9fb2cc;
  font-weight:770;
}
.gallery-stage-v451 img.zoomed-v452 + .gallery-arrow-v451{
  pointer-events:auto;
}
@media(max-width:720px){
  .gallery-stage-v451 img.zoomed-v452{
    cursor:default;
  }
}


/* V453: Gemeinsame Mediengalerie für Bilder & Videos, Scrollrad-Zoom */
.media-gallery-v453{width:min(1260px,97vw)!important}
.media-stage-v453 img,
.media-stage-v453 video{
  transform-origin:center center;
  will-change:transform;
  transition:transform .16s ease;
  object-fit:contain;
  user-select:none;
}
.media-stage-v453 video{
  display:block;
  width:100%;
  max-width:min(100%,1120px);
  max-height:min(67vh,740px);
  background:#000;
  border-radius:14px;
}
.media-stage-v453 video.portrait-v451{
  width:auto!important;
  max-width:min(100%,440px)!important;
  max-height:min(70vh,760px)!important;
}
.media-stage-v453 #galleryMediaV453.zoomed-v452{
  cursor:grab;
  touch-action:none;
}
.media-stage-v453 #galleryMediaV453.zoomed-v452.dragging-v452{
  cursor:grabbing;
  transition:none!important;
}
.gallery-video-controls-v453{
  margin-top:2px;
}
.media-gallery-body-v453 .gallery-name-v451{
  padding:2px 3px;
}
@media(max-width:720px){
  .media-stage-v453 video{
    max-height:52vh;
  }
  .gallery-video-controls-v453{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .media-stage-v453 #galleryMediaV453.zoomed-v452{
    cursor:default;
  }
}


/* V454: Zoom-Reset und sicheres Zentrieren in der Mediengalerie */
.gallery-reset-zoom-v454{
  min-width:142px!important;
  white-space:nowrap;
}
.media-stage-v453 #galleryMediaV453{
  transition:transform .18s ease;
}
.media-stage-v453 #galleryMediaV453.dragging-v452{
  transition:none!important;
}
@media(max-width:520px){
  .gallery-reset-zoom-v454{
    min-width:0!important;
    width:100%!important;
  }
}


/* ==========================================================================
   V455 - Moderne Medienvorschau
   ========================================================================== */
.media-gallery-v453.gallery-modal-v451{
  width:min(1320px,97vw)!important;
  max-height:96vh!important;
  padding:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(125,178,255,.2)!important;
  background:linear-gradient(180deg,#0e2038 0%,#091626 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.media-gallery-v453.gallery-modal-v451 > h2{
  display:none!important;
}
.media-gallery-modern-v455{
  display:grid;
  gap:0!important;
  background:transparent;
}
.gallery-header-v455{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px;
  border-bottom:1px solid rgba(125,178,255,.13);
  background:rgba(9,20,36,.88);
}
.gallery-title-v455{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.gallery-type-v455{
  display:grid;
  place-items:center;
  flex:0 0 45px;
  width:45px;
  height:45px;
  border-radius:14px;
  font-size:21px;
  background:rgba(47,109,240,.15);
  border:1px solid rgba(96,165,250,.2);
}
.gallery-title-v455 div{
  min-width:0;
  display:grid;
  gap:3px;
}
.gallery-title-v455 b{
  max-width:min(44vw,590px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:17px;
  color:#eef5ff;
}
.gallery-title-v455 small{
  color:#91a9c9;
  font-weight:800;
  font-size:12px;
}
.gallery-controls-v455{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.gallery-controls-v455 button{
  width:auto!important;
  min-height:40px!important;
  padding:7px 13px!important;
  border-radius:12px!important;
}
.gallery-controls-v455 .zoom-button-v455{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  padding:0!important;
  font-size:20px!important;
}
.gallery-controls-v455 .gallery-reset-zoom-v454{
  min-width:146px!important;
}
.media-stage-modern-v455{
  position:relative;
  min-height:min(70vh,780px)!important;
  height:min(70vh,780px);
  border:0!important;
  border-radius:0!important;
  background:#050b14!important;
  overflow:hidden!important;
  isolation:isolate;
}
.gallery-ambient-v455{
  position:absolute;
  z-index:0;
  inset:-45px;
  background-position:center;
  background-size:cover;
  filter:blur(36px) saturate(.8) brightness(.32);
  transform:scale(1.12);
  opacity:.82;
}
.gallery-video-backdrop-v455{
  position:absolute;
  z-index:0;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(47,109,240,.14),transparent 48%),
    linear-gradient(135deg,#07111e,#040a12);
}
.gallery-media-frame-v455{
  position:absolute;
  z-index:1;
  inset:14px 72px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:16px;
}
.gallery-media-frame-v455::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.media-stage-modern-v455 .gallery-media-frame-v455 img{
  max-width:100%;
  max-height:100%;
  border-radius:10px;
  object-fit:contain;
  box-shadow:0 18px 54px rgba(0,0,0,.42);
}
.media-stage-modern-v455 .gallery-media-frame-v455 video{
  max-width:100%;
  max-height:100%;
  border-radius:13px;
  box-shadow:0 18px 54px rgba(0,0,0,.52);
}
.media-stage-modern-v455 .gallery-arrow-v451{
  z-index:4;
  width:50px!important;
  height:68px!important;
  min-height:68px!important;
  border-radius:16px!important;
  background:rgba(7,17,31,.76)!important;
  border:1px solid rgba(125,178,255,.24)!important;
  color:#eef5ff!important;
  backdrop-filter:blur(10px);
  transition:background .15s ease,transform .15s ease!important;
}
.media-stage-modern-v455 .gallery-arrow-v451:hover{
  background:rgba(32,64,104,.84)!important;
  transform:translateY(-50%) scale(1.04)!important;
}
.media-stage-modern-v455 .gallery-arrow-v451.left{left:16px!important}
.media-stage-modern-v455 .gallery-arrow-v451.right{right:16px!important}
.gallery-counter-v455{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:17px;
  transform:translateX(-50%);
  padding:7px 12px;
  border-radius:999px;
  background:rgba(7,17,31,.7);
  border:1px solid rgba(125,178,255,.18);
  backdrop-filter:blur(10px);
  color:#d9e7fb;
  font-size:12px;
  font-weight:900;
}
.gallery-footer-v455{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 17px 14px;
  border-top:1px solid rgba(125,178,255,.1);
  color:#a8bedc;
  background:rgba(8,18,32,.72);
}
.gallery-footer-v455 span{
  font-weight:780;
  font-size:12px;
}
.gallery-footer-v455 small{
  padding:6px 10px;
  border-radius:999px;
  color:#bcd2ef;
  font-weight:850;
  background:rgba(47,109,240,.11);
}
.media-gallery-modern-v455 .gallery-exif-v451{
  margin:0 17px 15px;
}
.media-gallery-modern-v455 .gallery-video-controls-v453{
  margin:12px 17px 0!important;
  width:auto!important;
}
.media-gallery-modern-v455 .video-info-v423{
  margin:0 17px;
}
.media-gallery-modern-v455 #galleryMediaV453.zoomed-v452{
  position:relative;
  z-index:2;
}

@media(max-width:720px){
  .media-gallery-v453.gallery-modal-v451{
    width:100%!important;
    max-height:94dvh!important;
    border-radius:22px 22px 13px 13px!important;
  }
  .gallery-header-v455{
    display:grid;
    gap:11px;
    padding:12px;
  }
  .gallery-title-v455 b{
    max-width:calc(100vw - 86px);
    font-size:15px;
  }
  .gallery-controls-v455{
    display:grid;
    grid-template-columns:42px minmax(130px,1fr) 42px auto;
    width:100%;
  }
  .gallery-controls-v455 .gallery-reset-zoom-v454{
    min-width:0!important;
    width:100%!important;
    font-size:12px!important;
  }
  .media-stage-modern-v455{
    min-height:52dvh!important;
    height:52dvh!important;
  }
  .gallery-media-frame-v455{
    inset:8px 44px 8px 44px;
  }
  .media-stage-modern-v455 .gallery-arrow-v451{
    width:36px!important;
    height:52px!important;
    min-height:52px!important;
    font-size:31px!important;
  }
  .media-stage-modern-v455 .gallery-arrow-v451.left{left:5px!important}
  .media-stage-modern-v455 .gallery-arrow-v451.right{right:5px!important}
  .gallery-footer-v455{
    display:grid;
    gap:7px;
    padding:10px 12px;
  }
  .media-gallery-modern-v455 .gallery-exif-v451,
  .media-gallery-modern-v455 .gallery-video-controls-v453,
  .media-gallery-modern-v455 .video-info-v423{
    margin-left:12px!important;
    margin-right:12px!important;
  }
}


/* ==========================================================================
   V456 - Mehrdatei-Galerien und Download-Warteschlange
   ========================================================================== */
.multi-share-create-v456{display:grid;gap:13px}
.multi-share-selection-v456{
  display:grid;gap:6px;max-height:210px;overflow:auto;padding:10px;border-radius:14px;
  background:rgba(8,18,34,.5);border:1px solid rgba(125,178,255,.14);
}
.multi-share-selection-v456 span{padding:7px 9px;border-radius:9px;background:rgba(16,31,53,.65);font-weight:760;color:#d8e7fb}
.multi-share-create-actions-v456{display:flex;gap:9px}.multi-share-create-actions-v456 button{width:auto}
.collection-preview-v456{display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important}
.collection-preview-v456 span{font-size:34px}.collection-preview-v456 b{font-size:18px;color:#eef5ff}.collection-preview-v456 small{color:#9fb2cc!important;text-align:center!important}
.download-queue-v456{
  position:fixed;right:18px;bottom:20px;width:min(380px,calc(100vw - 20px));z-index:9300;
  padding:12px;border-radius:20px;background:#0c1b30;border:1px solid rgba(125,178,255,.22);
  box-shadow:0 18px 48px rgba(0,0,0,.48);display:grid;gap:11px;
}
.download-queue-head-v456{display:flex;justify-content:space-between;align-items:center;gap:8px}
.download-queue-head-v456 div{display:grid;gap:3px}.download-queue-head-v456 small{color:#9fb2cc;font-weight:800}
.download-queue-head-v456 button{width:40px!important;min-height:38px!important;padding:0!important}
.download-queue-list-v456{display:grid;gap:6px;max-height:290px;overflow:auto}
.download-job-v456{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;border:1px solid rgba(125,178,255,.12);background:rgba(6,14,27,.48)}
.download-job-v456>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(47,109,240,.14);font-weight:950}
.download-job-v456.done>span{color:#86efac;background:rgba(22,101,52,.2)}
.download-job-v456.cancelled>span{color:#fca5a5;background:rgba(153,27,27,.2)}
.download-job-v456 div{display:grid;gap:3px;min-width:0}.download-job-v456 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-job-v456 small{color:#9fb2cc}
.download-queue-actions-v456 button{width:100%!important}
.share-collection-v456 .v317-stage{height:auto!important;min-height:0!important;padding:0!important;background:transparent!important}
.public-gallery-v456{display:grid;gap:12px;width:100%}
.public-gallery-viewer-v456{border-radius:16px;background:rgba(4,10,18,.85);border:1px solid rgba(125,178,255,.16);padding:11px}
.public-gallery-selected-head-v456{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.public-gallery-selected-head-v456 div{display:grid;gap:3px;min-width:0}.public-gallery-selected-head-v456 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-gallery-selected-head-v456 small{color:#9fb2cc}
.public-gallery-selected-head-v456 a{width:auto!important;min-height:40px!important;padding:8px 14px!important}
.public-gallery-media-v456{display:grid;place-items:center;min-height:380px;border-radius:13px;overflow:hidden;background:#050a12}
.public-gallery-media-v456 img,.public-gallery-media-v456 video{display:block;max-width:100%;max-height:64vh;object-fit:contain}
.public-gallery-media-v456 audio{width:min(620px,94%)}
.public-gallery-media-v456 iframe{width:100%;height:min(68vh,700px);border:0}
.public-gallery-file-v456{display:grid;place-items:center;gap:10px;color:#e5efff}.public-gallery-file-v456 span{font-size:58px}
.public-gallery-strip-v456{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px}
.public-gallery-thumb-v456{
  width:100%!important;text-align:left!important;display:grid!important;gap:5px!important;min-height:86px!important;
  padding:10px!important;border-radius:12px!important;background:rgba(12,27,48,.72)!important;border:1px solid rgba(125,178,255,.15)!important;
}
.public-gallery-thumb-v456.active{border-color:rgba(96,165,250,.72)!important;background:rgba(30,64,175,.26)!important}
.public-gallery-thumb-v456 span{font-size:22px}.public-gallery-thumb-v456 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-gallery-thumb-v456 small{color:#a8bedc}
@media(max-width:720px){
 .multi-share-create-actions-v456{display:grid}.multi-share-create-actions-v456 button{width:100%!important}
 .download-queue-v456{left:8px;right:8px;bottom:82px;width:auto}
 .public-gallery-selected-head-v456{display:grid}
 .public-gallery-selected-head-v456 a{width:100%!important}
 .public-gallery-media-v456{min-height:270px}
 .public-gallery-strip-v456{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* V457: Mehrdatei-Galerien ausschließlich passwortgeschützt */
.multi-share-password-required-v457 label{
  display:flex;
  align-items:center;
  gap:8px;
}
.multi-share-password-required-v457 label span{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(37,99,235,.18);
  border:1px solid rgba(96,165,250,.3);
  color:#bfdbfe;
  font-size:11px;
  font-weight:950;
}
.multi-share-password-required-v457 small{
  display:block;
  margin-top:5px;
  color:#9fb2cc;
  font-size:12px;
  font-weight:760;
}


/* ==========================================================================
   V458 - Papierkorb-Kacheln größer und Countdown einzeilig
   ========================================================================== */
.trash-tile-v434{
  min-height:282px!important;
  padding-top:55px!important;
  gap:8px!important;
}
.trash-retention-badge-v434{
  top:10px!important;
  left:10px!important;
  right:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  height:36px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
  font-size:11px!important;
}
.trash-retention-badge-v434 span{
  display:block!important;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px!important;
  line-height:1!important;
}
.trash-tile-v434 .preview{
  min-height:86px!important;
  height:86px!important;
}
.trash-tile-v434 .file-symbol{
  font-size:48px!important;
}
.trash-tile-v434 .name{
  min-height:36px!important;
  line-height:1.25!important;
  -webkit-line-clamp:2!important;
}
.trash-actions-v434{
  gap:8px!important;
}
.trash-actions-v434 button{
  min-height:42px!important;
  padding:8px 9px!important;
  line-height:1.15!important;
  white-space:normal!important;
}

@media(max-width:900px){
  body.trash-mode #grid.grid{
    grid-template-columns:repeat(auto-fit,minmax(245px,300px))!important;
    justify-content:center!important;
    gap:12px!important;
  }
  body.trash-mode #grid.grid > .trash-toolbar-v434{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434{
    width:100%!important;
    min-height:286px!important;
    padding:56px 12px 12px!important;
    border-radius:18px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .preview{
    height:90px!important;
    min-height:90px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .name{
    font-size:13px!important;
    min-height:34px!important;
    text-align:center!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 small{
    font-size:11px!important;
    text-align:center!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;
    gap:8px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434 button{
    flex:1!important;
    width:auto!important;
    min-height:44px!important;
    font-size:12px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434{
    height:38px!important;
    min-height:38px!important;
    left:9px!important;
    right:9px!important;
    top:9px!important;
    font-size:10px!important;
    padding:6px 7px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434 span{
    font-size:10px!important;
  }
}
@media(max-width:360px){
  body.trash-mode #grid.grid{
    grid-template-columns:1fr!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434 span{
    font-size:9.5px!important;
  }
}


/* ==========================================================================
   V459 - Öffentliche Galerie-Navigation, Downloadlink-Verwaltung, Sidebar aktiv
   ========================================================================== */
.public-gallery-media-v459{
  position:relative;
  touch-action:pan-y;
}
.public-gallery-arrow-v459{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:62px!important;
  min-height:62px!important;
  padding:0!important;
  border-radius:15px!important;
  background:rgba(7,17,31,.76)!important;
  border:1px solid rgba(125,178,255,.26)!important;
  color:#f0f6ff!important;
  font-size:38px!important;
  backdrop-filter:blur(10px);
}
.public-gallery-arrow-v459.left{left:12px}
.public-gallery-arrow-v459.right{right:12px}
.public-gallery-arrow-v459:hover{background:rgba(40,74,119,.9)!important}
.public-single-download-v459{
  width:auto!important;
  min-height:40px!important;
  padding:8px 13px!important;
}
.public-gallery-hint-v459{
  display:block;
  margin-top:10px;
  text-align:center;
  color:#96adcc;
  font-weight:800;
}
.share-bulk-toolbar-v459{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:12px 14px;
  margin-bottom:3px;
  border-radius:16px;
  background:rgba(12,28,49,.76);
  border:1px solid rgba(125,178,255,.18);
}
.share-bulk-toolbar-v459 > div:first-child{display:grid;gap:4px}
.share-bulk-toolbar-v459 small{color:#93a9c7;font-weight:800}
.share-bulk-toolbar-v459 > div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.share-bulk-toolbar-v459 button{width:auto!important;min-height:40px!important;padding:8px 12px!important}
.share-selectable-v459{position:relative}
.share-select-v459{
  position:absolute;
  z-index:7;
  top:8px;
  left:8px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:rgba(7,17,31,.84);
  border:1px solid rgba(125,178,255,.25);
}
.share-select-v459 input{position:absolute;opacity:0;pointer-events:none}
.share-select-v459 span{
  display:block;
  width:16px;
  height:16px;
  border-radius:5px;
  border:2px solid rgba(191,219,254,.65);
}
.share-select-v459 input:checked + span{
  background:#2f6df0;
  border-color:#60a5fa;
  box-shadow:inset 0 0 0 3px #10213a;
}
.delete-links-confirm-v459{display:grid;gap:12px}
.delete-links-confirm-v459 > div{display:flex;gap:9px;flex-wrap:wrap}
.delete-links-confirm-v459 button{width:auto!important}

/* Blaue Hervorhebung der aktuell geöffneten Sidebar-Kategorie */
.sidebar [data-sidebar-view].sidebar-active-v459,
#orgTree [data-org].sidebar-active-v459{
  background:linear-gradient(180deg,rgba(47,109,240,.9),rgba(36,94,214,.82))!important;
  border-color:rgba(125,178,255,.55)!important;
  color:#fff!important;
  box-shadow:0 8px 19px rgba(30,64,175,.22);
}
.sidebar .share-panel .share-category.view-active > button{
  background:linear-gradient(180deg,rgba(47,109,240,.9),rgba(36,94,214,.82))!important;
  border-color:rgba(125,178,255,.55)!important;
  color:#fff!important;
  box-shadow:0 8px 19px rgba(30,64,175,.22);
}
@media(max-width:720px){
  .public-gallery-arrow-v459{
    width:38px!important;
    height:54px!important;
    min-height:54px!important;
    font-size:32px!important;
  }
  .public-gallery-arrow-v459.left{left:5px}
  .public-gallery-arrow-v459.right{right:5px}
  .share-bulk-toolbar-v459{display:grid}
  .share-bulk-toolbar-v459 > div:last-child{display:grid;grid-template-columns:1fr}
  .share-bulk-toolbar-v459 button{width:100%!important}
  .delete-links-confirm-v459 > div{display:grid}
  .delete-links-confirm-v459 button{width:100%!important}
}


/* ==========================================================================
   V460 - Textauswahl-Modals & Zoom in öffentlicher Mehrdatei-Galerie
   ========================================================================== */
.public-gallery-zoom-tools-v460{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0 0 10px;
}
.public-gallery-zoom-tools-v460 button{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:11px!important;
  background:rgba(16,31,53,.88)!important;
  border:1px solid rgba(125,178,255,.2)!important;
  color:#e8f2ff!important;
  font-size:19px!important;
}
.public-gallery-zoom-tools-v460 .reset{
  width:auto!important;
  padding:0 13px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.public-gallery-zoom-tools-v460 span{
  min-width:58px;
  text-align:center;
  color:#bcd3f0;
  font-size:12px;
  font-weight:950;
}
.public-gallery-media-v459{
  overflow:hidden!important;
  isolation:isolate;
}
.public-gallery-media-v459 #publicGalleryZoomMediaV460{
  transform-origin:center center;
  will-change:transform;
  transition:transform .17s ease;
  user-select:none;
  -webkit-user-drag:none;
}
.public-gallery-media-v459 #publicGalleryZoomMediaV460.zoomed-v460{
  cursor:grab;
  touch-action:none;
}
.public-gallery-media-v459 #publicGalleryZoomMediaV460.dragging-v460{
  cursor:grabbing;
  transition:none!important;
}
@media(max-width:720px){
  .public-gallery-zoom-tools-v460{
    flex-wrap:wrap;
  }
  .public-gallery-media-v459 #publicGalleryZoomMediaV460.zoomed-v460{
    cursor:default;
  }
}


/* ==========================================================================
   V461 - Größere Vorschau im Galerielink & Downloadaktionen unten
   ========================================================================== */
.v317-download-actions-v461{
  display:grid;
  gap:9px;
  justify-items:stretch;
}
.v317-download-actions-v461 .v317-btn{
  min-width:212px;
  text-align:center;
}
.current-download-v461[hidden]{display:none!important}

.v317-shell.collection-shell-v461{
  width:min(1460px,97vw)!important;
  min-height:min(920px,96vh)!important;
  grid-template-columns:330px minmax(0,1fr)!important;
}
.collection-shell-v461 .v317-brand{
  padding:34px!important;
}
.collection-shell-v461 .v317-content{
  padding:28px!important;
  align-items:flex-start!important;
  overflow-y:auto;
  max-height:96vh;
}
.collection-shell-v461 .v317-title{
  font-size:38px!important;
}
.collection-shell-v461 .v317-card{
  gap:16px!important;
}
.collection-shell-v461 .public-gallery-viewer-v456{
  padding:14px!important;
}
.collection-shell-v461 .public-gallery-selected-head-v456{
  margin-bottom:8px!important;
}
.collection-shell-v461 .public-gallery-media-v456{
  min-height:min(66vh,700px)!important;
  height:min(66vh,700px)!important;
}
.collection-shell-v461 .public-gallery-media-v456 img,
.collection-shell-v461 .public-gallery-media-v456 video{
  max-height:min(66vh,700px)!important;
}
.collection-shell-v461 .public-gallery-strip-v456{
  display:flex!important;
  gap:9px!important;
  overflow-x:auto!important;
  padding-bottom:4px;
}
.collection-shell-v461 .public-gallery-thumb-v456{
  flex:0 0 178px!important;
}
.collection-download-meta-v461{
  align-items:stretch!important;
  padding:17px!important;
}
.collection-download-meta-v461 > div:first-child{
  display:grid;
  align-content:center;
  gap:4px;
}
.collection-download-meta-v461 .v317-download-actions-v461{
  min-width:256px;
}
.collection-download-meta-v461 .current-download-v461{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
}
.collection-download-meta-v461 #downloadBtn{
  background:rgba(27,53,91,.7)!important;
  border:1px solid rgba(125,178,255,.28)!important;
}

@media(max-width:980px){
  .v317-shell.collection-shell-v461{
    grid-template-columns:1fr!important;
    width:min(760px,100%)!important;
    min-height:100dvh!important;
  }
  .collection-shell-v461 .v317-brand{
    display:none!important;
  }
  .collection-shell-v461 .v317-content{
    padding:12px!important;
    max-height:none!important;
  }
  .collection-shell-v461 .public-gallery-media-v456{
    height:58dvh!important;
    min-height:58dvh!important;
  }
  .collection-shell-v461 .public-gallery-media-v456 img,
  .collection-shell-v461 .public-gallery-media-v456 video{
    max-height:58dvh!important;
  }
}
@media(max-width:620px){
  .collection-shell-v461 .v317-title{
    font-size:29px!important;
  }
  .collection-shell-v461 .public-gallery-media-v456{
    height:52dvh!important;
    min-height:52dvh!important;
  }
  .collection-download-meta-v461{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .collection-download-meta-v461 .v317-download-actions-v461,
  .collection-download-meta-v461 .v317-download-actions-v461 .v317-btn{
    min-width:0!important;
    width:100%!important;
  }
}


/* ==========================================================================
   V462 - Gameserver-Bestätigung ohne zusätzlichen Schließen-Button
   ========================================================================== */
#modal.amp-confirm-modal-v462 .modal-card > button.secondary:last-child{
  display:none!important;
}
#modal.amp-confirm-modal-v462 .modal-card{
  padding-bottom:28px!important;
}
#modal.amp-confirm-modal-v462 .amp-confirm-actions-v435{
  margin-bottom:0!important;
}


/* ==========================================================================
   V463 - Vorschaulink: Bilder und Pfeile mittig ausrichten
   ========================================================================== */
.public-gallery-media-v456,
.public-gallery-media-v459{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.public-gallery-media-inner-v463{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:8px 0;
}
.public-gallery-media-inner-v463 > img,
.public-gallery-media-inner-v463 > video,
.public-gallery-media-inner-v463 > iframe,
.public-gallery-media-inner-v463 > audio,
.public-gallery-media-inner-v463 > .public-gallery-file-v456{
  margin:auto!important;
}
.public-gallery-media-inner-v463 > img,
.public-gallery-media-inner-v463 > video{
  display:block;
}
#publicGalleryZoomMediaV460{
  margin:auto!important;
}
.public-gallery-arrow-v459{
  top:50%!important;
  transform:translateY(-50%)!important;
}
.public-gallery-arrow-v459.left{
  left:14px!important;
}
.public-gallery-arrow-v459.right{
  right:14px!important;
}
.collection-shell-v461 .public-gallery-media-v456{
  padding:0 76px!important;
}
.collection-shell-v461 .public-gallery-media-inner-v463{
  min-height:100%;
}
@media(max-width:980px){
  .collection-shell-v461 .public-gallery-media-v456{
    padding:0 62px!important;
  }
}
@media(max-width:620px){
  .public-gallery-arrow-v459.left{left:8px!important}
  .public-gallery-arrow-v459.right{right:8px!important}
  .collection-shell-v461 .public-gallery-media-v456{
    padding:0 54px!important;
  }
}


/* ==========================================================================
   V464 - Galerievorschau: Medium und Navigation wirklich mittig
   ========================================================================== */
.collection-shell-v461 .public-gallery-viewer-v456{
  display:flex!important;
  flex-direction:column!important;
}
.collection-shell-v461 .public-gallery-media-v456.public-gallery-media-v459{
  position:relative!important;
  display:block!important;
  height:min(66vh,700px)!important;
  min-height:min(66vh,700px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#040a14!important;
}

/* Dieser Wrapper füllt die komplette Vorschaufläche und zentriert das Medium. */
.collection-shell-v461 .public-gallery-media-inner-v463{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:22px 76px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/* Bild/Video nicht mehr an einer Kante ausrichten, sondern immer zentral. */
.collection-shell-v461 .public-gallery-media-inner-v463 > img,
.collection-shell-v461 .public-gallery-media-inner-v463 > video,
.collection-shell-v461 #publicGalleryZoomMediaV460{
  position:relative!important;
  flex:0 1 auto!important;
  margin:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  align-self:center!important;
}

/* Audio/PDF/sonstige Medien ebenfalls mittig bzw. flächig korrekt anzeigen. */
.collection-shell-v461 .public-gallery-media-inner-v463 > audio,
.collection-shell-v461 .public-gallery-media-inner-v463 > .public-gallery-file-v456{
  margin:auto!important;
  position:relative!important;
  z-index:1!important;
}
.collection-shell-v461 .public-gallery-media-inner-v463 > iframe{
  width:100%!important;
  height:100%!important;
  margin:auto!important;
}

/* Navigation gehört zur Bühne, nicht zur Position des Bildes. */
.collection-shell-v461 .public-gallery-arrow-v459{
  position:absolute!important;
  z-index:6!important;
  top:50%!important;
  bottom:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  align-self:auto!important;
}
.collection-shell-v461 .public-gallery-arrow-v459.left{
  left:16px!important;
}
.collection-shell-v461 .public-gallery-arrow-v459.right{
  right:16px!important;
}

/* Bei Zoom bleibt die transformierte Mitte Grundlage der Bewegung. */
.collection-shell-v461 #publicGalleryZoomMediaV460{
  transform-origin:center center!important;
}

@media(max-width:980px){
  .collection-shell-v461 .public-gallery-media-v456.public-gallery-media-v459{
    height:58dvh!important;
    min-height:58dvh!important;
  }
  .collection-shell-v461 .public-gallery-media-inner-v463{
    padding:14px 56px!important;
  }
  .collection-shell-v461 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .public-gallery-arrow-v459.right{right:8px!important}
}
@media(max-width:620px){
  .collection-shell-v461 .public-gallery-media-v456.public-gallery-media-v459{
    height:52dvh!important;
    min-height:52dvh!important;
  }
  .collection-shell-v461 .public-gallery-media-inner-v463{
    padding:10px 48px!important;
  }
  .collection-shell-v461 .public-gallery-arrow-v459.left{left:5px!important}
  .collection-shell-v461 .public-gallery-arrow-v459.right{right:5px!important}
}


/* ==========================================================================
   V465 - Galerievorschau optisch mittig im sichtbaren Vorschaufenster
   ========================================================================== */
/* Die Vorschaugröße bleibt gleich. Wir verschieben nur die optische Bühne nach oben,
   damit Medium und Pfeile im sichtbaren Fenster mittig sitzen statt zu tief. */
.collection-shell-v461 .public-gallery-media-inner-v463{
  padding:0 76px 92px!important; /* weniger Raum oben, mehr unten -> optische Mitte rückt nach oben */
}

.collection-shell-v461 .public-gallery-arrow-v459{
  top:calc(50% - 46px)!important;
  transform:translateY(-50%)!important;
}

/* Zoom- und Medienzentrierung bleiben aktiv */
.collection-shell-v461 .public-gallery-media-inner-v463 > img,
.collection-shell-v461 .public-gallery-media-inner-v463 > video,
.collection-shell-v461 #publicGalleryZoomMediaV460{
  object-position:center center!important;
}

@media(max-width:980px){
  .collection-shell-v461 .public-gallery-media-inner-v463{
    padding:0 56px 74px!important;
  }
  .collection-shell-v461 .public-gallery-arrow-v459{
    top:calc(50% - 37px)!important;
  }
}
@media(max-width:620px){
  .collection-shell-v461 .public-gallery-media-inner-v463{
    padding:0 48px 58px!important;
  }
  .collection-shell-v461 .public-gallery-arrow-v459{
    top:calc(50% - 29px)!important;
  }
}


/* V466: größerer und luftigerer Papierkorb + Suchfeld als nächstes Paket */
.trash-toolbar-v466{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.trash-toolbar-main-v466{display:grid;gap:10px;min-width:min(460px,100%);flex:1}
.trash-toolbar-main-v466 b{font-size:18px}
.trash-toolbar-main-v466 small{display:block;color:#a8bfdc}
.trash-toolbar-search-v466{display:flex;max-width:420px}
.trash-toolbar-search-v466 input{
  width:100%;min-height:46px;padding:10px 14px;border-radius:14px;
  border:1px solid rgba(125,178,255,.22);background:rgba(10,22,40,.72);color:#eaf2ff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.trash-toolbar-search-v466 input::placeholder{color:#8ea3bf}
.trash-tile-v434.trash-tile-v466{
  min-height:305px!important;padding:56px 18px 18px!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;gap:10px;border-radius:24px!important;
}
.trash-tile-v466 .preview{min-height:96px;display:grid;place-items:center;margin-top:2px}
.trash-tile-v466 .preview .file-symbol{font-size:62px;line-height:1}
.trash-tile-v466 .name{font-size:15px!important;line-height:1.3!important;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}
.trash-tile-v466 .trash-size-v466{display:block;font-size:22px;font-weight:900;color:#fff;text-align:center;margin:2px 0 4px}
.trash-retention-badge-v434{padding:9px 12px!important;font-size:12px!important;border-radius:12px!important;line-height:1.2!important}
.trash-actions-v434{margin-top:auto!important;gap:10px!important}
.trash-actions-v434 button{min-height:46px!important;padding:10px 10px!important;font-size:13px!important;font-weight:900!important;border-radius:14px!important}
@media(max-width:900px){
  .trash-toolbar-v466{align-items:stretch}
  .trash-toolbar-main-v466{min-width:100%}
  .trash-toolbar-v466 > .danger{width:100%}
}
@media(max-width:620px){
  .trash-tile-v434.trash-tile-v466{min-height:330px!important;padding:58px 16px 16px!important}
  .trash-actions-v434{flex-direction:column!important}
  .trash-actions-v434 button{width:100%}
}


/* V467: Vorschaulink-Bühne sichtbar mittig - Medium im oberen Zentrum, Pfeile ebenfalls */
.collection-shell-v461{
  --gallery-stage-y-shift-v467: -68px;
}
.collection-shell-v461 .public-gallery-media-v456.public-gallery-media-v459{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
}
.collection-shell-v461 .public-gallery-media-inner-v463{
  position:absolute!important;
  inset:0!important;
  padding:0 78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateY(var(--gallery-stage-y-shift-v467))!important;
  transform-origin:center center!important;
}
.collection-shell-v461 .public-gallery-media-inner-v463 > img,
.collection-shell-v461 .public-gallery-media-inner-v463 > video,
.collection-shell-v461 .public-gallery-media-inner-v463 > iframe,
.collection-shell-v461 .public-gallery-media-inner-v463 > audio,
.collection-shell-v461 .public-gallery-media-inner-v463 > .public-gallery-file-v456,
.collection-shell-v461 #publicGalleryZoomMediaV460{
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .public-gallery-arrow-v459{
  top:calc(50% + var(--gallery-stage-y-shift-v467))!important;
  transform:translateY(-50%)!important;
}
.collection-shell-v461 .public-gallery-arrow-v459.left{left:16px!important}
.collection-shell-v461 .public-gallery-arrow-v459.right{right:16px!important}

@media(max-width:980px){
  .collection-shell-v461{ --gallery-stage-y-shift-v467: -52px; }
  .collection-shell-v461 .public-gallery-media-inner-v463{ padding:0 58px!important; }
  .collection-shell-v461 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .public-gallery-arrow-v459.right{right:8px!important}
}
@media(max-width:620px){
  .collection-shell-v461{ --gallery-stage-y-shift-v467: -38px; }
  .collection-shell-v461 .public-gallery-media-inner-v463{ padding:0 48px!important; }
  .collection-shell-v461 .public-gallery-arrow-v459.left{left:6px!important}
  .collection-shell-v461 .public-gallery-arrow-v459.right{right:6px!important}
}


/* ==========================================================================
   V468 - Vorschaulink: Medienbühne strukturell neu und exakt zentriert
   ========================================================================== */
/* Diese neue Klasse überschreibt die früheren optischen Versatz-Experimente.
   Es gibt keine absichtliche Verschiebung nach oben oder unten mehr. */
.collection-shell-v461 .public-gallery-stage-v468{
  position:relative!important;
  display:block!important;
  height:min(66vh,700px)!important;
  min-height:min(66vh,700px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#040a14!important;
  transform:none!important;
}
.collection-shell-v461 .public-gallery-media-center-v468{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 84px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > img,
.collection-shell-v461 .public-gallery-media-center-v468 > video,
.collection-shell-v461 .public-gallery-media-center-v468 > audio,
.collection-shell-v461 .public-gallery-media-center-v468 > .public-gallery-file-v456,
.collection-shell-v461 .public-gallery-media-center-v468 > #publicGalleryZoomMediaV460{
  display:block!important;
  flex:0 1 auto!important;
  margin:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  align-self:center!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > iframe{
  display:block!important;
  margin:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > #publicGalleryZoomMediaV460{
  transform-origin:center center!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:17px!important}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:17px!important}
@media(max-width:980px){
  .collection-shell-v461 .public-gallery-stage-v468{
    height:58dvh!important;
    min-height:58dvh!important;
  }
  .collection-shell-v461 .public-gallery-media-center-v468{padding:15px 58px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:8px!important}
}
@media(max-width:620px){
  .collection-shell-v461 .public-gallery-stage-v468{
    height:52dvh!important;
    min-height:52dvh!important;
  }
  .collection-shell-v461 .public-gallery-media-center-v468{padding:10px 48px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:5px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:5px!important}
}

/* V468 - Die blaue Sidebar-Markierung folgt nur dem tatsächlich geöffneten Bereich. */


/* ==========================================================================
   V469 - Admin-Dashboard, Speicherwarnung und Aufgabenliste
   ========================================================================== */
.dashboard-page-v469{display:none}
.dashboard-page-v469.active{display:block}
.dashboard-stats-v469{margin-bottom:16px}
.dashboard-grid-v469{
  display:grid;
  grid-template-columns:minmax(340px,.88fr) minmax(380px,1.12fr);
  gap:16px;
  align-items:start;
}
.disk-card-v469,.tasks-card-v469{padding:18px!important;border-radius:20px!important}
.dashboard-card-head-v469{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;
}
.dashboard-card-head-v469 h3{margin:0 0 5px}
.dashboard-badge-v469{
  padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;
  color:#bfdbfe;background:rgba(37,99,235,.16);border:1px solid rgba(96,165,250,.28);
  white-space:nowrap;
}
.dashboard-badge-v469.ok{color:#86efac;background:rgba(22,101,52,.18);border-color:rgba(74,222,128,.28)}
.dashboard-badge-v469.warning{color:#fde68a;background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.3)}
.dashboard-badge-v469.danger{color:#fca5a5;background:rgba(220,38,38,.15);border-color:rgba(248,113,113,.34)}
.disk-meter-v469{
  height:12px;border-radius:999px;background:rgba(125,178,255,.12);overflow:hidden;margin:4px 0 13px;
}
.disk-meter-v469 i{
  display:block;height:100%;width:0;border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .3s ease;
}
.disk-meter-v469 i.warning{background:linear-gradient(90deg,#d97706,#fbbf24)}
.disk-meter-v469 i.danger{background:linear-gradient(90deg,#dc2626,#fb7185)}
.disk-values-v469{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}
.disk-values-v469 b{font-size:19px}.disk-values-v469 span{color:#9fb2cc;font-weight:800}
.disk-setting-v469{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;
  border-top:1px solid rgba(125,178,255,.13);
}
.disk-setting-v469 label{display:flex;align-items:center;gap:8px;font-weight:850;color:#cfe0f7}
.disk-setting-v469 input{width:74px!important;min-height:42px!important;text-align:center}
.disk-setting-v469 button{width:auto!important;min-height:42px!important;padding:8px 13px!important}
.dashboard-tasks-v469{display:grid;gap:9px}
.dashboard-task-v469{
  display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;
  background:rgba(8,18,34,.46);border:1px solid rgba(125,178,255,.13);
}
.dashboard-task-v469 > span{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:12px;background:rgba(47,109,240,.15);font-weight:950;
}
.dashboard-task-v469 div{display:grid;gap:4px}.dashboard-task-v469 small{color:#a4bad7;font-weight:760}
.dashboard-task-v469.ok > span{background:rgba(22,101,52,.2);color:#86efac}
.dashboard-task-v469.warning > span{background:rgba(245,158,11,.15);color:#fde68a}
.dashboard-task-v469.danger > span{background:rgba(220,38,38,.18);color:#fca5a5}
@media(max-width:980px){
  .dashboard-grid-v469{grid-template-columns:1fr}
}
@media(max-width:560px){
  .disk-values-v469,.disk-setting-v469{display:grid}
  .disk-setting-v469 button{width:100%!important}
}


/* V470: Ruhiger Ladezustand beim Sidebar-/Kategorie-Wechsel */
.view-loading-v470{
  grid-column:1/-1;width:100%;display:grid;gap:18px;padding:18px;border-radius:20px;
  background:rgba(10,23,42,.46);border:1px solid rgba(125,178,255,.13);
}
.view-loading-head-v470{display:flex;align-items:center;gap:12px}
.view-loading-head-v470 div{display:grid;gap:4px}.view-loading-head-v470 small{color:#98afcb;font-weight:780}
.view-spinner-v470{width:32px;height:32px;border-radius:50%;border:3px solid rgba(96,165,250,.18);border-top-color:#60a5fa;animation:viewSpinV470 .72s linear infinite}
.view-skeleton-grid-v470{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px}
.view-skeleton-grid-v470 i{display:block;height:180px;border-radius:17px;background:linear-gradient(100deg,rgba(18,34,57,.62),rgba(40,62,91,.54),rgba(18,34,57,.62));background-size:210% 100%;animation:viewPulseV470 1.15s ease-in-out infinite}
@keyframes viewSpinV470{to{transform:rotate(360deg)}}
@keyframes viewPulseV470{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:620px){.view-loading-v470{padding:12px}.view-skeleton-grid-v470{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.view-skeleton-grid-v470 i{height:126px}}


/* V471: Changelog & sicherer Konfigurationsexport */
.changelog-grid-v471{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(420px,1.22fr);gap:16px;align-items:start}
.export-card-v471,.changelog-card-v471{padding:19px!important;border-radius:20px!important}
.export-icon-v471{display:grid;place-items:center;width:54px;height:54px;margin-bottom:13px;border-radius:16px;background:rgba(47,109,240,.15);border:1px solid rgba(96,165,250,.2);font-size:26px}
.export-card-v471 h3{margin:0 0 8px}
.export-safe-v471{display:grid;gap:4px;margin:17px 0;padding:12px;border-radius:14px;background:rgba(22,101,52,.14);border:1px solid rgba(74,222,128,.22)}
.export-safe-v471 b{color:#a7f3d0}.export-safe-v471 small{color:#afc7df;font-weight:760}
.export-card-v471 button{width:100%!important;min-height:47px!important}
.changelog-head-v471{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.changelog-head-v471 h3{margin:0}
.changelog-list-v471{display:grid;gap:10px}
.changelog-entry-v471{padding:12px;border-radius:14px;background:rgba(8,18,34,.46);border:1px solid rgba(125,178,255,.14)}
.changelog-entry-v471>div{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.changelog-entry-v471>div b{padding:5px 8px;border-radius:999px;color:#bfdbfe;background:rgba(37,99,235,.18);font-size:12px}
.changelog-entry-v471 strong{font-size:14px}
.changelog-entry-v471 ul{margin:0;padding-left:20px;display:grid;gap:5px;color:#adc2de;font-weight:760;font-size:13px}
@media(max-width:980px){.changelog-grid-v471{grid-template-columns:1fr}}


/* V472: Vorschaulink - Medien und Pfeile in sichtbare Fokuszone höher zentrieren */
.collection-shell-v461{
  --public-gallery-focus-shift-v472: 14%;
}
.collection-shell-v461 .public-gallery-stage-v468{
  position:relative!important;
  overflow:hidden!important;
}
.collection-shell-v461 .public-gallery-media-center-v468{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 84px 22px!important;
  box-sizing:border-box!important;
  transform:translateY(calc(var(--public-gallery-focus-shift-v472) * -1))!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > img,
.collection-shell-v461 .public-gallery-media-center-v468 > video,
.collection-shell-v461 .public-gallery-media-center-v468 > audio,
.collection-shell-v461 .public-gallery-media-center-v468 > .public-gallery-file-v456,
.collection-shell-v461 .public-gallery-media-center-v468 > iframe,
.collection-shell-v461 .public-gallery-media-center-v468 > #publicGalleryZoomMediaV460{
  margin:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459{
  top:calc(50% - var(--public-gallery-focus-shift-v472))!important;
  transform:translateY(-50%)!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:16px!important}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:16px!important}
@media(max-width:980px){
  .collection-shell-v461{ --public-gallery-focus-shift-v472: 11%; }
  .collection-shell-v461 .public-gallery-media-center-v468{ padding:14px 58px 14px!important; }
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:8px!important}
}
@media(max-width:620px){
  .collection-shell-v461{ --public-gallery-focus-shift-v472: 8%; }
  .collection-shell-v461 .public-gallery-media-center-v468{ padding:10px 48px 10px!important; }
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:5px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:5px!important}
}


/* V473 - Backup-Aufbewahrungsregeln */
.backup-retention-v473{margin-top:16px!important;margin-bottom:16px!important;padding:18px!important;border-radius:20px!important}
.backup-retention-head-v473{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.backup-retention-head-v473 h3{margin:0 0 5px}
.backup-retention-fields-v473{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-bottom:15px}
.backup-retention-fields-v473 input{min-height:46px}
.backup-retention-summary-v473{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.backup-retention-summary-v473 div{padding:12px;border-radius:14px;background:rgba(8,18,34,.48);border:1px solid rgba(125,178,255,.14);display:grid;gap:3px}
.backup-retention-summary-v473 b{font-size:22px;color:#eef5ff}.backup-retention-summary-v473 small{color:#9fb2cc;font-weight:800}
.backup-retention-summary-v473 .warning{border-color:rgba(251,191,36,.3);background:rgba(245,158,11,.09)}
.backup-retention-summary-v473 .warning b{color:#fde68a}
.backup-retention-actions-v473{display:flex;gap:9px;margin-top:15px}.backup-retention-actions-v473 button{width:auto!important}
@media(max-width:760px){.backup-retention-head-v473{display:grid}.backup-retention-fields-v473,.backup-retention-summary-v473{grid-template-columns:1fr}.backup-retention-actions-v473{display:grid}.backup-retention-actions-v473 button{width:100%!important}}


/* ========================================================================== 
   V474 - Öffentliche Galerie wirklich mittig und flächig darstellen
   Kleine Bilder/Videos füllen die Bühne wieder sichtbar aus.
   ========================================================================== */
.collection-shell-v461 .public-gallery-stage-v468{
  position:relative!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  grid-template-rows:minmax(360px, 1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  min-height:clamp(360px, 68vh, 720px)!important;
  height:clamp(360px, 68vh, 720px)!important;
  overflow:hidden!important;
}
.collection-shell-v461 .public-gallery-media-center-v468{
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > img,
.collection-shell-v461 .public-gallery-media-center-v468 > video,
.collection-shell-v461 .public-gallery-media-center-v468 > #publicGalleryZoomMediaV460{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > audio,
.collection-shell-v461 .public-gallery-media-center-v468 > .public-gallery-file-v456,
.collection-shell-v461 .public-gallery-media-center-v468 > iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
  align-self:center!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:16px!important}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:16px!important}
@media (max-width: 980px){
  .collection-shell-v461 .public-gallery-stage-v468{
    grid-template-columns:52px minmax(0,1fr) 52px!important;
    min-height:clamp(280px, 58vh, 560px)!important;
    height:clamp(280px, 58vh, 560px)!important;
  }
  .collection-shell-v461 .public-gallery-media-center-v468{ padding:14px 4px!important; }
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459.right{right:8px!important}
}


/* V475 Rollen-Vorlagen */
.role-template-card-v475{margin-bottom:18px}
.role-template-grid-v475{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.role-template-grid-v475 .secondary{min-height:44px;font-weight:700}


/* ========================================================================== 
   V476 - Öffentliche Galerie optisch wirklich mittig
   Die Medienbühne wird bewusst etwas nach oben in die sichtbare Mitte gesetzt,
   damit Bildinhalt und Pfeile nicht mehr zu tief wirken.
   ========================================================================== */
.collection-shell-v461 .public-gallery-stage-v468{
  min-height:clamp(360px, 64vh, 680px)!important;
  height:clamp(360px, 64vh, 680px)!important;
}
.collection-shell-v461 .public-gallery-media-center-v468{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  justify-items:center!important;
  padding:10px 6px!important;
  transform:translateY(-8%)!important;
}
.collection-shell-v461 .public-gallery-media-center-v468 > img,
.collection-shell-v461 .public-gallery-media-center-v468 > video,
.collection-shell-v461 .public-gallery-media-center-v468 > #publicGalleryZoomMediaV460{
  width:auto!important;
  height:auto!important;
  max-width:95%!important;
  max-height:82%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459{
  top:44%!important;
  transform:translateY(-50%)!important;
}
@media (max-width: 980px){
  .collection-shell-v461 .public-gallery-media-center-v468{ transform:translateY(-6%)!important; }
  .collection-shell-v461 .public-gallery-stage-v468 .public-gallery-arrow-v459{ top:45%!important; }
}


/* ========================================================================== 
   V477 - Öffentliche Galerie wie Dateiexplorer, nur eingebettet
   ========================================================================== */
.collection-shell-v461 .v317-preview.share-collection-v456{
  padding:20px!important;
  display:grid!important;
  gap:18px!important;
}
.embedded-explorer-preview-v477{
  display:grid;
  gap:14px;
}
.embedded-preview-head-v477{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border:1px solid rgba(125,178,255,.15);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(7,22,45,.92), rgba(7,18,34,.86));
}
.embedded-preview-head-v477 b{font-size:18px;font-weight:900;color:#f4f8ff}
.embedded-preview-head-v477 small{display:block;margin-top:4px;color:#9fb2cc}
.embedded-viewer-v477{
  display:grid;
  gap:12px;
}
.embedded-selected-head-v477{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:0 4px;
}
.embedded-selected-head-v477 b{display:block;font-size:18px;font-weight:900;color:#f4f8ff}
.embedded-selected-head-v477 small{display:block;margin-top:4px;color:#9fb2cc;font-weight:700}
.embedded-toolbar-v477{
  display:flex;
  justify-content:center;
  align-items:center;
}
.embedded-toolbar-v477 .public-gallery-zoom-tools-v460{
  margin:0!important;
}
.collection-shell-v461 .embedded-stage-v477{
  position:relative!important;
  min-height:clamp(420px, 66vh, 760px)!important;
  height:clamp(420px, 66vh, 760px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 35%, rgba(18,46,87,.26), rgba(5,13,27,.92) 68%);
  border:1px solid rgba(125,178,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.collection-shell-v461 .embedded-center-v477{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px 84px!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.collection-shell-v461 .embedded-center-v477 > img,
.collection-shell-v461 .embedded-center-v477 > video,
.collection-shell-v461 .embedded-center-v477 > #publicGalleryZoomMediaV460,
.collection-shell-v461 .embedded-center-v477 > audio,
.collection-shell-v461 .embedded-center-v477 > iframe,
.collection-shell-v461 .embedded-center-v477 > .public-gallery-file-v456{
  display:block!important;
  margin:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .embedded-center-v477 > iframe,
.collection-shell-v461 .embedded-center-v477 > .public-gallery-file-v456{width:100%!important;height:100%!important}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{left:18px!important}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{right:18px!important}
.embedded-hint-v477{
  display:block;
  text-align:center;
  color:#95a8c6!important;
  padding:2px 6px 0;
}
.embedded-strip-v477{
  margin-top:2px!important;
  padding:8px!important;
  border-radius:18px!important;
  background:rgba(5,16,31,.58)!important;
  border:1px solid rgba(125,178,255,.12)!important;
  max-height:180px;
}
@media (max-width: 980px){
  .collection-shell-v461 .embedded-stage-v477{
    min-height:clamp(300px, 54vh, 520px)!important;
    height:clamp(300px, 54vh, 520px)!important;
  }
  .collection-shell-v461 .embedded-center-v477{padding:18px 56px!important}
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{left:10px!important}
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{right:10px!important}
}


/* ========================================================================== 
   V478 - Öffentliche Galerie weniger gequetscht, Seite nicht größer
   Nutzt die gleiche Gesamtfläche, verteilt sie aber logischer.
   ========================================================================== */
.collection-shell-v461 .v317-content{
  padding:20px!important;
}
.collection-shell-v461 .v317-card{
  gap:10px!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456{
  grid-template-columns:minmax(0,1fr) 280px!important;
  grid-template-areas:
    'stage stage'
    'meta qr'!important;
  gap:12px!important;
  padding:14px!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #previewStage{
  grid-area:stage;
}
.collection-shell-v461 .v317-preview.share-collection-v456 .v317-file-meta{
  grid-area:meta;
  padding:14px 16px!important;
  min-height:0!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #shareQrPanelV426{
  grid-area:qr;
  margin-top:0!important;
  padding:12px!important;
  min-height:0!important;
  align-items:center!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #zipList{grid-column:1/-1}
.collection-shell-v461 .embedded-preview-head-v477{
  display:none!important;
}
.collection-shell-v461 .embedded-viewer-v477{
  gap:8px!important;
}
.collection-shell-v461 .embedded-selected-head-v477{
  padding:0 2px!important;
}
.collection-shell-v461 .embedded-selected-head-v477 b{font-size:17px!important}
.collection-shell-v461 .embedded-selected-head-v477 small{font-size:12px!important;margin-top:2px!important}
.collection-shell-v461 .embedded-toolbar-v477{
  margin-top:-2px!important;
}
.collection-shell-v461 .embedded-toolbar-v477 .public-gallery-zoom-tools-v460{
  gap:8px!important;
}
.collection-shell-v461 .embedded-toolbar-v477 .public-gallery-zoom-tools-v460 button{
  min-height:38px!important;
  padding:8px 12px!important;
}
.collection-shell-v461 .embedded-stage-v477{
  min-height:clamp(390px, 58vh, 620px)!important;
  height:clamp(390px, 58vh, 620px)!important;
}
.collection-shell-v461 .embedded-center-v477{
  padding:18px 70px!important;
}
.collection-shell-v461 .embedded-strip-v477{
  max-height:120px!important;
  padding:6px!important;
}
.collection-shell-v461 .public-gallery-thumb-v456{
  min-height:70px!important;
  padding:8px!important;
}
.collection-shell-v461 .public-gallery-thumb-v456 span{font-size:18px!important}
.collection-shell-v461 .public-gallery-thumb-v456 small{font-size:11px!important}
.collection-shell-v461 .v317-file-meta{
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:start!important;
}
.collection-shell-v461 .v317-download-actions-v461{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.collection-shell-v461 .v317-download-actions-v461 .v317-btn{
  min-width:0!important;
  width:100%!important;
  min-height:42px!important;
}
.collection-shell-v461 .share-qr-panel-v426{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  justify-items:start!important;
  text-align:left!important;
}
.collection-shell-v461 .share-qr-panel-v426 img{
  width:100px!important;
  height:100px!important;
}
@media (max-width: 1100px){
  .collection-shell-v461 .v317-preview.share-collection-v456{
    grid-template-columns:1fr!important;
    grid-template-areas:
      'stage'
      'meta'
      'qr'!important;
  }
}
@media (max-width: 980px){
  .collection-shell-v461 .v317-content{padding:14px!important}
  .collection-shell-v461 .v317-preview.share-collection-v456{padding:12px!important;gap:10px!important}
  .collection-shell-v461 .embedded-stage-v477{
    min-height:clamp(290px, 50vh, 460px)!important;
    height:clamp(290px, 50vh, 460px)!important;
  }
  .collection-shell-v461 .embedded-center-v477{padding:14px 50px!important}
  .collection-shell-v461 .share-qr-panel-v426{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}
}


/* ==========================================================================
   V479 - Passwortspeicherung ausschließlich im Loginbereich
   ========================================================================== */
/*
  Außerhalb /login werden Zugriffscodes nicht als Browser-Passwortfelder
  ausgeliefert. Sie bleiben visuell verdeckt, lösen aber deutlich seltener
  Speichern-/Autofill-Rückfragen des Browsers aus.
*/
.v479-secure-nostore{
  -webkit-text-security:disc;
  font-family:inherit;
  letter-spacing:.08em;
}
.v479-secure-nostore::placeholder{
  -webkit-text-security:none;
  letter-spacing:normal;
}


/* ==========================================================================
   V480 - Linkvorschau Layout-Reparatur
   ========================================================================== */

/* Gesamtseite bleibt gleich groß, nur die innere Galerie wird bereinigt. */
.v317-shell.collection-shell-v461{
  width:min(1460px,97vw)!important;
  grid-template-columns:300px minmax(0,1fr)!important;
}
.collection-shell-v461 .v317-content{
  padding:22px!important;
}
.collection-shell-v461 .v317-card{
  gap:12px!important;
}

/* Galerieinhalte wieder klar untereinander: Bühne, Downloadleiste, QR-Leiste. */
.collection-shell-v461 .v317-preview.share-collection-v456{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:
    "stage"
    "meta"
    "qr"!important;
  gap:12px!important;
  padding:12px!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #previewStage{
  grid-area:stage!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 .v317-file-meta{
  grid-area:meta!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #shareQrPanelV426{
  grid-area:qr!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456 #zipList{
  grid-column:1/-1!important;
}

/* Der zusätzliche Kopf aus V477 nimmt nur Platz weg. */
.collection-shell-v461 .embedded-preview-head-v477{
  display:none!important;
}
.collection-shell-v461 .embedded-explorer-preview-v477{
  gap:10px!important;
}
.collection-shell-v461 .embedded-viewer-v477{
  gap:9px!important;
}
.collection-shell-v461 .embedded-selected-head-v477{
  padding:2px 4px 0!important;
}
.collection-shell-v461 .embedded-selected-head-v477 b{
  font-size:17px!important;
}
.collection-shell-v461 .embedded-selected-head-v477 small{
  margin-top:3px!important;
  font-size:12px!important;
}

/* Toolbar bleibt kompakt oberhalb der Vorschau. */
.collection-shell-v461 .embedded-toolbar-v477{
  display:flex!important;
  justify-content:center!important;
  margin:0!important;
}
.collection-shell-v461 .embedded-toolbar-v477 .public-gallery-zoom-tools-v460{
  margin:0!important;
  gap:8px!important;
}

/* Vorschaufläche: groß genug, aber nicht unnötig riesig. */
.collection-shell-v461 .embedded-stage-v477{
  position:relative!important;
  display:block!important;
  min-height:clamp(360px,55vh,590px)!important;
  height:clamp(360px,55vh,590px)!important;
  padding:0!important;
  border-radius:20px!important;
  background:#050c18!important;
  overflow:hidden!important;
}

/* Das eigentliche Medium füllt die Bühne; kleine Screenshots bleiben nicht winzig. */
.collection-shell-v461 .embedded-center-v477{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px 70px!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.collection-shell-v461 .embedded-center-v477 > img,
.collection-shell-v461 .embedded-center-v477 > video,
.collection-shell-v461 .embedded-center-v477 > #publicGalleryZoomMediaV460{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v461 .embedded-center-v477 > audio{
  width:min(620px,94%)!important;
  height:auto!important;
  margin:auto!important;
}
.collection-shell-v461 .embedded-center-v477 > iframe{
  width:100%!important;
  height:100%!important;
  margin:auto!important;
}
.collection-shell-v461 .embedded-center-v477 > .public-gallery-file-v456{
  width:auto!important;
  height:auto!important;
  margin:auto!important;
}

/* Pfeile wirklich an die Mitte der sichtbaren Medienbühne koppeln. */
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  z-index:8!important;
}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{
  left:14px!important;
}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{
  right:14px!important;
}

/* Miniaturen kompakt unter der Bühne. */
.collection-shell-v461 .embedded-strip-v477{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  max-height:104px!important;
  padding:7px!important;
  border-radius:14px!important;
}
.collection-shell-v461 .public-gallery-thumb-v456{
  flex:0 0 155px!important;
  min-height:70px!important;
  padding:8px!important;
}

/* Dateiinfos + Aktionen wieder als normale breite Leiste. */
.collection-shell-v461 .collection-download-meta-v461{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:0!important;
  padding:14px 16px!important;
}
.collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461 .v317-btn{
  width:auto!important;
  min-width:205px!important;
  min-height:46px!important;
}

/* QR-Code wieder als ruhige volle Leiste statt schmal gequetschter Karte. */
.collection-shell-v461 .share-qr-panel-v426{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  margin-top:0!important;
  padding:13px 16px!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
.collection-shell-v461 .share-qr-panel-v426 img{
  width:106px!important;
  height:106px!important;
  flex:0 0 106px!important;
}

/* Desktop mit weniger Breite: Downloadbuttons untereinander, QR bleibt ordentlich. */
@media(max-width:1200px){
  .collection-shell-v461 .collection-download-meta-v461{
    grid-template-columns:1fr!important;
  }
  .collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461 .v317-btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* Mobil bleibt die Seite logisch einspaltig. */
@media(max-width:980px){
  .v317-shell.collection-shell-v461{
    grid-template-columns:1fr!important;
  }
  .collection-shell-v461 .v317-content{
    padding:12px!important;
  }
  .collection-shell-v461 .embedded-stage-v477{
    min-height:clamp(270px,48vh,450px)!important;
    height:clamp(270px,48vh,450px)!important;
  }
  .collection-shell-v461 .embedded-center-v477{
    padding:12px 50px!important;
  }
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{
    left:7px!important;
  }
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{
    right:7px!important;
  }
  .collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461{
    grid-template-columns:1fr!important;
  }
  .collection-shell-v461 .share-qr-panel-v426{
    display:grid!important;
    justify-items:center!important;
    text-align:center!important;
  }
}


/* ==========================================================================
   V481 - Browser-Passwortspeicherung in Admin-Sicherheitsbereichen
   ========================================================================== */
.v481-browser-username-helper{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* ========================================================================== 
   V482 - Freigabelink-Vorschau kompakter und sauber eingepasst
   ========================================================================== */
.v317-shell.collection-shell-v461{
  width:min(1420px, 96vw)!important;
}
.collection-shell-v461 .v317-content{
  padding:18px!important;
}
.collection-shell-v461 .v317-preview.share-collection-v456{
  gap:10px!important;
  padding:10px!important;
}
.collection-shell-v461 .embedded-selected-head-v477{
  padding:0 2px!important;
}
.collection-shell-v461 .embedded-stage-v477{
  min-height:clamp(280px, 42vh, 420px)!important;
  height:clamp(280px, 42vh, 420px)!important;
  border-radius:18px!important;
}
.collection-shell-v461 .embedded-center-v477{
  display:grid!important;
  place-items:center!important;
  padding:18px 64px!important;
}
.collection-shell-v461 .embedded-center-v477 > img,
.collection-shell-v461 .embedded-center-v477 > video,
.collection-shell-v461 .embedded-center-v477 > #publicGalleryZoomMediaV460,
.collection-shell-v461 .embedded-center-v477 > iframe,
.collection-shell-v461 .embedded-center-v477 > .public-gallery-file-v456{
  width:auto!important;
  height:auto!important;
  max-width:calc(100% - 10px)!important;
  max-height:calc(100% - 10px)!important;
  object-fit:contain!important;
}
.collection-shell-v461 .embedded-center-v477 > audio{
  width:min(560px, 92%)!important;
}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:48px!important;
  height:48px!important;
}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{left:12px!important}
.collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{right:12px!important}
.collection-shell-v461 .embedded-strip-v477{
  max-height:96px!important;
  padding:6px!important;
}
.collection-shell-v461 .public-gallery-thumb-v456{
  flex:0 0 140px!important;
  min-height:64px!important;
  padding:7px!important;
}
.collection-shell-v461 .collection-download-meta-v461{
  grid-template-columns:minmax(160px,1fr) auto!important;
  gap:12px!important;
  padding:12px 14px!important;
}
.collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461{
  gap:8px!important;
}
.collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461 .v317-btn{
  min-width:180px!important;
  min-height:42px!important;
}
.collection-shell-v461 .share-qr-panel-v426{
  padding:12px 14px!important;
}
.collection-shell-v461 .share-qr-panel-v426 img{
  width:94px!important;
  height:94px!important;
}
@media (max-width: 1100px){
  .collection-shell-v461 .collection-download-meta-v461{
    grid-template-columns:1fr!important;
  }
  .collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .collection-shell-v461 .collection-download-meta-v461 .v317-download-actions-v461 .v317-btn{
    width:100%!important;
    min-width:0!important;
  }
}
@media (max-width: 980px){
  .collection-shell-v461 .v317-content{padding:12px!important}
  .collection-shell-v461 .embedded-stage-v477{
    min-height:clamp(240px, 36vh, 340px)!important;
    height:clamp(240px, 36vh, 340px)!important;
  }
  .collection-shell-v461 .embedded-center-v477{padding:12px 48px!important}
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.left{left:8px!important}
  .collection-shell-v461 .embedded-stage-v477 .public-gallery-arrow-v459.right{right:8px!important}
  .collection-shell-v461 .share-qr-panel-v426{display:grid!important;justify-items:center!important;text-align:center!important}
}


/* ==========================================================================
   V483 - Details in der Dateivorschau ein-/ausklappen
   ========================================================================== */
.gallery-controls-v455 .detail-button-v455.active-v483{
  background:linear-gradient(180deg,rgba(47,109,240,.9),rgba(36,94,214,.82))!important;
  border-color:rgba(125,178,255,.55)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,64,175,.22);
}


/* ==========================================================================
   V484 - Dateiinformationen direkt in der Medienvorschau
   ========================================================================== */
.gallery-details-v484{
  display:grid;
  gap:12px;
}
.gallery-details-v484[hidden]{display:none!important}
.gallery-details-section-v484{
  display:grid;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(125,178,255,.15);
  background:rgba(7,17,31,.42);
}
.gallery-details-section-v484 > b{
  color:#e8f1ff;
  font-size:14px;
}
.gallery-details-v484 .gallery-exif-grid-v451 span{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  .gallery-details-section-v484{
    padding:10px 11px;
  }
}


/* ==========================================================================
   V485 - Medienvorschau mit vollständig sichtbaren Bild-/Videodaten
   ========================================================================== */

/* Die Vorschau nutzt jetzt fast die komplette verfügbare Bildschirmfläche. */
.media-gallery-v453.gallery-modal-v451{
  width:min(1480px,99vw)!important;
  height:min(98dvh,1120px)!important;
  max-height:98dvh!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Bei vielen Details kann der Inhalt im Modal sauber scrollen statt unten
   abgeschnitten zu werden. */
.media-gallery-v453.gallery-modal-v451 .media-gallery-modern-v455{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Ohne geöffnete Details bleibt die große Foto-/Videoansicht erhalten. */
.media-gallery-v453:not(.gallery-details-open-v485) .media-stage-modern-v455{
  min-height:min(70vh,780px)!important;
  height:min(70vh,780px)!important;
}

/* Mit geöffneten Details wird die Medienfläche sinnvoll kompakter, damit
   Dateiinformationen und Bilddaten gemeinsam sichtbar sind. */
.media-gallery-v453.gallery-details-open-v485 .media-stage-modern-v455{
  min-height:clamp(300px,42dvh,500px)!important;
  height:clamp(300px,42dvh,500px)!important;
}

/* Auf großen Ansichten stehen Dateiinformationen und Bild-/Videodaten
   nebeneinander statt untereinander abgeschnitten zu werden. */
.media-gallery-v453.gallery-details-open-v485 .gallery-details-v484{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 17px 16px!important;
}
.media-gallery-v453.gallery-details-open-v485 .gallery-details-section-v484{
  align-content:start;
  min-width:0;
}
.media-gallery-v453.gallery-details-open-v485 .gallery-exif-grid-v451{
  grid-template-columns:112px minmax(0,1fr)!important;
}

/* Der Footer und die Detailkarten bleiben klar getrennt. */
.media-gallery-v453.gallery-details-open-v485 .gallery-footer-v455{
  flex:0 0 auto!important;
}

/* Kleiner Desktop/Laptop: Details bleiben sichtbar, dürfen aber im Modal
   nach unten scrollen. */
@media(max-width:980px){
  .media-gallery-v453.gallery-modal-v451{
    height:min(98dvh,1040px)!important;
    max-height:98dvh!important;
  }
  .media-gallery-v453.gallery-details-open-v485 .media-stage-modern-v455{
    min-height:clamp(235px,34dvh,360px)!important;
    height:clamp(235px,34dvh,360px)!important;
  }
  .media-gallery-v453.gallery-details-open-v485 .gallery-details-v484{
    grid-template-columns:1fr!important;
    margin:10px 12px 14px!important;
  }
}


/* ==========================================================================
   V486 - Galerie-Vorschau komplett neu und robust aufgebaut
   ========================================================================== */
.media-gallery-v453.gallery-layout-v486{
  width:min(1420px,98vw)!important;
  height:min(95dvh,1040px)!important;
  max-height:95dvh!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(125,178,255,.18)!important;
  background:linear-gradient(180deg,#0d1d33 0%, #081321 100%)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5)!important;
}
.media-gallery-v453.gallery-layout-v486 > h2{
  display:none!important;
}
.media-gallery-v453.gallery-layout-v486 .gallery-shell-v486{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  background:transparent;
}
.media-gallery-v453.gallery-layout-v486 .gallery-topbar-v486{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-bottom:1px solid rgba(125,178,255,.14);
  background:rgba(7,17,31,.88);
}
.media-gallery-v453.gallery-layout-v486 .gallery-title-v486{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.media-gallery-v453.gallery-layout-v486 .gallery-type-v486{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:20px;
  background:rgba(47,109,240,.12);
  border:1px solid rgba(125,178,255,.2);
}
.media-gallery-v453.gallery-layout-v486 .gallery-title-copy-v486{
  display:grid;
  gap:2px;
  min-width:0;
}
.media-gallery-v453.gallery-layout-v486 .gallery-title-copy-v486 b{
  display:block;
  font-size:16px;
  color:#fff;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:min(56vw,760px);
}
.media-gallery-v453.gallery-layout-v486 .gallery-title-copy-v486 small{
  color:#b6c9e5;
  font-weight:700;
}
.media-gallery-v453.gallery-layout-v486 .gallery-toolbar-v486{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.media-gallery-v453.gallery-layout-v486 .gallery-zoom-readout-v486{
  min-width:62px;
  text-align:center;
  font-weight:900;
  color:#eaf2ff;
}
.media-gallery-v453.gallery-layout-v486 .gallery-main-v486{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px 16px 16px;
  overflow:hidden;
}
.media-gallery-v453.gallery-layout-v486 .gallery-stage-v486{
  position:relative;
  flex:1 1 auto;
  min-height:300px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,#040d1a 0%, #020914 100%);
  border:1px solid rgba(125,178,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
}
.media-gallery-v453.gallery-layout-v486 .gallery-backdrop-v486{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  filter:blur(36px);
  opacity:.17;
  transform:scale(1.08);
}
.media-gallery-v453.gallery-layout-v486 .gallery-backdrop-video-v486{
  background:radial-gradient(circle at 50% 50%, rgba(47,109,240,.15), rgba(3,9,18,0) 55%);
  filter:none;
  opacity:1;
  transform:none;
}
.media-gallery-v453.gallery-layout-v486 .gallery-media-frame-v486{
  position:absolute;
  inset:18px 74px 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  min-width:0;
  min-height:0;
}
.media-gallery-v453.gallery-layout-v486 .gallery-media-frame-v486 > img,
.media-gallery-v453.gallery-layout-v486 .gallery-media-frame-v486 > video{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transform-origin:center center;
  user-select:none;
}
.media-gallery-v453.gallery-layout-v486 .gallery-media-frame-v486 > video{
  background:#000;
  border-radius:16px;
}
.media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:48px!important;
  height:68px!important;
  min-height:68px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  padding:0!important;
  background:rgba(9,21,38,.9)!important;
  border:1px solid rgba(125,178,255,.24)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451.left{left:14px!important}
.media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451.right{right:14px!important}
.media-gallery-v453.gallery-layout-v486 .gallery-counter-v486{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  padding:6px 12px;
  border-radius:999px;
  font-weight:900;
  color:#fff;
  background:rgba(7,17,31,.9);
  border:1px solid rgba(125,178,255,.22);
}
.media-gallery-v453.gallery-layout-v486 .gallery-video-panel-v486{
  flex:0 0 auto;
  display:grid;
  gap:8px;
}
.media-gallery-v453.gallery-layout-v486 .gallery-video-panel-v486 .gallery-video-controls-v453,
.media-gallery-v453.gallery-layout-v486 .gallery-video-panel-v486 .video-info-v423{
  margin:0!important;
  width:auto!important;
}
.media-gallery-v453.gallery-layout-v486 .gallery-meta-strip-v486{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(125,178,255,.12);
  background:rgba(7,17,31,.62);
  color:#aec5e6;
}
.media-gallery-v453.gallery-layout-v486 .gallery-meta-strip-v486 span{
  font-size:12px;
  font-weight:800;
}
.media-gallery-v453.gallery-layout-v486 .gallery-meta-strip-v486 small{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(47,109,240,.14);
  color:#dbe7ff;
  font-weight:850;
}
.media-gallery-v453.gallery-layout-v486 .gallery-details-v486{
  flex:0 0 auto;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .2s ease, opacity .2s ease;
  margin:0!important;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-v486{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-height:min(34dvh,320px);
  overflow:auto;
  opacity:1;
  padding-right:4px;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-section-v484{
  margin:0;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-exif-grid-v451{
  grid-template-columns:116px minmax(0,1fr)!important;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-v486::-webkit-scrollbar{
  width:10px;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-v486::-webkit-scrollbar-thumb{
  background:rgba(125,178,255,.25);
  border-radius:999px;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-stage-v486{
  min-height:220px;
}
.media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-media-frame-v486{
  inset:14px 68px 42px;
}

/* Alte, kollidierende V455-Flächen neutralisieren innerhalb des neuen Layouts */
.media-gallery-v453.gallery-layout-v486 .gallery-header-v455,
.media-gallery-v453.gallery-layout-v486 .gallery-footer-v455{
  display:none!important;
}
.media-gallery-v453.gallery-layout-v486 .media-gallery-modern-v455{
  background:transparent!important;
}

@media(max-width:1080px){
  .media-gallery-v453.gallery-layout-v486{
    width:min(100vw,1280px)!important;
    height:min(96dvh,980px)!important;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-title-copy-v486 b{
    max-width:min(52vw,540px);
  }
  .media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-v486{
    grid-template-columns:1fr;
    max-height:min(36dvh,320px);
  }
}
@media(max-width:760px){
  .media-gallery-v453.gallery-layout-v486{
    width:100%!important;
    height:96dvh!important;
    max-height:96dvh!important;
    border-radius:22px 22px 12px 12px!important;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-topbar-v486{
    padding:12px;
    display:grid;
    gap:10px;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-title-copy-v486 b{
    max-width:calc(100vw - 110px);
    font-size:15px;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-toolbar-v486{
    justify-content:stretch;
    display:grid;
    grid-template-columns:42px minmax(60px,70px) 42px 1fr 1fr;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-main-v486{
    padding:10px 12px 12px;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-stage-v486{
    min-height:240px;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-media-frame-v486{
    inset:10px 46px 40px;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451{
    width:38px!important;
    height:56px!important;
    min-height:56px!important;
    font-size:30px!important;
    border-radius:14px!important;
  }
  .media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451.left{left:6px!important}
  .media-gallery-v453.gallery-layout-v486 .gallery-stage-v486 .gallery-arrow-v451.right{right:6px!important}
  .media-gallery-v453.gallery-layout-v486 .gallery-meta-strip-v486{
    display:grid;
    gap:6px;
    text-align:left;
  }
  .media-gallery-v453.gallery-layout-v486.gallery-details-open-v485 .gallery-details-v486{
    max-height:min(38dvh,300px);
  }
}


/* ==========================================================================
   V487 - Passwortlink: automatische eingebettete Vorschau je Dateityp
   ========================================================================== */
.v317-shell.single-shell-v487{
  width:min(1420px,97vw)!important;
  grid-template-columns:300px minmax(0,1fr)!important;
}
.single-shell-v487 .v317-content{padding:20px!important}
.single-shell-v487 .v317-preview.single-share-v487{
  display:grid!important;
  gap:12px!important;
  padding:12px!important;
}
.single-share-v487 #sharedQualityPanel{
  order:2;
  border-radius:16px;
}
.single-share-v487 #previewStage{order:1!important}
.single-share-v487 .v317-file-meta{order:3!important}
.single-share-v487 #zipList{order:4!important}
.single-share-v487 #shareQrPanelV426{order:5!important}
.single-share-preview-v487{display:grid;gap:12px;width:100%}
.single-share-head-v487{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 14px;border-radius:16px;
  background:rgba(7,17,31,.54);border:1px solid rgba(125,178,255,.14);
}
.single-share-head-v487 > div:first-child{display:grid;gap:4px;min-width:0}
.single-share-head-v487 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.single-share-head-v487 small{color:#9fb2cc;font-weight:760}
.single-share-tools-v487{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.single-share-tools-v487 button{
  width:auto!important;min-width:42px!important;min-height:42px!important;
  padding:8px 12px!important;border-radius:12px!important;
  background:rgba(16,31,53,.9)!important;border:1px solid rgba(125,178,255,.2)!important;
  color:#eef5ff!important;font-weight:900!important;
}
.single-share-tools-v487 button.wide{min-width:0!important}
.single-share-tools-v487 button.active{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
}
.single-share-tools-v487 span{min-width:58px;text-align:center;font-size:12px;font-weight:950;color:#dbeafe}
.single-share-stage-v487{
  position:relative;display:flex;align-items:center;justify-content:center;
  height:clamp(300px,53vh,610px);min-height:300px;overflow:hidden;
  border-radius:20px;background:#040b16;border:1px solid rgba(125,178,255,.14);
}
.single-share-backdrop-v487{
  position:absolute;inset:0;background-position:center;background-size:cover;
  filter:blur(38px);opacity:.13;transform:scale(1.08);
}
.single-share-media-frame-v487{
  position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:0;
}
.single-share-stage-v487.image .single-share-media-frame-v487,
.single-share-stage-v487.video .single-share-media-frame-v487{inset:18px 24px}
.single-share-media-frame-v487 img,
.single-share-media-frame-v487 video{
  display:block;max-width:100%;max-height:100%;width:auto;height:auto;
  object-fit:contain;object-position:center center;transform-origin:center center;
  transition:transform .16s ease;user-select:none;
}
.single-share-media-frame-v487 video{background:#000;border-radius:14px}
#singleShareMediaV487.zoomed-v487{cursor:grab;touch-action:none}
#singleShareMediaV487.dragging-v487{cursor:grabbing;transition:none!important}
.shared-video-options-v487{display:grid;gap:8px}
.single-share-document-v487{
  height:clamp(390px,62vh,720px);border-radius:18px;overflow:hidden;
  background:#07101f;border:1px solid rgba(125,178,255,.14);
}
.single-share-document-v487 iframe{width:100%;height:100%;border:0}
.single-share-audio-v487,.single-share-file-v487{
  min-height:290px;display:grid;place-items:center;align-content:center;gap:13px;
  border-radius:18px;background:#050c18;border:1px solid rgba(125,178,255,.14);
}
.single-share-audio-v487 span,.single-share-file-v487 span{font-size:66px}
.single-share-audio-v487 audio{width:min(620px,90%)}
.single-share-file-v487 b{font-size:20px;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.single-share-file-v487 small{color:#9fb2cc}
.single-share-text-v487{
  height:clamp(300px,52vh,570px);padding:16px;border-radius:18px;overflow:auto;
  background:#050c18;border:1px solid rgba(125,178,255,.14);
}
.single-share-text-v487 pre{
  margin:0;color:#dbeafe;font:14px/1.55 Consolas,Monaco,monospace;
  white-space:pre-wrap;word-break:break-word;
}
.single-share-details-v487{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.single-share-details-v487[hidden]{display:none!important}
.single-share-details-v487 section{
  display:grid;gap:9px;padding:12px 14px;border-radius:14px;
  background:rgba(7,17,31,.54);border:1px solid rgba(125,178,255,.14);
}
.single-share-details-v487 section>b{color:#eaf2ff}
.single-share-details-v487 dl{
  display:grid;grid-template-columns:108px minmax(0,1fr);gap:7px 12px;margin:0;
  font-size:13px;
}
.single-share-details-v487 dt{color:#9fb2cc;font-weight:850}
.single-share-details-v487 dd{margin:0;color:#e8f1ff;overflow-wrap:anywhere}
.single-share-details-v487 dd button{
  width:auto!important;min-height:32px!important;padding:5px 10px!important;
}
.single-share-v487 .v317-file-meta{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:12px!important;padding:13px 15px!important;
}
.single-share-v487 .v317-download-actions-v461{display:flex!important}
.single-share-v487 #downloadBtn{min-width:190px!important}
.single-share-v487 .share-qr-panel-v426{margin-top:0!important}
@media(max-width:980px){
  .v317-shell.single-shell-v487{grid-template-columns:1fr!important;width:100%!important}
  .single-shell-v487 .v317-brand{display:none!important}
  .single-shell-v487 .v317-content{padding:12px!important}
  .single-share-head-v487{display:grid}
  .single-share-tools-v487{justify-content:flex-start}
  .single-share-stage-v487{height:clamp(250px,44vh,420px);min-height:250px}
  .single-share-details-v487{grid-template-columns:1fr}
  .single-share-v487 .v317-file-meta{grid-template-columns:1fr!important}
  .single-share-v487 .v317-download-actions-v461,#downloadBtn{width:100%!important}
}


/* ==========================================================================
   V488 - Saubere Galerie-Ansichten und Viewport-sicheres Kontextmenü
   ========================================================================== */
.context.open{
  max-height:calc(100dvh - 20px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}

/* Eingeloggte Galerie - neues isoliertes Layout */
.modal-card.g488-modal{
  width:min(1420px,98vw)!important;
  height:min(96dvh,1060px)!important;
  max-height:96dvh!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0a1729!important;
  border-radius:24px!important;
}
.modal-card.g488-modal > h2,
.modal-card.g488-modal > br,
.modal-card.g488-modal > button.secondary:last-child{display:none!important}
.g488-gallery{height:100%;display:flex;flex-direction:column;min-height:0}
.g488-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid rgba(125,178,255,.14);background:#081422}
.g488-title{display:flex;align-items:center;gap:11px;min-width:0}.g488-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(47,109,240,.16)}
.g488-title div{display:grid;gap:3px;min-width:0}.g488-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(47vw,680px)}.g488-title small{color:#a9bedc;font-weight:750}
.g488-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.g488-actions strong{min-width:58px;text-align:center}
.g488-actions button{width:auto!important;min-height:42px!important;padding:8px 12px!important}
.g488-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden}
.g488-stage{position:relative;flex:1;min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:#030913;border:1px solid rgba(125,178,255,.14)}
.g488-ambient{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(38px);opacity:.12;transform:scale(1.1)}.g488-ambient.video{filter:none;transform:none;background:radial-gradient(circle,rgba(47,109,240,.1),transparent 55%)}
.g488-frame{position:absolute;inset:14px 68px 42px;display:flex;align-items:center;justify-content:center;z-index:2}.g488-frame img,.g488-frame video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;user-select:none}.g488-frame video{background:#000;border-radius:14px}
.g488-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:66px;border-radius:16px;padding:0;font-size:34px;background:rgba(7,17,31,.92);border:1px solid rgba(125,178,255,.22);color:#fff}.g488-arrow.left{left:12px}.g488-arrow.right{right:12px}
.g488-counter{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:4;padding:6px 11px;border-radius:999px;background:#0a1729;border:1px solid rgba(125,178,255,.18);font-weight:900}
.g488-video-tools{flex:0 0 auto;display:grid;gap:6px;padding:10px;border-radius:16px;background:rgba(8,18,33,.65);border:1px solid rgba(125,178,255,.12)}
.g488-video-tools .gallery-video-controls-v453,.g488-video-tools .video-info-v423{margin:0!important}
.g488-foot{flex:0 0 auto;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(8,18,33,.65);color:#a9bedc;font-weight:780}.g488-foot small{padding:5px 9px;border-radius:999px;background:rgba(47,109,240,.13)}
.g488-details{flex:0 0 auto;margin:0!important;max-height:min(34dvh,315px);overflow:auto!important;padding-right:4px}.g488-details[hidden]{display:none!important}
.g488-details.gallery-details-v484{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Öffentliche Mehrdatei-Galerie */
.v317-shell.collection-shell-v488{width:min(1400px,97vw)!important;grid-template-columns:290px minmax(0,1fr)!important}
.collection-shell-v488 .v317-content{padding:18px!important}
.collection-shell-v488 .v317-preview.share-collection-v488{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
.collection-shell-v488 #previewStage{order:1!important}.collection-shell-v488 .v317-file-meta{order:2!important}.collection-shell-v488 #shareQrPanelV426{order:3!important}
.share-gallery-v488{display:grid;gap:10px}
.share-viewer-v488{display:grid;gap:9px}
.share-head-v488{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(7,17,31,.56);border:1px solid rgba(125,178,255,.14)}
.share-head-v488>div:first-child{display:grid;gap:3px;min-width:0}.share-head-v488 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-head-v488 small{color:#a8bedc;font-weight:760}
.share-tools-v488{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.share-tools-v488 button{width:auto!important;min-width:42px!important;min-height:40px!important;padding:7px 11px!important}.share-tools-v488 span{min-width:52px;text-align:center;font-weight:900}.share-tools-v488 button.active{background:#2760d5!important}
.share-stage-v488{position:relative;height:clamp(300px,50vh,560px);min-height:300px;border-radius:19px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#040b16;border:1px solid rgba(125,178,255,.14)}
.share-media-v488{position:absolute;inset:16px 64px 42px;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}.share-media-v488 img,.share-media-v488 video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;transition:transform .16s ease}.share-media-v488 video{background:#000;border-radius:13px}.share-media-v488 iframe{width:100%;height:100%;border:0;border-radius:10px}
.share-arrow-v488{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px!important;height:62px!important;min-height:62px!important;padding:0!important;font-size:32px!important;border-radius:16px!important;background:rgba(7,17,31,.92)!important;color:#fff!important;border:1px solid rgba(125,178,255,.22)!important}.share-arrow-v488.left{left:10px}.share-arrow-v488.right{right:10px}
.share-counter-v488{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:#0a1729;border:1px solid rgba(125,178,255,.18);font-weight:900}
.share-hint-v488{padding:9px 12px;border-radius:13px;color:#a9bedc;background:rgba(7,17,31,.52);font-size:12px;font-weight:790}
.share-thumbs-v488{display:flex;gap:8px;overflow-x:auto;padding:7px;border-radius:15px;background:rgba(7,17,31,.45);border:1px solid rgba(125,178,255,.12)}
.share-thumb-v488{flex:0 0 204px!important;width:204px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px!important;text-align:left!important;background:rgba(16,31,53,.7)!important;border:1px solid rgba(125,178,255,.14)!important}.share-thumb-v488.active{background:rgba(37,99,235,.24)!important;border-color:rgba(96,165,250,.65)!important}.share-thumb-v488 span{font-size:24px}.share-thumb-v488 div{min-width:0;display:grid;gap:3px}.share-thumb-v488 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.share-thumb-v488 small{font-size:11px;color:#a8bedc}
.share-text-v488{width:100%;height:100%;margin:0;overflow:auto;padding:13px;border-radius:12px;background:#07101f;color:#dae8fa;font:13px/1.5 Consolas,monospace;white-space:pre-wrap}
.share-audio-v488{display:grid;place-items:center;gap:12px;width:100%}.share-audio-v488 span{font-size:60px}.share-audio-v488 audio{width:min(560px,92%)}
.share-generic-v488{display:grid;place-items:center;gap:10px}.share-generic-v488 span{font-size:62px}.share-generic-v488 small{color:#a8bedc}
.share-details-v488{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-details-v488[hidden]{display:none!important}.share-details-v488 section{padding:12px;border-radius:14px;background:rgba(7,17,31,.56);border:1px solid rgba(125,178,255,.14)}.share-details-v488 section.wide{grid-column:1/-1}.share-details-v488 dl{display:grid;grid-template-columns:104px minmax(0,1fr);gap:7px 10px;margin:10px 0 0;font-size:13px}.share-details-v488 dt{color:#a8bedc;font-weight:850}.share-details-v488 dd{margin:0;overflow-wrap:anywhere}.share-zip-rows-v488{display:grid;gap:5px;max-height:190px;overflow:auto;margin-top:10px}
.multi-share-hint-v488{padding:10px 12px;border-radius:12px;background:rgba(37,99,235,.14);border:1px solid rgba(96,165,250,.24);color:#cfe2ff;font-weight:800;font-size:12px}
@media(max-width:980px){
 .v317-shell.collection-shell-v488{grid-template-columns:1fr!important;width:100%!important}.collection-shell-v488 .v317-brand{display:none!important}
 .share-head-v488{display:grid}.share-tools-v488{justify-content:flex-start}
 .share-stage-v488{height:clamp(250px,42vh,400px);min-height:250px}.share-media-v488{inset:10px 48px 38px}
 .share-details-v488{grid-template-columns:1fr}.g488-head{display:grid}.g488-title b{max-width:calc(100vw - 90px)}.g488-actions{justify-content:flex-start}
 .g488-frame{inset:10px 48px 40px}.g488-details.gallery-details-v484{grid-template-columns:1fr!important}
}


/* ==========================================================================
   V489 - Dateiexplorer-Vorschau groß; Details öffnen Platz darunter
   ========================================================================== */
.modal-card.g489-preview-modal{
  display:flex!important;
  flex-direction:column!important;
  width:min(1480px,99vw)!important;
  height:min(97dvh,1120px)!important;
  max-height:97dvh!important;
  padding:0!important;
  overflow:hidden!important;
}
.modal-card.g489-preview-modal #modalBody{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
}
.modal-card.g489-preview-modal #modalBody > .g488-gallery{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
}
.modal-card.g489-preview-modal .g488-main{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-card.g489-preview-modal .g488-stage{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  transition:height .2s ease, flex-basis .2s ease!important;
}
.modal-card.g489-preview-modal:not(.gallery-details-open-v485) .g488-stage{
  min-height:min(70dvh,820px)!important;
}
.modal-card.g489-preview-modal .g488-details{
  display:none!important;
  min-height:0!important;
  opacity:0!important;
}
.modal-card.g489-preview-modal.gallery-details-open-v485 .g488-stage{
  flex:0 0 clamp(285px,43dvh,485px)!important;
  height:clamp(285px,43dvh,485px)!important;
  min-height:285px!important;
}
.modal-card.g489-preview-modal.gallery-details-open-v485 .g488-details:not([hidden]){
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:none!important;
  min-height:0!important;
  overflow:auto!important;
  opacity:1!important;
  padding-right:4px!important;
}
.modal-card.g489-preview-modal .g488-actions .detail-button-v455{
  background:rgba(16,31,53,.9)!important;
  border-color:rgba(125,178,255,.2)!important;
  color:#eef5ff!important;
}
.modal-card.g489-preview-modal .g488-actions .detail-button-v455.active-v483{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
  border-color:rgba(125,178,255,.58)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,64,175,.22)!important;
}
.modal-card.g489-preview-modal .g488-frame{
  inset:16px 72px 44px!important;
}
@media(max-width:900px){
  .modal-card.g489-preview-modal.gallery-details-open-v485 .g488-stage{
    flex-basis:clamp(230px,34dvh,360px)!important;
    height:clamp(230px,34dvh,360px)!important;
  }
  .modal-card.g489-preview-modal.gallery-details-open-v485 .g488-details:not([hidden]){
    grid-template-columns:1fr!important;
  }
}

/* ==========================================================================
   V489 - Eigenständiges ruhiges Linklayout: Einzel-Link und Galerielink
   ========================================================================== */
.v317-shell.single-shell-v489,
.v317-shell.collection-shell-v489{
  width:min(1380px,96vw)!important;
  min-height:0!important;
  grid-template-columns:280px minmax(0,1fr)!important;
}
.single-shell-v489 .v317-content,
.collection-shell-v489 .v317-content{
  min-width:0!important;
  padding:22px!important;
}
.single-shell-v489 .v317-preview.single-share-v489,
.collection-shell-v489 .v317-preview.share-collection-v489{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-areas:
    "stage stage"
    "actions qr"!important;
  align-items:stretch!important;
  gap:14px!important;
  padding:0!important;
}
.single-shell-v489 #previewStage,
.collection-shell-v489 #previewStage{
  grid-area:stage!important;
  width:100%!important;
  min-width:0!important;
  order:initial!important;
}
.single-shell-v489 .v317-file-meta,
.collection-shell-v489 .v317-file-meta{
  grid-area:actions!important;
  order:initial!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:18px!important;
}
.single-shell-v489 #shareQrPanelV426,
.collection-shell-v489 #shareQrPanelV426{
  grid-area:qr!important;
  order:initial!important;
  margin:0!important;
  min-width:0!important;
  padding:15px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  gap:10px!important;
}
.single-shell-v489 #shareQrPanelV426 img,
.collection-shell-v489 #shareQrPanelV426 img{
  width:106px!important;
  height:106px!important;
}
.single-shell-v489 #zipList,
.collection-shell-v489 #zipList{
  grid-column:1/-1!important;
  order:4!important;
}

/* Einzel-Passwortdownloadlink: großzügige, aber kontrollierte Bühne. */
.single-shell-v489 .single-share-preview-v487{
  width:100%!important;
  display:grid!important;
  gap:10px!important;
}
.single-shell-v489 .single-share-head-v487{
  padding:12px 14px!important;
}
.single-shell-v489 .single-share-stage-v487{
  height:clamp(320px,52dvh,570px)!important;
  min-height:320px!important;
  width:100%!important;
}
.single-shell-v489 .single-share-media-frame-v487{
  inset:16px 26px!important;
}
.single-shell-v489 .single-share-details-v487{
  max-height:290px!important;
  overflow:auto!important;
}

/* Mehrdatei-Link: Vorschaufläche bekommt den gesamten verfügbaren Platz. */
.collection-shell-v489 .share-gallery-v488,
.collection-shell-v489 .share-viewer-v488{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:10px!important;
}
.collection-shell-v489 .share-head-v488{
  padding:12px 14px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.collection-shell-v489 .share-stage-v488{
  width:100%!important;
  height:clamp(330px,53dvh,590px)!important;
  min-height:330px!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
}
.collection-shell-v489 .share-media-v488{
  inset:16px 66px 42px!important;
}
.collection-shell-v489 .share-media-v488 img,
.collection-shell-v489 .share-media-v488 video{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.collection-shell-v489 .share-thumbs-v488{
  width:100%!important;
  box-sizing:border-box!important;
  max-height:92px!important;
}
.collection-shell-v489 .share-details-v488{
  max-height:270px!important;
  overflow:auto!important;
}
.collection-shell-v489 .share-tools-v488 button{
  background:rgba(16,31,53,.9)!important;
  border-color:rgba(125,178,255,.2)!important;
}
.collection-shell-v489 .share-tools-v488 button.active{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
  border-color:rgba(125,178,255,.58)!important;
}
.collection-shell-v489 .collection-download-meta-v488 .v317-download-actions-v461,
.single-shell-v489 .v317-download-actions-v461{
  display:grid!important;
  gap:8px!important;
}
.collection-shell-v489 .collection-download-meta-v488 .v317-btn,
.single-shell-v489 .v317-btn{
  width:100%!important;
  min-width:0!important;
}

/* Linkseiten bleiben auf kleinen Ansichten ordentlich untereinander. */
@media(max-width:1050px){
  .v317-shell.single-shell-v489,
  .v317-shell.collection-shell-v489{
    grid-template-columns:1fr!important;
    width:min(100%,98vw)!important;
  }
  .single-shell-v489 .v317-brand,
  .collection-shell-v489 .v317-brand{
    display:none!important;
  }
  .single-shell-v489 .v317-preview.single-share-v489,
  .collection-shell-v489 .v317-preview.share-collection-v489{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "stage"
      "actions"
      "qr"!important;
  }
}
@media(max-width:700px){
  .single-shell-v489 .v317-content,
  .collection-shell-v489 .v317-content{padding:12px!important}
  .single-shell-v489 .single-share-stage-v487,
  .collection-shell-v489 .share-stage-v488{
    height:clamp(250px,42dvh,400px)!important;
    min-height:250px!important;
  }
  .collection-shell-v489 .share-media-v488{inset:10px 48px 38px!important}
  .single-shell-v489 .single-share-media-frame-v487{inset:10px 12px!important}
}


/* ==========================================================================
   V490 - Bilder-/Videogalerie: Details als rechte einblendbare Seitenleiste
   ========================================================================== */
.modal-card.g489-preview-modal .g488-stage{
  position:relative!important;
  min-height:min(70dvh,820px)!important;
  transition:none!important;
}
.modal-card.g489-preview-modal.gallery-details-open-v485 .g488-stage{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:min(70dvh,820px)!important;
}
.modal-card.g489-preview-modal .g490-details-drawer{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  z-index:12!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(390px,38vw)!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px 0 0 18px!important;
  background:linear-gradient(180deg,#0d1d33 0%,#081321 100%)!important;
  border:1px solid rgba(125,178,255,.22)!important;
  box-shadow:-20px 0 48px rgba(0,0,0,.42)!important;
  transform:translateX(calc(100% + 20px))!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .2s ease, opacity .2s ease!important;
}
.modal-card.g489-preview-modal .g490-details-drawer[hidden]{
  display:flex!important;
}
.modal-card.g489-preview-modal.gallery-details-drawer-open-v490 .g490-details-drawer{
  transform:translateX(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.modal-card.g489-preview-modal .g490-details-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:13px 14px!important;
  border-bottom:1px solid rgba(125,178,255,.13)!important;
}
.modal-card.g489-preview-modal .g490-details-head b{
  color:#eef5ff!important;
  font-size:16px!important;
}
.modal-card.g489-preview-modal .g490-details-head button{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
}
.modal-card.g489-preview-modal .g490-details-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  padding:12px!important;
  overflow-y:auto!important;
}
.modal-card.g489-preview-modal .g490-details-body .gallery-details-section-v484{
  margin:0!important;
  padding:12px!important;
  background:rgba(4,12,24,.45)!important;
}
.modal-card.g489-preview-modal .g490-details-body .gallery-exif-grid-v451{
  grid-template-columns:100px minmax(0,1fr)!important;
  gap:8px 10px!important;
}
.modal-card.g489-preview-modal .g488-details.gallery-details-v484{
  display:flex!important;
  grid-template-columns:none!important;
}
.modal-card.g489-preview-modal.gallery-details-open-v485 .g488-details:not([hidden]){
  display:flex!important;
  grid-template-columns:none!important;
  max-height:none!important;
  padding:0!important;
}
.modal-card.g489-preview-modal.gallery-details-drawer-open-v490 .g488-frame{
  right:calc(min(390px,38vw) + 72px)!important;
  transition:right .2s ease!important;
}
.modal-card.g489-preview-modal:not(.gallery-details-drawer-open-v490) .g488-frame{
  right:72px!important;
  transition:right .2s ease!important;
}
.modal-card.g489-preview-modal .g488-actions .detail-button-v455{
  background:rgba(16,31,53,.9)!important;
  border-color:rgba(125,178,255,.2)!important;
  color:#eef5ff!important;
}
.modal-card.g489-preview-modal.gallery-details-drawer-open-v490 .g488-actions .detail-button-v455,
.modal-card.g489-preview-modal .g488-actions .detail-button-v455.active-v483{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
  border-color:rgba(125,178,255,.58)!important;
  color:#fff!important;
}
@media(max-width:820px){
  .modal-card.g489-preview-modal .g490-details-drawer{
    width:min(92vw,390px)!important;
  }
  .modal-card.g489-preview-modal.gallery-details-drawer-open-v490 .g488-frame{
    right:48px!important;
    opacity:.28!important;
  }
}


/* ==========================================================================
   V491 - Vorschauflächen nach Dateityp: Video/PDF nicht mehr gestreckt
   ========================================================================== */

/* --------------------------------------------------------------------------
   Eingeloggte Galerie: Bilder bleiben groß, Videos erhalten Playerformat.
   -------------------------------------------------------------------------- */
.modal-card.g489-preview-modal .g491-image-stage{
  flex:1 1 auto!important;
  min-height:min(70dvh,820px)!important;
}
.modal-card.g489-preview-modal .g491-image-frame{
  inset:16px 72px 44px!important;
}
.modal-card.g489-preview-modal .g488-gallery.is-video .g491-video-stage{
  flex:1 1 auto!important;
  min-height:clamp(330px,55dvh,650px)!important;
  height:auto!important;
}
.modal-card.g489-preview-modal .g491-video-frame{
  inset:20px 72px 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.modal-card.g489-preview-modal .g491-video-frame video{
  display:block!important;
  width:min(100%,1060px)!important;
  height:auto!important;
  max-height:100%!important;
  aspect-ratio:16 / 9!important;
  object-fit:contain!important;
  border-radius:14px!important;
  overflow:visible!important;
}
/* Eine geöffnete Detailleiste verkleinert nur die nutzbare Breite, nicht die
   Player-Bedienelemente. */
.modal-card.g489-preview-modal.gallery-details-drawer-open-v490 .g491-video-frame{
  right:calc(min(390px,38vw) + 72px)!important;
}

/* --------------------------------------------------------------------------
   Einzel-Passwortlink: Bildbühne, Video-Player und PDF separat.
   -------------------------------------------------------------------------- */
.single-shell-v489 .g491-single-image-stage{
  height:clamp(340px,55dvh,600px)!important;
  min-height:340px!important;
}
.single-shell-v489 .g491-single-video-stage{
  height:auto!important;
  min-height:0!important;
  padding:18px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.single-shell-v489 .g491-single-video-stage .single-share-media-frame-v487{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  display:flex!important;
  justify-content:center!important;
}
.single-shell-v489 .g491-single-video-stage video{
  display:block!important;
  width:min(100%,1040px)!important;
  height:auto!important;
  max-height:min(66dvh,650px)!important;
  aspect-ratio:16 / 9!important;
  object-fit:contain!important;
  border-radius:14px!important;
}
/* PDF braucht Höhe und eine vollständig bedienbare eingebettete Dokumentfläche. */
.single-shell-v489 .g491-single-pdf-stage{
  width:100%!important;
  height:clamp(600px,76dvh,900px)!important;
  min-height:600px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.single-shell-v489 .g491-single-pdf-stage iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}

/* --------------------------------------------------------------------------
   Mehrdatei-Galerielink: eigener Stage-Typ pro ausgewählter Datei.
   -------------------------------------------------------------------------- */
/* Bilder behalten die großzügige Galeriefläche. */
.collection-shell-v489 .g491-share-stage-image{
  height:clamp(350px,56dvh,620px)!important;
  min-height:350px!important;
}
.collection-shell-v489 .g491-share-media-image{
  inset:16px 66px 42px!important;
}
/* Video ist kein leerer, hoher Bühnenblock mehr: der Player bestimmt die
   sinnvolle Höhe und seine native Zeitleiste bleibt vollständig sichtbar. */
.collection-shell-v489 .g491-share-stage-video{
  height:auto!important;
  min-height:0!important;
  padding:18px 66px 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.collection-shell-v489 .g491-share-media-video{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.collection-shell-v489 .g491-share-media-video video{
  display:block!important;
  width:min(100%,1040px)!important;
  height:auto!important;
  max-height:min(66dvh,650px)!important;
  aspect-ratio:16 / 9!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:#000!important;
}
/* PDF bekommt eine echte Dokument-Bühne mit scrollbarem internem PDF-Viewer. */
.collection-shell-v489 .g491-share-stage-pdf{
  height:clamp(600px,76dvh,900px)!important;
  min-height:600px!important;
}
.collection-shell-v489 .g491-share-media-pdf{
  inset:12px 60px 42px!important;
}
.collection-shell-v489 .g491-share-media-pdf iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:12px!important;
}
/* Text, Audio und ZIP benötigen keine riesige Medienbühne. */
.collection-shell-v489 .g491-share-stage-text{
  height:clamp(320px,48dvh,520px)!important;
  min-height:320px!important;
}
.collection-shell-v489 .g491-share-media-text{
  inset:14px 58px 42px!important;
}
.collection-shell-v489 .g491-share-stage-audio,
.collection-shell-v489 .g491-share-stage-archive,
.collection-shell-v489 .g491-share-stage-file{
  height:clamp(230px,34dvh,330px)!important;
  min-height:230px!important;
}
.collection-shell-v489 .g491-share-media-audio,
.collection-shell-v489 .g491-share-media-archive,
.collection-shell-v489 .g491-share-media-file{
  inset:16px 58px 42px!important;
}

/* Mobil: Typ-Logik bleibt erhalten, aber ohne übergroße PDF-/Videofläche. */
@media(max-width:700px){
  .single-shell-v489 .g491-single-video-stage,
  .collection-shell-v489 .g491-share-stage-video{
    padding:10px 48px 38px!important;
  }
  .single-shell-v489 .g491-single-video-stage video,
  .collection-shell-v489 .g491-share-media-video video{
    max-height:min(54dvh,420px)!important;
  }
  .single-shell-v489 .g491-single-pdf-stage,
  .collection-shell-v489 .g491-share-stage-pdf{
    height:clamp(460px,68dvh,660px)!important;
    min-height:460px!important;
  }
  .collection-shell-v489 .g491-share-media-pdf{
    inset:10px 48px 38px!important;
  }
}


/* ==========================================================================
   V492 - Passwortlinks Adminregeln & privater Papierkorb-Wechsel
   ========================================================================== */
.password-links-page-v492 .admin-page-head-v434{margin-bottom:16px}
.password-links-stats-v492{
  display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px;
}
.password-links-grid-v492{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;
}
.password-links-fields-v492{display:grid;gap:13px;margin-top:14px}
.password-links-fields-v492 label{display:grid;gap:7px;font-weight:850;color:#cfdef5}
.password-links-fields-v492 input[type=number]{width:100%;min-height:45px}
.password-links-fields-v492 .admin-check-v433{
  display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;
  background:rgba(37,99,235,.09);border:1px solid rgba(96,165,250,.16);
}
.password-links-fields-v492 .admin-check-v433 input{width:auto;min-height:0}
.password-links-notes-v492{display:grid;gap:12px}
.password-links-notes-v492 button{width:max-content}
.password-share-rules-v492{
  padding:10px 12px;border-radius:12px;background:rgba(37,99,235,.14);
  border:1px solid rgba(96,165,250,.24);color:#cfe2ff;font-size:12px;font-weight:850;
}
@media(max-width:900px){
  .password-links-stats-v492,.password-links-grid-v492{grid-template-columns:1fr}
  .password-links-notes-v492 button{width:100%}
}


/* ==========================================================================
   V493 - Papierkorb-Kachel: volle Ablaufzeit und Buttons sicher innerhalb
   ========================================================================== */

/* Nur der Papierkorb bekommt etwas breitere Karten. Der Dateiname darf
   weiterhin gekürzt werden, damit die Karte kompakt bleibt. */
body.trash-mode #grid.grid{
  grid-template-columns:repeat(auto-fill,minmax(278px,292px))!important;
  align-items:start!important;
  gap:14px!important;
}
body.trash-mode #grid.grid > .trash-tile-v434.trash-tile-v466{
  width:100%!important;
  max-width:292px!important;
  min-height:322px!important;
  box-sizing:border-box!important;
  padding:58px 16px 16px!important;
  gap:9px!important;
  overflow:hidden!important;
}

/* Ablaufzeit in einer vollständigen, lesbaren Zeile ohne Abschneiden. */
body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434{
  left:10px!important;
  right:10px!important;
  top:10px!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434 span{
  width:auto!important;
  display:block!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Vorschau etwas kompakter, damit Höhe hauptsächlich für Badge und Aktionen
   genutzt wird. */
body.trash-mode #grid.grid > .trash-tile-v434 .preview{
  min-height:88px!important;
  height:88px!important;
  margin-top:0!important;
}
body.trash-mode #grid.grid > .trash-tile-v434 .preview .file-symbol{
  font-size:58px!important;
}
body.trash-mode #grid.grid > .trash-tile-v434 .name{
  max-width:100%!important;
  min-height:22px!important;
  height:22px!important;
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:22px!important;
}
body.trash-mode #grid.grid > .trash-tile-v434 .trash-size-v466{
  font-size:20px!important;
  margin:2px 0 5px!important;
}

/* Beide Aktionen bleiben immer vollständig in der Karte. */
body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434{
  margin-top:auto!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434 button{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  padding:9px 5px!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  line-height:1.12!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}

/* Mobile bleibt kompakt, nutzt aber die Bildschirmbreite für das vollständige Badge. */
@media(max-width:620px){
  body.trash-mode #grid.grid{
    grid-template-columns:minmax(278px, min(292px, calc(100vw - 24px)))!important;
    justify-content:center!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434.trash-tile-v466{
    max-width:min(292px, calc(100vw - 24px))!important;
    min-height:322px!important;
    padding:58px 14px 14px!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-actions-v434 button{
    min-height:50px!important;
    font-size:11.5px!important;
  }
}
@media(max-width:305px){
  body.trash-mode #grid.grid{
    grid-template-columns:1fr!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434.trash-tile-v466{
    max-width:100%!important;
  }
  body.trash-mode #grid.grid > .trash-tile-v434 .trash-retention-badge-v434 span{
    font-size:10px!important;
  }
}


/* ==========================================================================
   V494 - Privater Bereich: globale Sidebar-Navigation
   ========================================================================== */
/* Ansichtswechsel aus dem privaten Bereich erfolgen jetzt über die normale
   Cloudseite, damit keine private Seitenstruktur über globalen Kategorien
   sichtbar stehen bleibt. */


/* ==========================================================================
   V495 - Passwortlink erstellen für 1 oder mehrere Dateien
   ========================================================================== */
.password-links-grid-v492 .clean-card:first-child{
  border-color:rgba(96,165,250,.26);
}
.password-links-grid-v492 .clean-card:first-child h3::before{
  content:'🔐 ';
}


/* ==========================================================================
   V496 - Papierkorb-Navigation und vollständig sichtbare Freigabe-Galerie
   ========================================================================== */

/* Freigabelink-Galerie: eigener, stabiler Aufbau. */
.v317-shell.collection-shell-v496{
  width:min(1380px,96vw)!important;
  grid-template-columns:270px minmax(0,1fr)!important;
}
.collection-shell-v496 .v317-content{padding:18px!important;min-width:0!important}
.collection-shell-v496 .v317-preview.share-collection-v496{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 248px!important;
  grid-template-areas:"stage stage" "actions qr"!important;
  gap:12px!important;
  padding:0!important;
}
.collection-shell-v496 #previewStage{grid-area:stage!important;min-width:0!important}
.collection-shell-v496 .v317-file-meta{grid-area:actions!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
.collection-shell-v496 #shareQrPanelV426{grid-area:qr!important;margin:0!important;padding:13px!important;display:grid!important;place-items:center!important;text-align:center!important}
.collection-shell-v496 #shareQrPanelV426 img{width:96px!important;height:96px!important}
.link-gallery-v496,.link-viewer-v496{display:grid;gap:10px;min-width:0}
.link-head-v496{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 13px;border-radius:16px;background:rgba(7,17,31,.6);
  border:1px solid rgba(125,178,255,.14);
}
.link-head-v496>div:first-child{display:grid;gap:3px;min-width:0}
.link-head-v496 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-head-v496 small{color:#a8bedc;font-weight:760}
.link-tools-v496{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.link-tools-v496 button{
  width:auto!important;min-width:40px!important;min-height:40px!important;
  padding:7px 10px!important;background:rgba(16,31,53,.9)!important;
  border:1px solid rgba(125,178,255,.2)!important;
}
.link-tools-v496 span{min-width:52px;text-align:center;font-weight:900}
.link-tools-v496 button.active{background:linear-gradient(180deg,#3978f1,#2760d5)!important;color:#fff!important}
.link-media-layout-v496{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;
  transition:grid-template-columns .18s ease;
}
.link-media-layout-v496.details-open{grid-template-columns:minmax(0,1fr) 320px;gap:10px}
.link-stage-v496{
  position:relative;display:flex;align-items:center;justify-content:center;
  min-width:0;overflow:hidden;border-radius:18px;background:#040b16;
  border:1px solid rgba(125,178,255,.14);
}
.link-media-frame-v496{
  position:absolute;inset:12px 56px 40px;display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:0;
}
.link-stage-v496.kind-image{height:clamp(300px,48dvh,520px)}
.link-stage-v496.kind-video{
  height:min(50dvh,500px);min-height:285px;
}
.link-stage-v496.kind-video .link-media-frame-v496{inset:14px 56px 36px}
.link-stage-v496.kind-video video{
  display:block;width:min(100%,900px);height:auto;max-height:100%;
  aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:12px;
}
.link-stage-v496.kind-image img{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  transform-origin:center;transition:transform .15s ease;
}
.link-stage-v496.kind-pdf{height:clamp(430px,58dvh,590px)}
.link-stage-v496.kind-pdf .link-media-frame-v496{inset:10px 54px 38px}
.link-pdf-v496{display:block;width:100%;height:100%;border:0;border-radius:10px}
.link-stage-v496.kind-text{height:clamp(270px,43dvh,420px)}
.link-stage-v496.kind-audio,.link-stage-v496.kind-archive,.link-stage-v496.kind-file{height:250px}
.link-text-v496{width:100%;height:100%;margin:0;padding:13px;box-sizing:border-box;overflow:auto;background:#07101f;color:#dae8fa;font:13px/1.5 Consolas,monospace;white-space:pre-wrap}
.link-audio-v496,.link-file-v496{display:grid;place-items:center;gap:10px;text-align:center;width:100%}
.link-audio-v496 span,.link-file-v496 span{font-size:52px}
.link-audio-v496 audio{width:min(520px,92%)}
.link-file-v496 small{color:#a8bedc}
.link-arrow-v496{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:42px!important;height:58px!important;min-height:58px!important;padding:0!important;
  font-size:30px!important;border-radius:15px!important;background:rgba(7,17,31,.94)!important;
  border:1px solid rgba(125,178,255,.23)!important;color:#fff!important;
}
.link-arrow-v496.left{left:8px}.link-arrow-v496.right{right:8px}
.link-counter-v496{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:5;padding:5px 10px;border-radius:999px;background:#0a1729;border:1px solid rgba(125,178,255,.18);font-weight:900}
.link-hint-v496{padding:8px 11px;border-radius:12px;background:rgba(7,17,31,.52);color:#a8bedc;font-size:12px;font-weight:800}
.link-details-v496{
  height:100%;min-height:0;border-radius:17px;background:#0a1729;
  border:1px solid rgba(125,178,255,.18);overflow:hidden;display:flex;flex-direction:column;
}
.link-details-v496[hidden]{display:none!important}
.link-details-v496 header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(125,178,255,.13)}
.link-details-v496 header button{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}
.link-details-body-v496{display:grid;align-content:start;gap:9px;padding:10px;overflow:auto;min-height:0}
.link-details-body-v496 section{padding:10px;border-radius:12px;background:rgba(4,12,24,.48);border:1px solid rgba(125,178,255,.12)}
.link-details-body-v496 dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:7px 9px;font-size:12px;margin:9px 0 0}
.link-details-body-v496 dt{color:#a8bedc;font-weight:850}.link-details-body-v496 dd{margin:0;overflow-wrap:anywhere}
.link-zip-list-v496{max-height:180px;overflow:auto;display:grid;gap:5px;margin-top:9px;font-size:12px}
.link-thumbs-v496{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
  gap:7px;padding:7px;border-radius:14px;background:rgba(7,17,31,.45);
  border:1px solid rgba(125,178,255,.12);
}
.link-thumb-v496{
  min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;
  padding:8px!important;text-align:left!important;background:rgba(16,31,53,.7)!important;
  border:1px solid rgba(125,178,255,.14)!important;
}
.link-thumb-v496.active{background:rgba(37,99,235,.24)!important;border-color:rgba(96,165,250,.65)!important}
.link-thumb-v496 span{font-size:21px}.link-thumb-v496 div{min-width:0;display:grid;gap:2px}
.link-thumb-v496 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-thumb-v496 small{font-size:10px;color:#a8bedc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Einzeldatei-Link ebenfalls weniger hoch, sodass Download + QR sichtbar bleiben. */
.single-shell-v496 .single-share-stage-v487.image{height:clamp(295px,47dvh,500px)!important;min-height:295px!important}
.single-shell-v496 .g491-single-video-stage video{max-height:min(48dvh,480px)!important}
.single-shell-v496 .g491-single-pdf-stage{height:clamp(430px,58dvh,590px)!important;min-height:430px!important}

@media(max-width:1080px){
  .v317-shell.collection-shell-v496{grid-template-columns:1fr!important;width:100%!important}
  .collection-shell-v496 .v317-brand{display:none!important}
  .collection-shell-v496 .v317-preview.share-collection-v496{grid-template-columns:1fr!important;grid-template-areas:"stage" "actions" "qr"!important}
}
@media(max-width:850px){
  .link-head-v496{display:grid}
  .link-tools-v496{justify-content:flex-start}
  .link-media-layout-v496.details-open{grid-template-columns:1fr}
  .link-details-v496{height:auto;max-height:340px}
  .link-stage-v496.kind-pdf{height:clamp(360px,58dvh,520px);min-height:360px}
  .link-thumbs-v496{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ==========================================================================
   V497 - Neues Overlay für Passwortlink und Mehrdatei-Galerie
   ========================================================================== */
body.share-open-v497{overflow-y:auto!important}
body.share-open-v497 .v497-shell{
  display:block!important;
  width:min(1460px,calc(100vw - 32px))!important;
  min-height:auto!important;
  margin:18px auto!important;
}
body.share-open-v497 .v317-brand{display:none!important}
body.share-open-v497 .v317-content{padding:0!important;min-width:0!important}
body.share-open-v497 .v317-card{display:grid!important;gap:14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.share-open-v497 .v317-card > div:first-child{
  padding:0 2px!important;
}
body.share-open-v497 .v317-title{font-size:32px!important;margin:0!important}
body.share-open-v497 .v317-preview.v497-preview{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  grid-template-areas:"stage stage" "downloads qr"!important;
  gap:14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.share-open-v497 #previewStage{grid-area:stage!important;min-width:0!important}
body.share-open-v497 .v317-file-meta{
  grid-area:downloads!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:13px!important;
  align-content:center!important;
  padding:18px!important;
  border-radius:20px!important;
  background:#0b1a2e!important;
  border:1px solid rgba(125,178,255,.16)!important;
}
body.share-open-v497 .v317-download-actions-v461{
  display:grid!important;
  gap:8px!important;
}
body.share-open-v497 .v317-download-actions-v461 .v317-btn{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
}
body.share-open-v497 #shareQrPanelV426{
  grid-area:qr!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
  gap:10px!important;
  padding:18px!important;
  margin:0!important;
  border-radius:20px!important;
  background:#0b1a2e!important;
  border:1px solid rgba(125,178,255,.16)!important;
}
body.share-open-v497 #shareQrPanelV426[hidden]{display:none!important}
body.share-open-v497 #shareQrPanelV426 img{width:112px!important;height:112px!important}
body.share-open-v497 #zipList{display:none!important}

.v497-link{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:24px;
  background:#0b182a;
  border:1px solid rgba(125,178,255,.17);
}
.v497-filehead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-radius:16px;
  background:#071321;
  border:1px solid rgba(125,178,255,.13);
}
.v497-filehead>div:first-child{display:grid;gap:4px;min-width:0}
.v497-filehead h3{font-size:16px;line-height:1.25;color:#f4f8ff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v497-filehead p{font-size:12px;color:#9fb7d8;font-weight:800;margin:0}
.v497-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v497-tools button{
  width:auto!important;min-width:42px!important;min-height:42px!important;
  padding:8px 12px!important;border-radius:12px!important;
  color:#eef5ff!important;background:#11243c!important;
  border:1px solid rgba(125,178,255,.2)!important;font-weight:900!important;
}
.v497-tools button.reset{min-width:140px!important}
.v497-tools button.details.active{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
  border-color:rgba(125,178,255,.6)!important;
}
.v497-tools span{min-width:52px;text-align:center;font-size:12px;font-weight:950;color:#dbeafe}
.v497-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;align-items:stretch}
.v497-workspace.details-open{grid-template-columns:minmax(0,1fr) 350px;gap:12px}
.v497-content{min-width:0}
.v497-stage{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(125,178,255,.14);
  background:#040b16;
}
.v497-stage.image{height:clamp(400px,63vh,700px)}
.v497-stage.video{height:auto;min-height:0;padding:18px 66px 46px;box-sizing:border-box}
.v497-stage.pdf{height:clamp(590px,76vh,870px)}
.v497-stage.text{height:clamp(350px,56vh,600px)}
.v497-stage.compact,.v497-stage.audio,.v497-stage.archive,.v497-stage.file{height:290px}
.v497-media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%}
.v497-stage.image .v497-media{position:absolute;inset:16px 66px 44px;width:auto;height:auto}
.v497-stage.video .v497-media{position:relative}
.v497-stage.image img{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  transform-origin:center;transition:transform .15s ease;user-select:none;
}
.v497-stage.video video{
  display:block;width:min(100%,1060px);height:auto;max-height:min(68vh,650px);
  aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:14px;
}
.v497-stage.pdf iframe{display:block;width:100%;height:100%;border:0}
.v497-stage.text pre{
  display:block;width:100%;height:100%;box-sizing:border-box;margin:0;padding:16px;
  overflow:auto;background:#07101f;color:#dceafb;font:14px/1.55 Consolas,monospace;
  white-space:pre-wrap;word-break:break-word;
}
.v497-centered{
  display:grid;place-items:center;align-content:center;gap:14px;
  text-align:center;width:100%;height:100%;padding:24px;box-sizing:border-box;
}
.v497-centered span{font-size:64px}
.v497-centered audio{width:min(600px,92%)}
.v497-centered small{color:#9fb7d8}
.v497-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:48px!important;height:64px!important;min-height:64px!important;
  padding:0!important;border-radius:16px!important;font-size:34px!important;
  background:rgba(9,21,38,.94)!important;border:1px solid rgba(125,178,255,.24)!important;color:#fff!important;
}
.v497-arrow.left{left:10px}.v497-arrow.right{right:10px}
.v497-counter{
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  z-index:5;padding:6px 12px;border-radius:999px;background:#0b182a;
  border:1px solid rgba(125,178,255,.2);font-weight:900;
}
.v497-details{
  display:flex;flex-direction:column;min-width:0;height:100%;
  border-radius:18px;background:#091727;border:1px solid rgba(125,178,255,.18);overflow:hidden;
}
.v497-details[hidden]{display:none!important}
.v497-details header{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px;border-bottom:1px solid rgba(125,178,255,.14);
}
.v497-details header button{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}
.v497-details-body{display:grid;align-content:start;gap:10px;padding:10px;min-height:0;overflow-y:auto}
.v497-details-body section{
  display:grid;gap:8px;padding:11px;border-radius:13px;background:#071321;
  border:1px solid rgba(125,178,255,.11);
}
.v497-details-body h4{margin:0;color:#f0f5ff;font-size:14px}
.v497-details-body dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:7px 8px;font-size:12px;margin:2px 0 0}
.v497-details-body dt{color:#9fb7d8;font-weight:850}
.v497-details-body dd{margin:0;color:#e8f2ff;overflow-wrap:anywhere}
.v497-reveal{width:auto!important;min-height:32px!important;padding:5px 9px!important;font-size:12px!important}
.v497-zip{display:grid;gap:5px;max-height:310px;overflow:auto;color:#dbeafe;font-size:12px}
.v497-loading{color:#9fb7d8;padding:6px}
.v497-thumbs{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px;
  padding:8px;border-radius:16px;background:#071321;border:1px solid rgba(125,178,255,.12);
}
.v497-thumb{
  display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
  padding:9px!important;text-align:left!important;background:#102239!important;
  border:1px solid rgba(125,178,255,.13)!important;border-radius:12px!important;
}
.v497-thumb.active{background:rgba(37,99,235,.26)!important;border-color:rgba(96,165,250,.65)!important}
.v497-thumb span{font-size:24px}.v497-thumb div{display:grid;gap:2px;min-width:0}
.v497-thumb b,.v497-thumb small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v497-thumb b{font-size:12px}.v497-thumb small{font-size:10px;color:#9fb7d8}
.v497-empty{padding:34px;text-align:center;background:#071321;border-radius:18px}

@media(max-width:1080px){
  body.share-open-v497 .v317-preview.v497-preview{
    grid-template-columns:1fr!important;grid-template-areas:"stage" "downloads" "qr"!important;
  }
  .v497-workspace.details-open{grid-template-columns:1fr!important}
  .v497-details{height:auto;max-height:420px}
}
@media(max-width:760px){
  body.share-open-v497 .v497-shell{width:calc(100vw - 18px)!important;margin:9px auto!important}
  body.share-open-v497 .v317-title{font-size:26px!important}
  .v497-link{padding:9px;border-radius:18px}
  .v497-filehead{display:grid;padding:10px}
  .v497-tools{justify-content:flex-start}
  .v497-stage.image{height:clamp(260px,48vh,430px)}
  .v497-stage.video{padding:10px 48px 39px}
  .v497-stage.pdf{height:clamp(430px,67vh,630px)}
  .v497-stage.text{height:clamp(270px,48vh,440px)}
  .v497-stage.image .v497-media{inset:10px 48px 39px}
  .v497-arrow{width:38px!important;height:54px!important;min-height:54px!important;font-size:29px!important}
  .v497-arrow.left{left:5px}.v497-arrow.right{right:5px}
  .v497-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ==========================================================================
   V498 - Freigabelink vollständig dunkelblau und ohne alte schwarze Bühne
   ========================================================================== */
body.share-open-v498{
  display:block!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  background:#071321!important;
  overflow-y:auto!important;
}
body.share-open-v498::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 8%,rgba(47,109,240,.12),transparent 34%),
    linear-gradient(180deg,#09182b 0%,#071321 100%);
  z-index:-1;
}
body.share-open-v498 .v498-shell{
  display:block!important;
  width:min(1460px,calc(100vw - 28px))!important;
  max-width:none!important;
  min-height:calc(100dvh - 28px)!important;
  margin:14px auto!important;
  border-radius:25px!important;
  overflow:visible!important;
  background:#0a192d!important;
  border:1px solid rgba(125,178,255,.17)!important;
  box-shadow:none!important;
}
body.share-open-v498 .v498-shell::before{display:none!important}
body.share-open-v498 .v317-content{
  width:100%!important;
  box-sizing:border-box!important;
  padding:18px!important;
}
body.share-open-v498 .v317-card{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.share-open-v498 .v317-card > div:first-child{
  padding:0 4px!important;
}
body.share-open-v498 .v317-sub{
  color:#a8bedc!important;
}
body.share-open-v498 .v498-preview{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.share-open-v498 #previewStage.v498-preview-stage{
  grid-area:stage!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.share-open-v498 #previewStage.v498-preview-stage::before,
body.share-open-v498 #previewStage.v498-preview-stage::after{
  display:none!important;
}
body.share-open-v498 .v497-link{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  padding:14px!important;
  background:#0b1a2e!important;
  border:1px solid rgba(125,178,255,.16)!important;
}
body.share-open-v498 #publicGalleryViewerV456{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
body.share-open-v498 .v497-filehead{
  width:100%!important;
  box-sizing:border-box!important;
  background:#0c1c31!important;
}
body.share-open-v498 .v497-workspace{
  width:100%!important;
  min-width:0!important;
}
body.share-open-v498 .v497-content{
  width:100%!important;
  min-width:0!important;
}
body.share-open-v498 .v497-stage{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  background:#081523!important;
  border-color:rgba(125,178,255,.16)!important;
}

/* Bilder nutzen eine breite Galeriefläche. */
body.share-open-v498 .v497-stage.image{
  height:clamp(400px,60dvh,690px)!important;
}

/* Video-Player aus V497 bewusst erhalten: kompakt und mit sichtbarer Bedienung. */
body.share-open-v498 .v497-stage.video{
  background:#081523!important;
}
body.share-open-v498 .v497-stage.video video{
  width:min(100%,1060px)!important;
  max-height:min(68vh,650px)!important;
}

/* PDF: volle Breite und ausreichend Höhe für die PDF-Werkzeuge und Seite. */
body.share-open-v498 .v497-stage.pdf{
  display:block!important;
  height:clamp(680px,calc(100dvh - 245px),920px)!important;
  min-height:680px!important;
  padding:10px!important;
  background:#0b182a!important;
}
body.share-open-v498 .v497-stage.pdf .v497-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
body.share-open-v498 .v497-stage.pdf iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:12px!important;
  background:#1f1f1f!important;
}

/* Text, ZIP und Dateivorschau liegen nicht mehr in einer schmalen Mini-Box. */
body.share-open-v498 .v497-stage.text{
  height:clamp(360px,54dvh,620px)!important;
}
body.share-open-v498 .v497-stage.text pre{
  background:#091727!important;
}
body.share-open-v498 .v497-stage.compact,
body.share-open-v498 .v497-stage.archive,
body.share-open-v498 .v497-stage.audio,
body.share-open-v498 .v497-stage.file{
  height:clamp(280px,38dvh,380px)!important;
}
body.share-open-v498 .v497-centered{
  background:transparent!important;
}

/* Details bleiben in der Vollbreitenansicht rechts eingeblendet. */
body.share-open-v498 .v497-workspace.details-open{
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:12px!important;
}
body.share-open-v498 .v497-details{
  background:#0c1c31!important;
  border-color:rgba(125,178,255,.2)!important;
}
body.share-open-v498 .v497-details-body section{
  background:#091727!important;
}

/* Unterer Bereich erhält dieselbe dunkelblaue Optik. */
body.share-open-v498 .v317-file-meta,
body.share-open-v498 #shareQrPanelV426{
  background:#0b1a2e!important;
  border:1px solid rgba(125,178,255,.16)!important;
}
body.share-open-v498 .v497-thumbs{
  width:100%!important;
  box-sizing:border-box!important;
  background:#091727!important;
}
body.share-open-v498 .v497-thumb{
  background:#10233b!important;
}
body.share-open-v498 .v497-thumb.active{
  background:rgba(37,99,235,.32)!important;
}

/* Falls noch alte Freigabe-Klassen am DOM hängen, dürfen sie die Breite nicht
   wieder auf eine Zentrier-Kachel begrenzen. */
body.share-open-v498 .v317-stage,
body.share-open-v498 .public-gallery-v456,
body.share-open-v498 .embedded-explorer-preview-v477,
body.share-open-v498 .share-gallery-v488,
body.share-open-v498 .link-gallery-v496{
  max-width:none!important;
}

/* Mobile: weiterhin alles vollständig erreichbar. */
@media(max-width:1080px){
  body.share-open-v498 .v498-shell{
    width:calc(100vw - 16px)!important;
    margin:8px auto!important;
    min-height:calc(100dvh - 16px)!important;
  }
  body.share-open-v498 .v317-content{
    padding:10px!important;
  }
  body.share-open-v498 .v497-workspace.details-open{
    grid-template-columns:1fr!important;
  }
  body.share-open-v498 .v497-details{
    max-height:430px!important;
  }
  body.share-open-v498 .v497-stage.pdf{
    height:clamp(500px,70dvh,720px)!important;
    min-height:500px!important;
  }
}
@media(max-width:760px){
  body.share-open-v498 .v497-stage.pdf{
    height:clamp(450px,66dvh,620px)!important;
    min-height:450px!important;
    padding:6px!important;
  }
  body.share-open-v498 .v497-stage.compact,
  body.share-open-v498 .v497-stage.archive,
  body.share-open-v498 .v497-stage.audio,
  body.share-open-v498 .v497-stage.file{
    height:260px!important;
  }
}


/* ==========================================================================
   V499 - Papierkorb-Suche und Filter
   ========================================================================== */
body.trash-mode .trash-toolbar-v499{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  grid-column:1/-1!important;
}
body.trash-mode .trash-toolbar-v499 .trash-toolbar-main-v466{
  flex:1 1 auto!important;
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
}
body.trash-mode .trash-toolbar-title-v499{
  display:grid;
  gap:3px;
}
body.trash-mode .trash-filters-v499{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.trash-mode .trash-filters-v499 .trash-toolbar-search-v466{
  flex:1 1 230px!important;
  min-width:200px!important;
}
body.trash-mode .trash-filters-v499 input,
body.trash-mode .trash-filters-v499 select{
  min-height:43px!important;
  border-radius:12px!important;
}
body.trash-mode .trash-filters-v499 select{
  flex:0 1 170px!important;
  min-width:142px!important;
}
body.trash-mode .trash-reset-v499{
  width:auto!important;
  min-height:43px!important;
  padding:8px 14px!important;
  white-space:nowrap!important;
}
body.trash-mode .trash-no-results-v499{
  grid-column:1/-1!important;
  padding:30px 18px;
  border:1px dashed rgba(125,178,255,.25);
  border-radius:18px;
  background:rgba(7,17,31,.42);
  text-align:center;
  color:#a8bedc;
  font-weight:800;
}
body.trash-mode .trash-no-results-v499[hidden]{display:none!important}
@media(max-width:760px){
  body.trash-mode .trash-toolbar-v499{
    display:grid!important;
  }
  body.trash-mode .trash-toolbar-v499 > button.danger{
    width:100%!important;
  }
  body.trash-mode .trash-filters-v499{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.trash-mode .trash-filters-v499 .trash-toolbar-search-v466{
    grid-column:1/-1!important;
    min-width:0!important;
  }
  body.trash-mode .trash-filters-v499 select{
    width:100%!important;
    min-width:0!important;
  }
  body.trash-mode .trash-reset-v499{
    grid-column:1/-1!important;
    width:100%!important;
  }
}


/* ==========================================================================
   V500 - Benutzerprofilbilder
   ========================================================================== */
.userbox-v500{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:7px 9px!important;
}
.userbox-v500 #userName{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.user-avatar-v500,.user-avatar-fallback-v500{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#102540;
  border:1px solid rgba(125,178,255,.23);
}
.user-avatar-fallback-v500{font-size:17px}
.avatar-edit-v500{
  width:33px!important;
  height:33px!important;
  min-height:33px!important;
  min-width:33px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(125,178,255,.08)!important;
}
.avatar-dialog-v500{
  display:grid;
  justify-items:center;
  gap:14px;
  padding:8px 2px;
}
.avatar-preview-v500,.avatar-preview-fallback-v500{
  width:112px;
  height:112px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  font-size:52px;
  background:#102540;
  border:2px solid rgba(125,178,255,.3);
}
.avatar-upload-button-v500{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:12px;
  background:linear-gradient(180deg,#3978f1,#2760d5);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.avatar-upload-button-v500 input{display:none}
.user-table-row-v500 .admin-user-name-v500,.upload-history-user-v500{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.admin-avatar-v500,.admin-avatar-fallback-v500{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#102540;
  border:1px solid rgba(125,178,255,.22);
}
.admin-avatar-fallback-v500{font-size:17px}
.upload-history-user-v500 > div{display:grid;gap:2px;min-width:0}
.share-creator-v500{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:22px;
}
.share-creator-v500 img,.share-creator-v500 span{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#102540;
  border:1px solid rgba(125,178,255,.18);
  font-size:11px;
}
.share-creator-v500 em{font-style:normal;font-weight:800;color:#afc4e0}
@media(max-width:700px){
  .avatar-preview-v500,.avatar-preview-fallback-v500{
    width:96px;height:96px;
  }
}


/* ==========================================================================
   V501 - Virenscan & Quarantäne
   ========================================================================== */
.virus-status-grid-v501{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
  margin-bottom:16px;
}
.virus-grid-v501{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
.virus-grid-v501 .clean-card{
  display:grid;
  align-content:start;
  gap:13px;
}
.virus-grid-v501 .admin-check-v433{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:12px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(96,165,250,.14);
}
.virus-grid-v501 .admin-check-v433 input{
  width:auto;
  min-height:0;
}
.virus-grid-v501 .warning-v501{
  border-color:rgba(248,178,60,.22);
  background:rgba(248,178,60,.08);
}
.virus-provider-result-v501{
  display:grid;
  gap:7px;
  padding:14px;
  border-radius:14px;
  background:#091727;
  border:1px solid rgba(125,178,255,.13);
}
.virus-ok-v501{
  color:#85e6ab;
  font-weight:900;
}
.virus-warn-v501{
  color:#ffd584;
  font-weight:900;
}
.virus-quarantine-card-v501{
  display:grid;
  gap:14px;
}
.quarantine-list-v501{
  display:grid;
  gap:9px;
}
.quarantine-row-v501{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px;
  border-radius:14px;
  background:#091727;
  border:1px solid rgba(125,178,255,.12);
}
.quarantine-icon-v501{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(225,51,51,.12);
}
.quarantine-info-v501{
  display:grid;
  gap:3px;
  min-width:0;
}
.quarantine-info-v501 b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.quarantine-info-v501 small{
  color:#a8bedc;
}
.quarantine-reason-v501{
  color:#ffb7b7!important;
}
@media(max-width:900px){
  .virus-status-grid-v501,.virus-grid-v501{
    grid-template-columns:1fr;
  }
  .quarantine-row-v501{
    grid-template-columns:42px minmax(0,1fr);
  }
  .quarantine-row-v501 button{
    grid-column:1/-1;
    width:100%;
  }
}

/* V502 - Brute-Force-Schutz */
.brute-stats-v502{display:grid;grid-template-columns:repeat(2,minmax(160px,240px));gap:12px;margin-bottom:14px}
.brute-settings-v502{display:grid;gap:14px;max-width:850px}
.brute-settings-v502 .admin-check-v433{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(37,99,235,.08);border:1px solid rgba(96,165,250,.14)}
.brute-settings-v502 .admin-check-v433 input{width:auto;min-height:0}
.brute-fields-v502{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px}
@media(max-width:760px){.brute-stats-v502,.brute-fields-v502{grid-template-columns:1fr}}

/* V503 - Sicherheitsprotokoll */
.security-stats-v503{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}
.security-filter-v503{display:flex;gap:10px;margin-bottom:14px}.security-filter-v503 input{flex:1}.security-filter-v503 select{width:220px}
.security-events-v503{display:grid;gap:8px}
.security-event-v503{display:grid;grid-template-columns:145px minmax(0,1fr) 168px;align-items:start;gap:12px;padding:11px;border-radius:13px;background:#091727;border:1px solid rgba(125,178,255,.12)}
.security-event-v503.critical{border-color:rgba(235,70,70,.32);background:rgba(130,24,36,.12)}
.security-event-v503 div{display:grid;gap:4px;min-width:0}.security-event-v503 small{color:#a8bedc}.security-event-v503 code{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-event-v503 time{color:#a8bedc;font-size:12px;text-align:right}
.security-chip-v503{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;text-align:center;background:rgba(96,165,250,.15)}.security-chip-v503.scan{background:rgba(239,68,68,.14)}.security-chip-v503.login{background:rgba(251,191,36,.14)}
@media(max-width:850px){.security-stats-v503{grid-template-columns:repeat(2,1fr)}.security-filter-v503{display:grid}.security-filter-v503 select{width:100%}.security-event-v503{grid-template-columns:1fr}.security-event-v503 time{text-align:left}}

/* V504 - Backup-Inhalte auswählen */
.backup-content-v504{display:grid;gap:14px;margin-bottom:14px}
.backup-content-options-v504{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px}
.backup-content-options-v504 .admin-check-v433{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(37,99,235,.08);border:1px solid rgba(96,165,250,.14)}
.backup-content-options-v504 .admin-check-v433 input{width:auto;min-height:0}
@media(max-width:700px){.backup-content-options-v504{grid-template-columns:1fr}}

/* V505 - Backup-Verschlüsselung */
.backup-encryption-v505{display:grid;gap:13px;margin-bottom:14px}
.backup-encryption-v505 .admin-check-v433{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(37,99,235,.08);border:1px solid rgba(96,165,250,.14)}
.backup-encryption-v505 .admin-check-v433 input{width:auto;min-height:0}
.backup-lock-v505{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:11px;font-style:normal;background:rgba(47,109,240,.16);color:#dceaff}

/* V506 - Wiederherstellungs-Assistent */
.restore-helper-v506{display:grid;gap:10px;margin-bottom:14px}
.restore-dialog-v506{display:grid;gap:13px}
.restore-content-v506{display:grid;gap:11px;padding:12px;border-radius:14px;background:#091727;border:1px solid rgba(125,178,255,.13)}
.restore-areas-v506{display:grid;gap:8px}
.restore-areas-v506 .admin-check-v433{display:flex;align-items:center;gap:9px;padding:11px;border-radius:11px;background:rgba(37,99,235,.08);border:1px solid rgba(96,165,250,.14)}
.restore-areas-v506 .admin-check-v433 small{margin-left:auto;color:#a8bedc}

/* V507 - Gameserver-Spielsymbole */
.gameserver-item{grid-template-columns:10px 38px minmax(0,1fr)!important}
.gameserver-item .gs-actions{grid-column:3 / 4!important}
.gs-game-icon-v507{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(47,109,240,.12);border:1px solid rgba(125,178,255,.17);font-size:19px}
.amp-manual-row-v507{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.amp-game-icon-v507{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(47,109,240,.12);border:1px solid rgba(125,178,255,.17);font-size:21px}
@media(max-width:760px){.amp-manual-row-v507{grid-template-columns:42px minmax(0,1fr)!important}.amp-manual-row-v507 .amp-manual-actions{grid-column:1/-1!important}}

/* V508 - Drag-and-Drop Upload auf gesamter Explorerfläche */
.desktop-drop-overlay-v508{
  position:fixed;inset:12px;z-index:950;display:none;place-items:center;pointer-events:none;
  border:2px dashed rgba(96,165,250,.65);border-radius:22px;
  background:rgba(7,19,36,.80);backdrop-filter:blur(5px);
}
.desktop-drop-overlay-v508.open{display:grid}
.desktop-drop-overlay-v508>div{display:grid;justify-items:center;gap:8px;padding:26px 38px;border-radius:20px;background:#0d2038;border:1px solid rgba(125,178,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.33)}
.desktop-drop-overlay-v508 span{font-size:44px}.desktop-drop-overlay-v508 b{font-size:21px;color:#f2f7ff}.desktop-drop-overlay-v508 small{color:#acc2e0;font-weight:800}
.external-upload-drag-v508 .main{outline:1px solid rgba(96,165,250,.24);outline-offset:-1px}
@media(max-width:760px){.desktop-drop-overlay-v508{display:none!important}}

/* V509 - Erweiterte mobile Schnellaktionen */
@media(max-width:760px){
  .modal-card.mobile-sheet-modal-v509{
    position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;
    width:auto!important;max-width:none!important;max-height:min(78dvh,650px)!important;
    padding:10px!important;border-radius:22px!important;background:#0b192d!important;
    overflow:auto!important;
  }
  .modal-card.mobile-sheet-modal-v509 > h2,
  .modal-card.mobile-sheet-modal-v509 > br,
  .modal-card.mobile-sheet-modal-v509 > .secondary:last-child{display:none!important}
  .mobile-actions-sheet-v509{display:grid;gap:12px}
  .mobile-actions-grip-v509{width:42px;height:5px;border-radius:999px;background:rgba(185,205,234,.32);margin:1px auto 4px}
  .mobile-filehead-v509{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;background:#091525;border:1px solid rgba(125,178,255,.15)}
  .mobile-filehead-v509 span{font-size:30px}.mobile-filehead-v509 div{display:grid;min-width:0;gap:3px}.mobile-filehead-v509 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-filehead-v509 small{color:#a8bedc;font-weight:800}
  .mobile-actions-grid-v509{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-actions-grid-v509 button{min-height:50px!important;text-align:left!important;padding:10px 11px!important;border-radius:13px!important}
}


/* ==========================================================================
   V510 - Desktop Drag-and-Drop Fix
   ========================================================================== */
.desktop-drop-overlay-v508.open > div{
  min-width:min(430px,calc(100vw - 44px));
}
.desktop-drop-overlay-v508 #desktopDropTargetV510{
  max-width:min(520px,calc(100vw - 64px));
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* V511 Wartungsmodus */
.maintenance-card-v511{display:grid;gap:13px;max-width:760px}
.maintenance-card-v511 .admin-check-v433{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.18)}
.maintenance-card-v511 .admin-check-v433 input{width:auto;min-height:0}

/* V512 Sitzungen */
.session-actions-v512{display:flex;justify-content:flex-end;margin-bottom:10px}

/* V513 Speicherlimits */
.quota-list-v513{display:grid;gap:9px}.quota-row-v513{display:grid;grid-template-columns:42px minmax(130px,1fr) 150px auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#091727;border:1px solid rgba(125,178,255,.13)}.quota-row-v513 div{display:grid;gap:3px}.quota-row-v513 small{color:#a8bedc}.quota-row-v513 label{display:grid;gap:4px;font-size:12px;font-weight:850}@media(max-width:700px){.quota-row-v513{grid-template-columns:42px 1fr}.quota-row-v513 label,.quota-row-v513 button{grid-column:1/-1}}

/* V514 Favoriten-Sammlungen */
.favorites-mode #grid .favorites-toolbar-v514{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:14px;background:#091727;border:1px solid rgba(125,178,255,.14)}.favorites-toolbar-v514 select{min-width:190px}.favorites-toolbar-v514 button{width:auto!important}

/* V515 Ablaufwarnungen */
.expiry-list-v515{display:grid;gap:9px}.expiry-row-v515{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#091727;border:1px solid rgba(251,191,36,.22)}.expiry-row-v515 span{font-size:24px}.expiry-row-v515 div{display:grid;gap:4px}.expiry-row-v515 small{color:#a8bedc}.expiry-row-v515 strong{color:#ffd584}

/* V516 Dateiaktivität */
.activity-filter-v516{display:flex;gap:10px;margin-bottom:14px}.activity-filter-v516 input{flex:1}.activity-list-v516{display:grid;gap:8px}.activity-row-v516{display:grid;grid-template-columns:40px minmax(0,1fr) 170px;gap:11px;align-items:center;padding:11px;border-radius:13px;background:#091727;border:1px solid rgba(125,178,255,.13)}.activity-row-v516 div{display:grid;gap:3px;min-width:0}.activity-row-v516 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8bedc}.activity-row-v516 time{font-size:12px;color:#a8bedc;text-align:right}@media(max-width:720px){.activity-filter-v516{display:grid}.activity-row-v516{grid-template-columns:36px 1fr}.activity-row-v516 time{grid-column:2;text-align:left}}

/* V517 Letztes Upload-Ziel */

/* V518 Linkstatistik */
.share-stats-list-v518{display:grid;gap:8px}.share-stat-row-v518{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#091727;border:1px solid rgba(125,178,255,.13)}.share-stat-row-v518 div{display:grid;gap:3px}.share-stat-row-v518 small{color:#a8bedc}.share-stat-row-v518 span,.share-stat-row-v518 strong{text-align:center;font-weight:900}

/* V519 Serverhinweise */
.server-notices-v519{display:grid;gap:8px;margin-bottom:12px}.server-notices-v519[hidden]{display:none}.server-notice-v519{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:13px;background:rgba(37,99,235,.10);border:1px solid rgba(96,165,250,.22)}.server-notice-v519.warning{background:rgba(251,191,36,.09);border-color:rgba(251,191,36,.25)}.server-notice-v519.success{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.server-notice-v519 p{margin:0;font-weight:800}.notice-create-v519{display:grid;gap:10px;margin-bottom:14px}.notice-admin-list-v519{display:grid;gap:8px}.notice-admin-row-v519{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:13px;background:#091727;border:1px solid rgba(125,178,255,.13)}.notice-admin-row-v519 div{display:grid;gap:3px}.notice-admin-row-v519 small{color:#a8bedc}

/* V520 Healthcheck */
.health-grid-v520{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;margin-bottom:14px}.health-paths-v520{display:grid;gap:8px;margin-top:12px}.health-path-v520{display:flex;align-items:center;gap:11px;padding:11px;border-radius:12px;background:#091727;border:1px solid rgba(125,178,255,.13)}.health-path-v520.bad{border-color:rgba(239,68,68,.3)}.health-path-v520 div{display:grid;gap:3px}.health-path-v520 small{color:#a8bedc;word-break:break-all}@media(max-width:760px){.health-grid-v520{grid-template-columns:repeat(2,1fr)}}


/* ==========================================================================
   V521 - Dateiinformationen-Seitenleiste im Explorer
   ========================================================================== */
.details-toggle-v521.active{
  background:linear-gradient(180deg,rgba(47,109,240,.92),rgba(36,94,214,.9))!important;
  border-color:rgba(147,197,253,.55)!important;
}
.file-details-panel-v521{
  position:fixed;
  top:12px;
  right:12px;
  bottom:12px;
  z-index:8500;
  width:min(390px,calc(100vw - 24px));
  display:flex;
  flex-direction:column;
  border-radius:22px;
  background:linear-gradient(180deg,#0e2038 0%,#091625 100%);
  border:1px solid rgba(125,178,255,.22);
  box-shadow:-18px 18px 58px rgba(0,0,0,.42);
  transform:translateX(calc(100% + 24px));
  opacity:0;
  pointer-events:none;
  transition:transform .2s ease,opacity .2s ease;
}
.file-details-panel-v521.open{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}
.file-details-head-v521{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:14px;
  border-bottom:1px solid rgba(125,178,255,.13);
}
.file-details-head-v521 > div{display:grid;gap:3px}
.file-details-head-v521 b{font-size:17px}
.file-details-head-v521 small{color:#a8bedc;font-weight:800}
.file-details-head-v521 button{width:39px!important;height:39px!important;min-height:39px!important;padding:0!important}
.file-details-body-v521{
  display:grid;
  align-content:start;
  gap:10px;
  padding:12px;
  min-height:0;
  overflow-y:auto;
}
.details-loading-v521,.details-muted-v521,.details-note-v521{
  color:#a8bedc;
  font-size:12px;
  font-weight:780;
  margin:0;
}
.details-empty-v521{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:8px;
  padding:42px 16px;
  color:#dce8fb;
}
.details-empty-v521 span{font-size:40px}
.details-empty-v521 small{color:#a8bedc;line-height:1.45}
.details-hero-v521{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:16px;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(96,165,250,.18);
}
.details-hero-v521 > span{
  width:50px;height:50px;min-width:50px;display:grid;place-items:center;
  border-radius:14px;background:#081421;font-size:28px;
}
.details-hero-v521 div{display:grid;gap:3px;min-width:0}
.details-hero-v521 b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.details-hero-v521 small{color:#a8bedc;font-weight:850}
.details-section-v521{
  display:grid;
  gap:9px;
  padding:11px;
  border-radius:15px;
  background:#081421;
  border:1px solid rgba(125,178,255,.12);
}
.details-section-v521 h3{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:0;color:#f0f6ff;font-size:14px;
}
.details-section-v521 h3 em{
  font-style:normal;font-size:11px;padding:3px 8px;border-radius:999px;
  background:rgba(47,109,240,.16);color:#dbeafe;
}
.details-grid-v521{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:7px 9px;
  margin:0;
  font-size:12px;
}
.details-grid-v521 dt{color:#a8bedc;font-weight:850}
.details-grid-v521 dd{margin:0;color:#eef5ff;overflow-wrap:anywhere}
.details-share-v521,.details-event-v521,.details-version-v521{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:8px;
  border-radius:11px;
  background:rgba(18,34,58,.62);
}
.details-share-v521 div,.details-event-v521 div,.details-version-v521{min-width:0}
.details-share-v521 b,.details-event-v521 b,.details-version-v521 b{display:block;font-size:12px}
.details-share-v521 small,.details-event-v521 small,.details-version-v521 small{
  display:block;color:#a8bedc;font-size:11px;line-height:1.4;
}
.details-version-v521{display:grid;gap:3px}
.details-note-v521{
  padding-top:5px;
  border-top:1px dashed rgba(125,178,255,.16);
}
.details-timeline-v521{display:grid;gap:6px}
.details-event-v521 > span{color:#60a5fa;font-weight:950}
.details-duplicate-v521{
  display:block;padding:7px 8px;border-radius:9px;
  background:rgba(251,191,36,.08);color:#ffd584;font-weight:800;
}
.details-ok-v521{color:#81dfab;font-size:12px;font-weight:850;margin:0}
.details-hash-v521 summary{cursor:pointer;color:#a8bedc;font-size:12px;font-weight:850}
.details-hash-v521 code{
  display:block;margin-top:8px;padding:8px;border-radius:9px;background:#07101f;
  color:#dbeafe;font-size:10px;word-break:break-all;
}
@media(min-width:1100px){
  body.file-details-open-v521 .main{padding-right:418px!important}
}
@media(max-width:760px){
  .file-details-panel-v521{
    top:auto;left:8px;right:8px;bottom:8px;width:auto;
    max-height:min(78dvh,690px);
    transform:translateY(calc(100% + 22px));
    border-radius:22px;
  }
  .file-details-panel-v521.open{transform:translateY(0)}
}


/* ==========================================================================
   V522 - Adminpanel logisch sortiert und modernisiert
   ========================================================================== */
.admin-layout-v522{
  grid-template-columns:300px minmax(0,1fr)!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(47,109,240,.10),transparent 28%),
    #07111f;
}
.admin-sidebar-v522{
  position:sticky;
  top:0;
  height:100dvh;
  width:auto!important;
  padding:14px!important;
  background:linear-gradient(180deg,#091628,#07111f)!important;
  border-right:1px solid rgba(125,178,255,.14)!important;
}
.admin-brand-v522{
  margin:0 0 12px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:#0d1c31!important;
}
.admin-brand-v522 .mini-logo{width:48px!important;height:48px!important;border-radius:13px!important}
.admin-brand-v522 h1{font-size:19px!important}
.admin-tabs-v522{
  display:grid!important;
  gap:10px!important;
}
.admin-back-v522{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  border-radius:13px!important;
  color:#dbeafe!important;
  background:rgba(37,99,235,.10)!important;
  border:1px solid rgba(96,165,250,.18)!important;
}
.admin-menu-title-v522{
  display:grid;
  gap:2px;
  padding:4px 4px 0;
}
.admin-menu-title-v522 b{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#e5efff;
}
.admin-menu-title-v522 small{
  font-size:11px;
  color:#8da7ca;
  font-weight:780;
}
.admin-nav-search-v522{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:43px;
  border-radius:13px;
  padding:0 10px;
  border:1px solid rgba(125,178,255,.17);
  background:#0b192d;
}
.admin-nav-search-v522 span{
  font-size:20px;
  color:#8eacd5;
}
.admin-nav-search-v522 input{
  min-height:40px!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  font-size:13px;
}
.admin-nav-search-v522 input:focus{outline:none}
.admin-nav-groups-v522{
  display:grid;
  gap:7px;
  padding-bottom:16px;
}
.admin-nav-group-v522{
  display:grid;
  gap:5px;
  border-radius:14px;
}
.admin-nav-group-v522.search-hidden{display:none}
.admin-tabs-v522 .admin-group-toggle-v522{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto 16px;
  align-items:center;
  gap:7px!important;
  width:100%;
  min-height:45px!important;
  padding:0 9px!important;
  text-align:left!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#b7cbe7!important;
}
.admin-tabs-v522 .admin-group-toggle-v522:hover,
.admin-nav-group-v522.open > .admin-group-toggle-v522{
  background:rgba(21,39,65,.74)!important;
  border-color:rgba(125,178,255,.13)!important;
}
.admin-group-toggle-v522 > span{font-size:16px}
.admin-group-toggle-v522 > b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-group-toggle-v522 > small{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:11px;
  color:#95b6e2;
  background:rgba(37,99,235,.11);
}
.admin-group-toggle-v522 > i{
  font-style:normal;
  font-size:16px;
  color:#8aa8d0;
  transition:transform .18s ease;
}
.admin-nav-group-v522.open .admin-group-toggle-v522 > i{transform:rotate(180deg)}
.admin-nav-items-v522{
  display:none;
  gap:4px;
  padding:0 0 3px 9px;
}
.admin-nav-group-v522.open .admin-nav-items-v522{display:grid}
.admin-tabs-v522 .admin-nav-items-v522 button{
  justify-content:flex-start!important;
  min-height:39px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#b8cae3!important;
  font-size:13px!important;
  font-weight:850!important;
}
.admin-tabs-v522 .admin-nav-items-v522 button:hover{
  background:rgba(37,99,235,.09)!important;
  border-color:rgba(96,165,250,.13)!important;
}
.admin-tabs-v522 .admin-nav-items-v522 button.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(47,109,240,.82),rgba(36,94,214,.67))!important;
  border-color:rgba(147,197,253,.33)!important;
}
.admin-layout-v522 > .main{
  padding:22px 26px!important;
  background:transparent;
}
.admin-layout-v522 .admin-tab{
  max-width:1460px;
  margin:0 auto;
}
.admin-layout-v522 .admin-page-head-v434{
  margin-bottom:18px!important;
  padding-bottom:14px;
  border-bottom:1px solid rgba(125,178,255,.10);
}
.admin-layout-v522 .admin-page-head-v434 h1{
  letter-spacing:-.04em;
}
.admin-layout-v522 .clean-card{
  background:linear-gradient(180deg,rgba(16,31,53,.82),rgba(11,25,45,.78))!important;
  border-color:rgba(125,178,255,.15)!important;
}
.admin-quick-launch-v522{
  display:grid;
  grid-template-columns:repeat(6,minmax(110px,1fr));
  gap:9px;
  margin:0 0 16px;
}
.admin-quick-launch-v522 button{
  min-height:52px!important;
  justify-content:flex-start;
  padding:0 13px!important;
  background:rgba(12,28,49,.78)!important;
  border-color:rgba(125,178,255,.16)!important;
}
.admin-quick-launch-v522 button:hover{
  background:rgba(37,99,235,.15)!important;
  border-color:rgba(96,165,250,.34)!important;
}
@media(max-width:1180px){
  .admin-quick-launch-v522{grid-template-columns:repeat(3,minmax(130px,1fr))}
}
@media(max-width:900px){
  .admin-layout-v522{grid-template-columns:1fr!important}
  .admin-sidebar-v522{
    position:relative;
    height:auto;
    border-right:0!important;
    border-bottom:1px solid rgba(125,178,255,.14)!important;
  }
  .admin-nav-groups-v522{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-nav-group-v522{align-content:start}
  .admin-layout-v522 > .main{padding:16px!important}
}
@media(max-width:620px){
  .admin-nav-groups-v522{grid-template-columns:1fr}
  .admin-quick-launch-v522{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-menu-title-v522{display:none}
}


/* ==========================================================================
   V523 - Mobile Linkaktionen repariert
   ========================================================================== */
.mobile-selection-bar-v523{display:none}
@media(max-width:760px){
  .modal-card.mobile-sheet-modal-v523{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(83dvh,720px)!important;
    padding:10px!important;
    border-radius:23px!important;
    background:#0b192d!important;
    border:1px solid rgba(125,178,255,.24)!important;
    overflow:auto!important;
  }
  .modal-card.mobile-sheet-modal-v523 > h2,
  .modal-card.mobile-sheet-modal-v523 > br,
  .modal-card.mobile-sheet-modal-v523 > .secondary:last-child{display:none!important}
  .mobile-actions-sheet-v523{display:grid;gap:12px}
  .mobile-actions-grid-v523{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .mobile-actions-grid-v523 button{
    min-height:54px!important;
    text-align:left!important;
    padding:10px 11px!important;
    border-radius:13px!important;
    line-height:1.25!important;
  }
  .mobile-actions-grid-v523 .mobile-share-action-v523{
    background:linear-gradient(180deg,rgba(47,109,240,.9),rgba(36,94,214,.82))!important;
    border-color:rgba(147,197,253,.42)!important;
    color:#fff!important;
  }
  .mobile-selection-bar-v523{
    position:fixed;
    left:10px;
    right:10px;
    bottom:76px;
    z-index:8500;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:56px;
    padding:7px 8px 7px 13px;
    border-radius:17px;
    background:#0d2038;
    border:1px solid rgba(125,178,255,.28);
    box-shadow:0 16px 42px rgba(0,0,0,.4);
  }
  .mobile-selection-bar-v523[hidden]{display:none!important}
  .mobile-selection-bar-v523 b{flex:1;font-size:13px}
  .mobile-selection-bar-v523 button{width:auto!important;min-height:42px!important;padding:8px 11px!important;font-size:12px!important}
  body.mobile-selection-mode-v523 #grid .tile.selected{
    outline:2px solid rgba(96,165,250,.86)!important;
    background:rgba(37,99,235,.18)!important;
  }
}


/* ==========================================================================
   V524 - Optionales aufgeräumtes Explorer-Design
   Backups bleiben ausschließlich im Adminpanel.
   ========================================================================== */
.sidebar-clean-v524{
  background:linear-gradient(180deg,#081423 0%,#07111f 100%)!important;
  border-right:1px solid rgba(125,178,255,.12)!important;
}
.sidebar-clean-v524 .brand{
  padding:11px!important;
  margin-bottom:8px!important;
  border-radius:18px!important;
  background:rgba(14,31,52,.72)!important;
  border:1px solid rgba(125,178,255,.10)!important;
}
.sidebar-clean-v524 .side-section{
  margin-top:14px!important;
}
.sidebar-clean-v524 .side-section h3{
  margin:0 0 7px!important;
  padding:0 6px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#728db2!important;
}
.sidebar-clean-v524 .nav{
  gap:4px!important;
}
.sidebar-clean-v524 .nav button,
.sidebar-clean-v524 .nav a,
.sidebar-clean-v524 .sidebar-utility-card{
  min-height:41px!important;
  border-radius:12px!important;
  padding:0 10px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#bed0e8!important;
}
.sidebar-clean-v524 .nav button:hover,
.sidebar-clean-v524 .nav a:hover,
.sidebar-clean-v524 .sidebar-utility-card:hover{
  background:rgba(37,99,235,.09)!important;
  border-color:rgba(96,165,250,.12)!important;
}
.sidebar-clean-v524 .sidebar-active-v459,
.sidebar-clean-v524 .nav .active{
  background:rgba(37,99,235,.18)!important;
  border-color:rgba(96,165,250,.27)!important;
  color:#fff!important;
}
.sidebar-clean-v524 .side-share-v524 .share-panel{
  padding:5px!important;
  border-radius:14px!important;
  background:rgba(12,26,45,.7)!important;
  border:1px solid rgba(125,178,255,.10)!important;
}
.sidebar-clean-v524 .side-system-v524 .gameserver-panel{
  margin:0!important;
  border-radius:14px!important;
  background:rgba(12,26,45,.56)!important;
  border:1px solid rgba(125,178,255,.10)!important;
}
.sidebar-clean-v524 .sidebar-utility-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  margin-top:7px!important;
}
.sidebar-clean-v524 .side-shortcuts-v524,
.sidebar-clean-v524 .side-org-v524{
  padding-top:6px;
  border-top:1px solid rgba(125,178,255,.08);
}
.main{
  background:
    radial-gradient(circle at 20% 0%,rgba(37,99,235,.07),transparent 32%),
    #07111f!important;
}
.topbar{
  padding:9px!important;
  border-radius:17px!important;
  background:rgba(11,25,45,.72)!important;
  border:1px solid rgba(125,178,255,.11)!important;
}
.cards .stat{
  background:rgba(13,29,50,.76)!important;
  border-color:rgba(125,178,255,.12)!important;
}
.cards .stat b{
  color:#f1f6ff!important;
}
.upload-hero{
  min-height:82px!important;
  border-radius:18px!important;
  background:rgba(13,29,50,.64)!important;
  border-color:rgba(96,165,250,.23)!important;
}
.grid .tile:not(.trash-tile-v434):not(.share-tile){
  min-height:144px!important;
  padding:10px!important;
  border-radius:16px!important;
  background:rgba(13,29,50,.68)!important;
  border-color:rgba(125,178,255,.13)!important;
}
.grid .tile:not(.trash-tile-v434):not(.share-tile) .preview{
  min-height:72px!important;
}
.grid .tile:not(.trash-tile-v434):not(.share-tile) .file-symbol{
  font-size:43px!important;
}
.grid .tile:not(.trash-tile-v434):not(.share-tile) small{
  color:#91aaca!important;
  font-size:11px!important;
}
.selection-toolbar-v524{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:-5px 0 14px;
  padding:8px 9px 8px 13px;
  min-height:55px;
  border-radius:16px;
  background:rgba(20,44,76,.82);
  border:1px solid rgba(96,165,250,.26);
}
.selection-toolbar-v524[hidden]{display:none!important}
.selection-summary-v524{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dceaff;
  white-space:nowrap;
}
.selection-summary-v524 b{
  display:grid;
  place-items:center;
  width:31px;height:31px;border-radius:10px;
  background:rgba(47,109,240,.44);
}
.selection-summary-v524 span{font-size:13px;font-weight:850}
.selection-actions-v524{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.selection-actions-v524 button{
  width:auto!important;
  min-height:40px!important;
  padding:7px 11px!important;
  font-size:12px!important;
}
.selection-actions-v524 button.primary{
  background:linear-gradient(180deg,#3978f1,#2760d5)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .selection-toolbar-v524{display:none!important}
  .sidebar-clean-v524 .side-section h3{font-size:11px!important}
}


/* ==========================================================================
   V525 - Sidebar-Größe, flüssige Auswahlleiste und Favoriten-Sicherheit
   ========================================================================== */

/* Die V524-Sidebar war im 300px-Grid enger als ihr tatsächlicher Inhalt.
   Der Inhaltsbereich bekommt nun zuverlässig genug Platz. */
.app:has(.sidebar-clean-v524){
  grid-template-columns:324px minmax(0,1fr)!important;
}
.sidebar-clean-v524{
  width:100%!important;
  min-width:0!important;
  max-width:324px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  padding:12px!important;
}
.sidebar-clean-v524 *,
.sidebar-clean-v524 *::before,
.sidebar-clean-v524 *::after{
  box-sizing:border-box!important;
  min-width:0;
}
.sidebar-clean-v524 .brand{
  width:100%!important;
}
.sidebar-clean-v524 .nav button,
.sidebar-clean-v524 .nav a,
.sidebar-clean-v524 .sidebar-utility-card,
.sidebar-clean-v524 .gameserver-panel,
.sidebar-clean-v524 .share-panel{
  max-width:100%!important;
  overflow:hidden!important;
}
.sidebar-clean-v524 .nav button span,
.sidebar-clean-v524 .nav a span,
.sidebar-clean-v524 .gameserver-head span:first-child,
.sidebar-clean-v524 .gs-title-row b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sidebar-clean-v524 .side-section{
  padding:10px!important;
  border-radius:15px!important;
}
.sidebar-clean-v524 .sidebar-utility-actions{
  padding:0 2px!important;
}

/* Schnelles, weiches Ein-/Ausblenden: reagiert sofort, wirkt aber nicht hart. */
.selection-toolbar-v524{
  display:flex!important;
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-6px) scale(.995);
  margin:-5px 0 0!important;
  padding:0 9px 0 13px!important;
  border-color:transparent!important;
  transition:
    max-height .16s cubic-bezier(.2,.8,.2,1),
    opacity .12s ease-out,
    transform .16s cubic-bezier(.2,.8,.2,1),
    margin .16s cubic-bezier(.2,.8,.2,1),
    padding .16s cubic-bezier(.2,.8,.2,1),
    border-color .12s ease-out;
}
.selection-toolbar-v524.is-visible{
  max-height:96px;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
  margin:-5px 0 14px!important;
  padding:8px 9px 8px 13px!important;
  border-color:rgba(96,165,250,.26)!important;
}
.selection-toolbar-v524[hidden]{
  display:flex!important;
}
.favorites-mode .selection-toolbar-v524 .selection-actions-v524 button:not(.primary){
  border-color:rgba(125,178,255,.18)!important;
}
#contextDeleteV525[hidden]{display:none!important}

@media(max-width:900px){
  .app:has(.sidebar-clean-v524){
    grid-template-columns:1fr!important;
  }
  .sidebar-clean-v524{
    max-width:none!important;
  }
}
@media(max-width:760px){
  .selection-toolbar-v524,
  .selection-toolbar-v524.is-visible{
    display:none!important;
  }
}


/* ==========================================================================
   V526 - Serverneustart-Hinweis im Login
   ========================================================================== */
.server-restart-notice-v526{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 34px;
  align-items:start;
  gap:10px;
  margin:16px 0;
  padding:12px;
  border-radius:15px;
  border:1px solid rgba(96,165,250,.28);
  background:linear-gradient(180deg,rgba(24,55,97,.52),rgba(14,35,64,.48));
  color:#edf5ff;
}
.server-restart-notice-v526[hidden]{display:none!important}
.server-restart-icon-v526{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(47,109,240,.22);
  color:#bcd7ff;
  font-size:24px;
  font-weight:900;
}
.server-restart-notice-v526 div{
  display:grid;
  gap:4px;
  padding-top:2px;
}
.server-restart-notice-v526 b{
  font-size:14px;
  letter-spacing:-.01em;
}
.server-restart-notice-v526 p{
  margin:0;
  color:#c4d6ee;
  font-size:12px;
  line-height:1.45;
  font-weight:750;
}
.server-restart-notice-v526 small{
  color:#8fb0dd;
  font-size:11px;
  font-weight:800;
}
.server-restart-close-v526{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:transparent!important;
  border-color:transparent!important;
  color:#aac1df!important;
}
.server-restart-close-v526:hover{
  background:rgba(125,178,255,.09)!important;
  border-color:rgba(125,178,255,.15)!important;
}
@media(max-width:580px){
  .server-restart-notice-v526{
    grid-template-columns:38px minmax(0,1fr) 31px;
    gap:8px;
    padding:10px;
    margin:12px 0;
  }
  .server-restart-icon-v526{width:38px;height:38px;font-size:21px}
  .server-restart-close-v526{width:31px!important;height:31px!important;min-height:31px!important}
}


/* ==========================================================================
   V530 - Sidebar-Aktionsbuttons passend zu den übrigen Kategorien
   ========================================================================== */
.sidebar-clean-v524 .sidebar-utility-actions{
  gap:7px!important;
  margin-top:10px!important;
  padding:9px!important;
  border-radius:15px!important;
  background:rgba(12,26,45,.56)!important;
  border:1px solid rgba(125,178,255,.10)!important;
}
.sidebar-clean-v524 .sidebar-utility-actions .sidebar-utility-card{
  width:100%!important;
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 11px!important;
  border-radius:12px!important;
  background:rgba(9,21,37,.56)!important;
  border:1px solid rgba(125,178,255,.17)!important;
  color:#c9dbf4!important;
}
.sidebar-clean-v524 .sidebar-utility-actions .sidebar-utility-card:hover{
  background:rgba(37,99,235,.11)!important;
  border-color:rgba(96,165,250,.27)!important;
}
.sidebar-clean-v524 .sidebar-utility-actions .sidebar-utility-card.sidebar-active-v459,
.sidebar-clean-v524 .sidebar-utility-actions .sidebar-utility-card.active{
  background:rgba(37,99,235,.20)!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#fff!important;
}


/* ==========================================================================
   V531 - Sidebar: allgemeinen Freigaben-Text ausblenden
   ========================================================================== */
/* Der generische Titel innerhalb der Teilen-Karte ist redundant, weil der
   Bereich bereits mit "TEILEN" überschrieben ist. Die Funktionen darunter
   (Discord Links / Download Links) bleiben unverändert erhalten. */
.sidebar-clean-v524 .side-share-v524 .share-panel .share-head{
  display:none!important;
}
.sidebar-clean-v524 .side-share-v524 .share-panel{
  padding:5px!important;
}
.sidebar-clean-v524 .side-share-v524 .share-category:first-of-type{
  margin-top:0!important;
}


/* ========================================================================== 
   V532 - Schnelllink- und Upload-Link-Buttons logisch innerhalb der Gruppen
   ========================================================================== */
#linkList .link-create-v532{
  width:100%!important;
  min-height:41px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 9px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  background:rgba(37,99,235,.10)!important;
  border:1px solid rgba(96,165,250,.20)!important;
  color:#dbeafe!important;
  font-size:13px!important;
  font-weight:950!important;
}
#linkList .link-create-v532:hover{
  background:rgba(37,99,235,.19)!important;
  border-color:rgba(96,165,250,.34)!important;
}
#linkList .link-group .link-create-v532 + .link-card-row{
  margin-top:0!important;
}
.sidebar-clean-v524 .side-shortcuts-v524 > .nav{
  display:none!important;
}

/* ==========================================================================
   V533 - Touch-Ansicht für iOS und Android
   ========================================================================== */
.clipboard-bar-v533{display:none}
@media(max-width:900px){
  html{height:-webkit-fill-available}
  body{
    min-height:100dvh;min-height:-webkit-fill-available;
    padding-top:calc(66px + env(safe-area-inset-top))!important;
    padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-appbar-v437{height:calc(62px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  .mobile-bottom-nav-v437{height:calc(70px + env(safe-area-inset-bottom))!important;padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
  .modal{padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}
  .modal-card.mobile-sheet-modal-v523{
    bottom:calc(77px + env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 106px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  }
  .mobile-actions-grid-v523{grid-template-columns:1fr!important;gap:9px!important}
  .mobile-actions-grid-v523 button{min-height:56px!important;font-size:14px!important;display:flex!important;align-items:center!important;gap:9px!important}
  .mobile-actions-grid-v523 button small{display:block;margin-left:auto;font-size:11px;color:rgba(229,239,255,.78)}
  .mobile-actions-grid-v523 .mobile-main-action-v533{min-height:62px!important;font-size:15px!important}
  .mobile-selection-bar-v523{bottom:calc(79px + env(safe-area-inset-bottom))!important}
  .clipboard-bar-v533{
    position:fixed;display:flex;align-items:center;gap:7px;
    left:8px;right:8px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:9390;
    padding:8px;border-radius:17px;background:rgba(11,25,45,.98);
    border:1px solid rgba(96,165,250,.28);box-shadow:0 14px 36px rgba(0,0,0,.38);
  }
  .clipboard-bar-v533[hidden]{display:none!important}
  .clipboard-bar-v533 div{flex:1;min-width:0;display:grid;gap:3px;padding-left:4px}
  .clipboard-bar-v533 b,.clipboard-bar-v533 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .clipboard-bar-v533 b{font-size:12px}.clipboard-bar-v533 small{font-size:10px;color:#9eb7d9}
  .clipboard-bar-v533 button{width:auto!important;min-height:43px!important;padding:7px 10px!important;font-size:12px!important}
  body.mobile-selection-mode-v523 .clipboard-bar-v533{display:none!important}
}
@media(min-width:901px){
  .clipboard-bar-v533:not([hidden]){
    position:fixed;display:flex;align-items:center;gap:9px;right:16px;bottom:16px;z-index:8600;
    min-width:390px;padding:10px;border-radius:16px;background:#0d2038;
    border:1px solid rgba(96,165,250,.28);box-shadow:0 18px 48px rgba(0,0,0,.4);
  }
  .clipboard-bar-v533 div{display:grid;gap:3px;flex:1}.clipboard-bar-v533 small{color:#9eb7d9}
  .clipboard-bar-v533 button{width:auto!important}
}

/* Öffentliche Download- und Galerie-Linkseite */
.share-mobile-return-v533{display:none}
@media(max-width:900px){
  .share-v317-body{padding:calc(10px + env(safe-area-inset-top)) 8px calc(14px + env(safe-area-inset-bottom))!important}
  .share-mobile-return-v533{position:sticky;top:calc(4px + env(safe-area-inset-top));z-index:50;display:flex;margin:0 0 10px}
  .share-mobile-return-v533 button{
    width:auto!important;min-height:46px!important;padding:0 14px!important;border-radius:14px!important;
    background:#0d2038!important;border:1px solid rgba(96,165,250,.25)!important;color:#eff6ff!important;
  }
  body.share-open-v497 .v497-shell,.v317-shell{width:100%!important;margin:0!important;min-height:0!important}
  .v317-content{padding:0!important}
  body.share-open-v497 .v317-title{font-size:25px!important;line-height:1.15!important}
  body.share-open-v497 .v317-preview.v497-preview{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"stage" "downloads" "qr"!important;gap:10px!important}
  .v497-filehead{display:grid!important;gap:10px!important;padding:10px!important}
  .v497-tools{justify-content:flex-start!important;flex-wrap:wrap!important}
  .v497-stage.image,.v497-stage.video,.v497-stage.pdf{height:min(54dvh,470px)!important;min-height:min(54dvh,470px)!important}
  .v497-stage video,.v497-stage iframe{height:100%!important;max-height:100%!important}
  .v317-download-actions-v461{display:grid!important;width:100%!important;gap:8px!important}
  .v317-download-actions-v461 a{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .v497-thumbs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:8px!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}
  .v497-thumb{flex:0 0 min(72vw,260px)!important;scroll-snap-align:start}
}


/* ==========================================================================
   V534 - Mobile Menübedienung & Zwei-Finger-Zoom
   ========================================================================== */
@media(max-width:900px){
  .modal-card.mobile-sheet-modal-v523,
  .mobile-actions-sheet-v523,
  .mobile-actions-grid-v523,
  .mobile-actions-grid-v523 button{
    pointer-events:auto!important;
  }
  .mobile-actions-grid-v523 button{
    position:relative;
    z-index:2;
    touch-action:manipulation!important;
    user-select:none;
    -webkit-user-select:none;
  }
  .g488-stage.g491-image-stage,
  .g488-stage.g491-image-stage #galleryMediaV453,
  #singleShareStageV487.image,
  #singleShareStageV487.image img,
  #publicGalleryMediaV459,
  #publicGalleryZoomMediaV460{
    touch-action:none!important;
    overscroll-behavior:contain;
  }
  #galleryHintV452::after,
  .public-gallery-hint-v459::after{
    content:' · Mit zwei Fingern zoomen';
  }
}


/* ==========================================================================
   V535 - Mobile Foto-Vollbildvorschau mit Wischen und Pinch-Zoom
   ========================================================================== */
.mobile-fullscreen-trigger-v535,
.share-fullscreen-trigger-v535{display:none!important}

@media(max-width:900px), (pointer:coarse){
  .mobile-fullscreen-trigger-v535,
  .share-fullscreen-trigger-v535{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    font-size:22px!important;
  }
  .mobile-fullscreen-trigger-v535.active,
  .share-fullscreen-trigger-v535.active{
    background:rgba(37,99,235,.30)!important;
    border-color:rgba(125,178,255,.42)!important;
  }

  /* Eingeloggte Cloud-Vorschau */
  body.mobile-gallery-fullscreen-v535{
    overflow:hidden!important;
    padding:0!important;
  }
  #modal.mobile-fullscreen-host-v535{
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:#030812!important;
  }
  .modal-card.mobile-photo-fullscreen-v535{
    position:fixed!important;
    inset:0!important;
    z-index:9999!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#030812!important;
    overflow:hidden!important;
  }
  .mobile-photo-fullscreen-v535 #modalTitle{display:none!important}
  .mobile-photo-fullscreen-v535 #modalBody,
  .mobile-photo-fullscreen-v535 .g488-gallery,
  .mobile-photo-fullscreen-v535 .g488-main{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }
  .mobile-photo-fullscreen-v535 .g488-head{
    position:absolute!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    left:8px!important;
    right:8px!important;
    z-index:30!important;
    padding:7px!important;
    border-radius:16px!important;
    background:rgba(5,13,27,.76)!important;
    backdrop-filter:blur(9px);
    border:1px solid rgba(125,178,255,.15)!important;
  }
  .mobile-photo-fullscreen-v535 .g488-title{
    max-width:calc(100vw - 238px)!important;
  }
  .mobile-photo-fullscreen-v535 .g488-title div b{
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .mobile-photo-fullscreen-v535 .g488-actions button:not(#galleryFullscreenButtonV535){
    display:none!important;
  }
  .mobile-photo-fullscreen-v535 .g488-stage{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    min-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    background:#030812!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  .mobile-photo-fullscreen-v535 .g488-arrow{
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:31!important;
  }
  .mobile-photo-fullscreen-v535 .g488-counter{
    position:fixed!important;
    bottom:calc(22px + env(safe-area-inset-bottom))!important;
    z-index:31!important;
  }
  .mobile-photo-fullscreen-v535 .g488-foot,
  .mobile-photo-fullscreen-v535 .g488-details{
    display:none!important;
  }

  /* Passwortlink / Galerielink */
  body.share-photo-fullscreen-v535{
    overflow:hidden!important;
    padding:0!important;
    background:#030812!important;
  }
  body.share-photo-fullscreen-v535 .share-mobile-return-v533,
  body.share-photo-fullscreen-v535 .v317-card > div:first-child,
  body.share-photo-fullscreen-v535 .v317-file-meta,
  body.share-photo-fullscreen-v535 #shareQrPanelV426,
  body.share-photo-fullscreen-v535 .v497-thumbs{
    display:none!important;
  }
  body.share-photo-fullscreen-v535 .v317-shell,
  body.share-photo-fullscreen-v535 .v317-content,
  body.share-photo-fullscreen-v535 .v317-card,
  body.share-photo-fullscreen-v535 .v317-preview,
  body.share-photo-fullscreen-v535 #previewStage,
  body.share-photo-fullscreen-v535 .v497-link,
  body.share-photo-fullscreen-v535 #publicGalleryViewerV456,
  body.share-photo-fullscreen-v535 .v497-workspace,
  body.share-photo-fullscreen-v535 .v497-content{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#030812!important;
  }
  body.share-photo-fullscreen-v535 .v497-filehead{
    position:fixed!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    left:8px!important;
    right:8px!important;
    z-index:40!important;
    padding:8px!important;
    border-radius:16px!important;
    background:rgba(5,13,27,.76)!important;
    backdrop-filter:blur(9px);
    border:1px solid rgba(125,178,255,.15)!important;
  }
  body.share-photo-fullscreen-v535 .v497-filehead > div{
    max-width:calc(100vw - 238px)!important;
    overflow:hidden!important;
  }
  body.share-photo-fullscreen-v535 .v497-filehead h3{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.share-photo-fullscreen-v535 .v497-tools button:not(.share-fullscreen-trigger-v535),
  body.share-photo-fullscreen-v535 .v497-tools span{
    display:none!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage{
    position:fixed!important;
    inset:0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    width:100vw!important;
    border:0!important;
    border-radius:0!important;
    background:#030812!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage .v497-media{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  body.share-photo-fullscreen-v535 .v497-arrow{
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:42!important;
  }
  body.share-photo-fullscreen-v535 .v497-counter{
    position:fixed!important;
    z-index:42!important;
    bottom:calc(22px + env(safe-area-inset-bottom))!important;
  }
  body.share-photo-fullscreen-v535 .v497-details{
    display:none!important;
  }
}


/* ==========================================================================
   V536 - Mobile Vollbildansicht: echte Bühne für Hoch- und Querformat
   ========================================================================== */
@media(max-width:900px), (pointer:coarse){

  /* ------------------------------
     Cloud-interne Fotovorschau
     ------------------------------ */
  body.mobile-gallery-fullscreen-v535{
    background:#02060d!important;
    overflow:hidden!important;
    padding:0!important;
  }
  #modal.mobile-fullscreen-host-v535{
    position:fixed!important;
    inset:0!important;
    z-index:9998!important;
    display:block!important;
    padding:0!important;
    background:#02060d!important;
  }
  .modal-card.mobile-photo-fullscreen-v535{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#02060d!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .mobile-photo-fullscreen-v535 #modalTitle{
    display:none!important;
  }
  .mobile-photo-fullscreen-v535 #modalBody,
  .mobile-photo-fullscreen-v535 .g488-gallery,
  .mobile-photo-fullscreen-v535 .g488-main{
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  /* Im Vollbild bleibt oben ausschließlich die Schließen-Schaltfläche. */
  .mobile-photo-fullscreen-v535 .g488-head{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:fixed!important;
    z-index:10005!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    right:10px!important;
    left:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .mobile-photo-fullscreen-v535 .g488-title{
    display:none!important;
  }
  .mobile-photo-fullscreen-v535 .g488-actions{
    display:flex!important;
    justify-content:flex-end!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  .mobile-photo-fullscreen-v535 .g488-actions > *:not(#galleryFullscreenButtonV535){
    display:none!important;
  }
  .mobile-photo-fullscreen-v535 #galleryFullscreenButtonV535{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    font-size:27px!important;
    line-height:1!important;
    color:#fff!important;
    background:rgba(10,23,41,.72)!important;
    border:1px solid rgba(151,190,246,.28)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  /* Die eigentliche Bildfläche ist nun die komplette Bildschirmfläche. */
  .mobile-photo-fullscreen-v535 .g488-stage{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10000!important;
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#02060d!important;
    border:0!important;
    border-radius:0!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    padding:
      calc(8px + env(safe-area-inset-top))
      0
      calc(8px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100dvw!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
    object-fit:contain!important;
    margin:auto!important;
    transform-origin:center center!important;
  }

  /* Kleine seitliche Navigation, nicht mehr überdimensioniert auf dem Bild. */
  .mobile-photo-fullscreen-v535 .g488-arrow{
    position:fixed!important;
    z-index:10004!important;
    top:50%!important;
    width:44px!important;
    min-width:44px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border-radius:15px!important;
    color:#fff!important;
    font-size:29px!important;
    background:rgba(9,21,38,.54)!important;
    border:1px solid rgba(151,190,246,.18)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .mobile-photo-fullscreen-v535 .g488-arrow.prev{left:8px!important}
  .mobile-photo-fullscreen-v535 .g488-arrow.next{right:8px!important}
  .mobile-photo-fullscreen-v535 .g488-counter{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    z-index:10004!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(15px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    min-width:62px!important;
    height:42px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    background:rgba(9,21,38,.70)!important;
    border:1px solid rgba(151,190,246,.20)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .mobile-photo-fullscreen-v535 .g488-foot,
  .mobile-photo-fullscreen-v535 .g488-details,
  .mobile-photo-fullscreen-v535 .g488-strip,
  .mobile-photo-fullscreen-v535 .g488-thumbs{
    display:none!important;
  }

  /* ------------------------------
     Öffentliche Passwort-/Galerielinks
     ------------------------------ */
  body.share-photo-fullscreen-v535{
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    background:#02060d!important;
  }
  body.share-photo-fullscreen-v535 .share-mobile-return-v533,
  body.share-photo-fullscreen-v535 .v317-side,
  body.share-photo-fullscreen-v535 .v317-title,
  body.share-photo-fullscreen-v535 .v317-sub,
  body.share-photo-fullscreen-v535 .v317-file-meta,
  body.share-photo-fullscreen-v535 #shareQrPanelV426,
  body.share-photo-fullscreen-v535 .v497-thumbs,
  body.share-photo-fullscreen-v535 .v317-download-actions-v461,
  body.share-photo-fullscreen-v535 .v497-details{
    display:none!important;
  }
  body.share-photo-fullscreen-v535 .v317-shell,
  body.share-photo-fullscreen-v535 .v317-content,
  body.share-photo-fullscreen-v535 .v317-card,
  body.share-photo-fullscreen-v535 .v317-preview,
  body.share-photo-fullscreen-v535 #previewStage,
  body.share-photo-fullscreen-v535 .v497-link,
  body.share-photo-fullscreen-v535 #publicGalleryViewerV456,
  body.share-photo-fullscreen-v535 .v497-workspace,
  body.share-photo-fullscreen-v535 .v497-content{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10000!important;
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#02060d!important;
    box-shadow:none!important;
  }
  body.share-photo-fullscreen-v535 .v497-filehead{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:fixed!important;
    z-index:10006!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    right:10px!important;
    left:auto!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body.share-photo-fullscreen-v535 .v497-filehead > div:first-child{
    display:none!important;
  }
  body.share-photo-fullscreen-v535 .v497-tools{
    display:flex!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body.share-photo-fullscreen-v535 .v497-tools > *:not(.share-fullscreen-trigger-v535){
    display:none!important;
  }
  body.share-photo-fullscreen-v535 .share-fullscreen-trigger-v535{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1!important;
    background:rgba(10,23,41,.72)!important;
    border:1px solid rgba(151,190,246,.28)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage{
    display:block!important;
    position:fixed!important;
    z-index:10001!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#02060d!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage .v497-media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    padding:
      calc(8px + env(safe-area-inset-top))
      0
      calc(8px + env(safe-area-inset-bottom))!important;
  }
  body.share-photo-fullscreen-v535 .v497-stage img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100dvw!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
    object-fit:contain!important;
    margin:auto!important;
    transform-origin:center center!important;
  }
  body.share-photo-fullscreen-v535 .v497-arrow{
    position:fixed!important;
    z-index:10005!important;
    top:50%!important;
    width:44px!important;
    min-width:44px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border-radius:15px!important;
    font-size:29px!important;
    color:#fff!important;
    background:rgba(9,21,38,.54)!important;
    border:1px solid rgba(151,190,246,.18)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.share-photo-fullscreen-v535 .v497-arrow.prev{left:8px!important}
  body.share-photo-fullscreen-v535 .v497-arrow.next{right:8px!important}
  body.share-photo-fullscreen-v535 .v497-counter{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    z-index:10005!important;
    left:50%!important;
    right:auto!important;
    bottom:calc(15px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    min-width:62px!important;
    height:42px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    background:rgba(9,21,38,.70)!important;
    border:1px solid rgba(151,190,246,.20)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
}

/* Querformat: die Bedienelemente werden noch kompakter, damit fast nur das Bild sichtbar bleibt. */
@media(max-width:1000px) and (orientation:landscape), (pointer:coarse) and (orientation:landscape){
  .mobile-photo-fullscreen-v535 #galleryFullscreenButtonV535,
  body.share-photo-fullscreen-v535 .share-fullscreen-trigger-v535{
    top:auto!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
    font-size:23px!important;
  }
  .mobile-photo-fullscreen-v535 .g488-head,
  body.share-photo-fullscreen-v535 .v497-filehead{
    top:calc(6px + env(safe-area-inset-top))!important;
    right:calc(8px + env(safe-area-inset-right))!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame,
  body.share-photo-fullscreen-v535 .v497-stage .v497-media{
    padding:
      calc(4px + env(safe-area-inset-top))
      calc(4px + env(safe-area-inset-right))
      calc(4px + env(safe-area-inset-bottom))
      calc(4px + env(safe-area-inset-left))!important;
  }
  .mobile-photo-fullscreen-v535 .g488-frame img,
  body.share-photo-fullscreen-v535 .v497-stage img{
    max-width:calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 8px)!important;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8px)!important;
  }
  .mobile-photo-fullscreen-v535 .g488-arrow,
  body.share-photo-fullscreen-v535 .v497-arrow{
    width:40px!important;
    min-width:40px!important;
    height:48px!important;
    min-height:48px!important;
    font-size:26px!important;
  }
  .mobile-photo-fullscreen-v535 .g488-arrow.prev,
  body.share-photo-fullscreen-v535 .v497-arrow.prev{
    left:calc(6px + env(safe-area-inset-left))!important;
  }
  .mobile-photo-fullscreen-v535 .g488-arrow.next,
  body.share-photo-fullscreen-v535 .v497-arrow.next{
    right:calc(6px + env(safe-area-inset-right))!important;
  }
  .mobile-photo-fullscreen-v535 .g488-counter,
  body.share-photo-fullscreen-v535 .v497-counter{
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    height:34px!important;
    min-width:54px!important;
    padding:0 12px!important;
    font-size:14px!important;
  }
}

/* ========================================================================== V537 Mobile Vorschau: echtes Vollbild + Querformat-Fix ========================================================================== */
@media (max-width:900px), (pointer:coarse) {
 body.mobile-gallery-fullscreen-v535 #modal{position:fixed!important;inset:0!important;z-index:10020!important;display:block!important;width:100dvw!important;height:100dvh!important;padding:0!important;margin:0!important;background:#02060d!important;overflow:hidden!important}
 body.mobile-gallery-fullscreen-v535 #modal .modal-card.g488-modal{position:fixed!important;inset:0!important;z-index:10021!important;display:block!important;width:100dvw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#02060d!important;overflow:hidden!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-gallery,body.mobile-gallery-fullscreen-v535 #modal .g488-main{position:static!important;display:block!important;width:100%!important;height:100%!important;min-height:100%!important;padding:0!important;margin:0!important;border:0!important;background:#02060d!important;overflow:hidden!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-head{position:fixed!important;z-index:10030!important;top:calc(8px + env(safe-area-inset-top))!important;right:calc(8px + env(safe-area-inset-right))!important;left:auto!important;display:block!important;width:48px!important;height:48px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-title,body.mobile-gallery-fullscreen-v535 #modal .g488-actions strong,body.mobile-gallery-fullscreen-v535 #modal .g488-actions>button:not(#galleryFullscreenButtonV535){display:none!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-actions{display:block!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;pointer-events:auto!important}
 body.mobile-gallery-fullscreen-v535 #modal #galleryFullscreenButtonV535{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;margin:0!important;border-radius:15px!important;background:rgba(8,19,34,.72)!important;border:1px solid rgba(151,190,246,.26)!important;color:#fff!important;font-size:27px!important;line-height:1!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-stage{position:fixed!important;inset:0!important;z-index:10022!important;display:block!important;width:100dvw!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#02060d!important;overflow:hidden!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-ambient{display:none!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-frame{position:absolute!important;inset:0!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;box-sizing:border-box!important;padding:calc(6px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))!important;overflow:hidden!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-frame img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 8px)!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)!important;object-fit:contain!important;object-position:center!important;margin:auto!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-arrow{position:fixed!important;z-index:10029!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:42px!important;height:54px!important;min-width:42px!important;min-height:54px!important;padding:0!important;border-radius:14px!important;background:rgba(6,15,28,.48)!important;border:1px solid rgba(151,190,246,.17)!important;color:#fff!important;font-size:30px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-arrow.left{left:calc(7px + env(safe-area-inset-left))!important}body.mobile-gallery-fullscreen-v535 #modal .g488-arrow.right{right:calc(7px + env(safe-area-inset-right))!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-counter{position:fixed!important;z-index:10029!important;left:50%!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:60px!important;height:38px!important;padding:0 14px!important;border-radius:999px!important;background:rgba(6,15,28,.68)!important;border:1px solid rgba(151,190,246,.19)!important;color:#fff!important;font-size:15px!important;font-weight:900!important}
 body.mobile-gallery-fullscreen-v535 #modal .g488-foot,body.mobile-gallery-fullscreen-v535 #modal .g488-details{display:none!important}
 body.share-photo-fullscreen-v535 .v497-stage .v497-media{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
 body.share-photo-fullscreen-v535 .v497-stage img{width:auto!important;height:auto!important;max-width:calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 8px)!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)!important;object-fit:contain!important;object-position:center!important}
}
@media (pointer:coarse) and (orientation:landscape) {
 body:not(.mobile-gallery-fullscreen-v535) #modal.open{padding:calc(4px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left))!important;align-items:stretch!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .modal-card.g488-modal{width:100%!important;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8px)!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:18px!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .g488-gallery{height:100%!important;min-height:0!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .g488-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;min-height:56px!important;padding:7px 10px!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .g488-title>span{width:34px!important;height:34px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-title b{max-width:min(34vw,350px)!important;font-size:13px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-title small{font-size:10px!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .g488-actions{flex-wrap:nowrap!important;gap:5px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-actions button{min-height:38px!important;height:38px!important;padding:5px 9px!important;font-size:12px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-actions strong{min-width:45px!important;font-size:12px!important}
 body:not(.mobile-gallery-fullscreen-v535) #modal .g488-main{flex:1!important;min-height:0!important;gap:0!important;padding:7px!important;overflow:hidden!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-stage{flex:1!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:15px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-frame{inset:8px 52px 38px!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-frame img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}body:not(.mobile-gallery-fullscreen-v535) #modal .g488-foot{display:none!important}
 body.mobile-gallery-fullscreen-v535 #modal #galleryFullscreenButtonV535{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important;font-size:23px!important}body.mobile-gallery-fullscreen-v535 #modal .g488-head{top:calc(6px + env(safe-area-inset-top))!important;right:calc(7px + env(safe-area-inset-right))!important;width:42px!important;height:42px!important}body.mobile-gallery-fullscreen-v535 #modal .g488-actions{width:42px!important;height:42px!important}body.mobile-gallery-fullscreen-v535 #modal .g488-arrow{width:38px!important;height:46px!important;min-width:38px!important;min-height:46px!important;font-size:25px!important}body.mobile-gallery-fullscreen-v535 #modal .g488-counter{bottom:calc(6px + env(safe-area-inset-bottom))!important;height:34px!important;min-width:54px!important;padding:0 12px!important;font-size:14px!important}
}


/* ==========================================================================
   V538 - Virenscan Fehlalarm-Fix & Quarantäne-Wiederherstellung
   ========================================================================== */
.quarantine-row-v501.false-positive-v538{
  border-color:rgba(52,211,153,.30)!important;
  background:rgba(16,65,52,.18)!important;
}
.quarantine-title-v538{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.quarantine-title-v538 em{
  font-style:normal;
  font-size:11px;
  font-weight:900;
  color:#8cebc0;
  background:rgba(16,185,129,.15);
  border:1px solid rgba(52,211,153,.25);
  border-radius:999px;
  padding:3px 8px;
}
.quarantine-actions-v538{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.quarantine-actions-v538 button{
  width:auto!important;
  white-space:nowrap;
}
.quarantine-actions-v538 button:first-child{
  background:rgba(16,185,129,.15)!important;
  border-color:rgba(52,211,153,.30)!important;
  color:#d9ffed!important;
}
@media(max-width:760px){
  .quarantine-actions-v538{
    width:100%;
    justify-content:stretch;
  }
  .quarantine-actions-v538 button{
    flex:1;
  }
}


/* ==========================================================================
   V539 - Übersicht als eigenständige Admin-Startseite
   ========================================================================== */
.admin-tabs-v522 .admin-overview-home-v539{
  width:100%!important;
  display:grid!important;
  grid-template-columns:43px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:62px!important;
  padding:8px 10px!important;
  margin:3px 0 1px!important;
  text-align:left!important;
  border-radius:15px!important;
  background:rgba(13,30,53,.84)!important;
  border:1px solid rgba(125,178,255,.16)!important;
  color:#dceafe!important;
}
.admin-tabs-v522 .admin-overview-home-v539 > span{
  width:43px;height:43px;display:grid;place-items:center;
  border-radius:12px;font-size:21px;background:rgba(37,99,235,.14);
}
.admin-tabs-v522 .admin-overview-home-v539 > div{
  display:grid;gap:3px;min-width:0;
}
.admin-tabs-v522 .admin-overview-home-v539 > div b{
  font-size:14px;font-weight:900;
}
.admin-tabs-v522 .admin-overview-home-v539 > div small{
  font-size:11px;color:#91add3;font-weight:800;
}
.admin-tabs-v522 .admin-overview-home-v539:hover{
  background:rgba(37,99,235,.13)!important;
  border-color:rgba(96,165,250,.27)!important;
}
.admin-tabs-v522 .admin-overview-home-v539.active{
  background:linear-gradient(180deg,rgba(47,109,240,.78),rgba(36,94,214,.62))!important;
  border-color:rgba(147,197,253,.37)!important;
  color:#fff!important;
}
.admin-tabs-v522 .admin-overview-home-v539.active > span{
  background:rgba(255,255,255,.16);
}
.admin-tabs-v522 .admin-overview-home-v539.active > div small{
  color:#d9e9ff;
}


/* ==========================================================================
   V540 - Benutzer-Einstellungen & persönliche Dashboardfarben
   ========================================================================== */
body[data-user-accent-v540="blue"]{--user-accent:#2f6df0;--user-accent-soft:rgba(47,109,240,.20)}
body[data-user-accent-v540="navy"]{--user-accent:#2852b8;--user-accent-soft:rgba(40,82,184,.22)}
body[data-user-accent-v540="teal"]{--user-accent:#0891b2;--user-accent-soft:rgba(8,145,178,.21)}
body[data-user-accent-v540="green"]{--user-accent:#16a36b;--user-accent-soft:rgba(22,163,107,.21)}
body[data-user-accent-v540="violet"]{--user-accent:#805ad5;--user-accent-soft:rgba(128,90,213,.22)}
body[data-user-accent-v540="orange"]{--user-accent:#ea7c25;--user-accent-soft:rgba(234,124,37,.22)}
body[data-user-surface-v540="deep"],.settings-page-v540[data-user-surface-v540="deep"]{background:#040a13!important}
body[data-user-surface-v540="contrast"] .tile,body[data-user-surface-v540="contrast"] .clean-card{border-color:rgba(184,211,255,.34)!important}
body[data-user-accent-v540] .sidebar-active-v459,
body[data-user-accent-v540] .nav .active,
body[data-user-accent-v540] .selection-actions-v524 button.primary{background:var(--user-accent-soft)!important;border-color:var(--user-accent)!important}
body.user-hide-previews-v540 .tile .preview img,body.user-hide-previews-v540 .tile .preview video{display:none!important}
body.user-compact-sidebar-v540 .sidebar-clean-v524 .side-section{margin-top:8px!important;padding:6px!important}

.settings-page-v540{margin:0;background:#07111f;color:#edf4ff;font-family:inherit;min-height:100dvh}
.settings-layout-v540{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100dvh}
.settings-sidebar-v540{position:sticky;top:0;height:100dvh;box-sizing:border-box;padding:14px;overflow-y:auto;background:linear-gradient(180deg,#091628,#07111f);border-right:1px solid rgba(125,178,255,.14);display:grid;align-content:start;gap:8px}
.settings-brand-v540{display:flex;align-items:center;gap:10px;padding:10px;border-radius:17px;background:#0d1c31;margin-bottom:3px}
.settings-brand-v540 img{width:43px;height:43px;border-radius:12px}
.settings-brand-v540 div{display:grid;gap:2px}.settings-brand-v540 b{font-size:18px}.settings-brand-v540 small{color:#8faad0;font-weight:800}
.settings-back-v540{display:flex;align-items:center;justify-content:center;min-height:43px;margin-bottom:5px;border-radius:13px;color:#dbeafe;text-decoration:none;background:rgba(37,99,235,.1);border:1px solid rgba(96,165,250,.18)}
.settings-sidebar-v540 h3{margin:10px 4px 2px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#728db2}
.settings-sidebar-v540 nav{display:grid;gap:4px}
.settings-sidebar-v540 button{width:100%;text-align:left;min-height:43px;border-radius:12px;background:transparent;border:1px solid transparent;color:#c2d4ec;padding:0 10px;font-weight:850}
.settings-sidebar-v540 nav button.active{background:var(--user-accent-soft);border-color:var(--user-accent);color:#fff}
.settings-home-v540{display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:9px;min-height:62px!important;background:rgba(13,30,53,.84)!important;border:1px solid rgba(125,178,255,.16)!important}
.settings-home-v540 span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--user-accent-soft);font-size:20px}
.settings-home-v540 div{display:grid;gap:3px}.settings-home-v540 small{color:#91add3}
.settings-home-v540.active{background:var(--user-accent-soft)!important;border-color:var(--user-accent)!important;color:#fff!important}
.settings-main-v540{padding:24px;min-width:0}
.settings-panel-v540{display:none;max-width:1230px;margin:0 auto}.settings-panel-v540.active{display:block}
.settings-head-v540{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(125,178,255,.1)}
.settings-head-v540 h1{margin:0 0 5px;font-size:30px;letter-spacing:-.05em}.settings-head-v540 p{margin:0;color:#9eb6d8}
.settings-profile-hero-v540{display:flex;align-items:center;gap:15px;padding:18px;border-radius:20px;background:linear-gradient(135deg,var(--user-accent-soft),rgba(12,25,44,.84));border:1px solid rgba(125,178,255,.17);margin-bottom:14px}
.settings-profile-hero-v540 img,.settings-profile-hero-v540 span{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;object-fit:cover;background:#0a1526;font-size:32px}
.settings-profile-hero-v540 h2{margin:0 0 5px}.settings-profile-hero-v540 p,.settings-profile-hero-v540 small{margin:0;color:#aec5e4;font-weight:800}
.settings-stats-v540{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.settings-stats-v540 div,.settings-card-v540{padding:15px;border-radius:17px;background:rgba(12,27,48,.78);border:1px solid rgba(125,178,255,.14)}
.settings-stats-v540 small{display:block;color:#91add3;font-weight:800;margin-bottom:7px}.settings-stats-v540 b{font-size:20px}
.settings-quick-v540{display:flex;flex-wrap:wrap;gap:8px}.settings-quick-v540 a,.settings-quick-v540 button{display:flex;align-items:center;min-height:48px;padding:0 15px;border-radius:13px;text-decoration:none;color:#eff6ff;background:#0d2038;border:1px solid rgba(125,178,255,.16);font-weight:850}
.settings-grid-v540{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.settings-card-v540{margin-bottom:12px}.settings-card-v540 h3{margin:0 0 12px}
.profile-editor-v540{display:flex;gap:18px;align-items:start}.settings-avatar-v540 img,.settings-avatar-v540 span{display:grid;place-items:center;width:108px;height:108px;border-radius:22px;background:#081423;object-fit:cover;font-size:46px}
.settings-form-v540{display:grid;gap:10px;flex:1}.settings-form-v540 label{display:grid;gap:5px;color:#b6cbe7;font-weight:850}.settings-form-v540 input,.settings-form-v540 select{width:100%;box-sizing:border-box}
.settings-actions-v540{display:flex;flex-wrap:wrap;gap:8px}.settings-file-button-v540{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;background:#2760d5;color:#fff!important}.settings-file-button-v540 input{display:none}
.accent-picker-v540{display:flex;flex-wrap:wrap;gap:8px}.accent-picker-v540 button{display:flex;align-items:center;gap:7px;width:auto;padding:9px 12px}.accent-picker-v540 i{display:block;width:17px;height:17px;border-radius:50%}.accent-picker-v540 [data-color="blue"] i{background:#2f6df0}.accent-picker-v540 [data-color="navy"] i{background:#2852b8}.accent-picker-v540 [data-color="teal"] i{background:#0891b2}.accent-picker-v540 [data-color="green"] i{background:#16a36b}.accent-picker-v540 [data-color="violet"] i{background:#805ad5}.accent-picker-v540 [data-color="orange"] i{background:#ea7c25}.accent-picker-v540 button.active{border-color:var(--user-accent);background:var(--user-accent-soft)}
.settings-checks-v540{display:grid;gap:12px}.settings-checks-v540 label{display:flex;align-items:center;gap:9px;color:#c6d8ef;font-weight:850}.settings-checks-v540 input{width:auto}
.settings-shared-upload-v540{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;padding:16px;margin-bottom:12px;border-radius:18px;border:1px solid rgba(96,165,250,.27);background:rgba(37,99,235,.1)}.settings-shared-upload-v540 span{font-size:33px}.settings-shared-upload-v540 p{margin:5px 0 0;color:#a9c1e1}.settings-shared-upload-v540 a{color:#fff;font-weight:850}
.settings-list-v540{display:grid;gap:8px}.settings-row-v540{display:flex;align-items:center;gap:8px;padding:11px;border-radius:13px;background:#0a1628;border:1px solid rgba(125,178,255,.12)}.settings-row-v540 div{flex:1;display:grid;gap:4px}.settings-row-v540 small{color:#91add3}.settings-row-v540 a,.settings-row-v540 button{width:auto!important;min-height:40px!important;padding:0 11px!important}
.settings-card-head-v540{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.settings-card-head-v540 h3{margin:0}.settings-qr-v540{width:190px;max-width:100%;display:block;margin:10px auto;border-radius:12px;background:#fff;padding:7px}
.policy-check-grid-v540{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.policy-check-grid-v540 label,.policy-single-v540{display:flex;align-items:center;gap:9px;color:#c6d8ef;font-weight:850}.policy-check-grid-v540 input,.policy-single-v540 input{width:auto}.policy-single-v540{margin:13px 0}.shared-explorer-admin-note-v540 .badge{display:inline-flex;margin-top:8px}

@media(max-width:820px){.settings-layout-v540{grid-template-columns:1fr}.settings-sidebar-v540{position:relative;height:auto}.settings-sidebar-v540 nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-main-v540{padding:14px}.settings-stats-v540,.settings-grid-v540{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-shared-upload-v540{grid-template-columns:48px 1fr}.settings-shared-upload-v540 a{grid-column:2}}
@media(max-width:560px){.settings-head-v540{display:grid}.settings-head-v540 h1{font-size:27px}.settings-stats-v540,.settings-grid-v540{grid-template-columns:1fr}.profile-editor-v540{display:grid}.settings-row-v540{flex-wrap:wrap}.policy-check-grid-v540{grid-template-columns:1fr}}


/* ==========================================================================
   V541 - Benachrichtigungen, Datenschutz & Kontoanfragen
   ========================================================================== */
.settings-required-notice-v541{
  display:grid;gap:5px;margin-bottom:12px;padding:14px 15px;border-radius:16px;
  background:rgba(37,99,235,.10);border:1px solid rgba(96,165,250,.25);
}
.settings-required-notice-v541 p{margin:0;color:#a9c2e1;font-size:13px}
.notification-item-v541{
  display:grid;gap:4px;padding:10px;border-radius:12px;
  background:#0a1628;border:1px solid rgba(125,178,255,.12);
}
.notification-item-v541 p{margin:0;color:#c0d3eb;font-size:12px}
.notification-item-v541 small{color:#91add3;font-size:11px}
.notification-item-v541.warning{border-color:rgba(251,191,36,.28);background:rgba(120,75,8,.14)}
.notification-item-v541.error{border-color:rgba(248,113,113,.28);background:rgba(117,24,30,.14)}
.notification-item-v541.success{border-color:rgba(52,211,153,.24);background:rgba(15,87,64,.14)}
.activity-row-v541{
  display:grid;gap:4px;padding:9px 10px;border-radius:11px;background:#091523;border:1px solid rgba(125,178,255,.10)
}
.activity-row-v541 small{color:#8fa9cd;font-size:11px}
.danger-zone-v541{
  display:grid;align-content:start;gap:10px;border-color:rgba(248,113,113,.20)!important;
}
.account-request-v541{display:grid;gap:8px;margin-top:5px}
.pending-request-v541{display:grid;gap:8px;padding:12px;border-radius:12px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.23)}
.pending-request-v541 small{color:#b7cae5}
.settings-dialog-v541{
  position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:14px;
  background:rgba(2,7,16,.76);backdrop-filter:blur(5px);
}
.settings-dialog-v541[hidden]{display:none!important}
.settings-dialog-card-v541{
  width:min(475px,100%);display:grid;gap:13px;padding:18px;border-radius:20px;
  background:#0b192d;border:1px solid rgba(125,178,255,.20);box-shadow:0 20px 70px rgba(0,0,0,.5)
}
.settings-dialog-card-v541 h2{margin:0;font-size:20px}
.settings-dialog-card-v541 p{margin:0;color:#b4c9e5;line-height:1.5}
.settings-dialog-card-v541 textarea{width:100%;box-sizing:border-box}
.settings-dialog-actions-v541{display:flex;justify-content:flex-end;gap:8px}
.settings-dialog-actions-v541 button{width:auto!important}
.account-requests-admin-v541{margin-top:12px}
.account-request-admin-row-v541{
  display:flex;align-items:center;gap:8px;padding:10px;margin-top:8px;border-radius:12px;
  border:1px solid rgba(125,178,255,.13);background:#091523;
}
.account-request-admin-row-v541 div{display:grid;gap:4px;flex:1}
.account-request-admin-row-v541 small{color:#91add3}
.account-request-admin-row-v541 button{width:auto!important}
.notification-policy-v541{margin-bottom:12px}
@media(max-width:700px){
  .account-request-admin-row-v541{flex-wrap:wrap}
  .account-request-admin-row-v541 button{flex:1}
}


/* ==========================================================================
   V542 - Favoriten & persönliche Schnellzugriffe
   ========================================================================== */
.settings-inline-link-v542{
  display:flex;align-items:center;min-height:38px;padding:0 11px;border-radius:11px;
  text-decoration:none;color:#e9f2ff;background:rgba(37,99,235,.12);
  border:1px solid rgba(96,165,250,.20);font-size:12px;font-weight:850;
}
.favorite-settings-row-v542 .danger{white-space:nowrap}
.personal-link-row-v542{flex-wrap:wrap}
.personal-link-actions-v542{
  flex:0 0 auto!important;display:flex!important;gap:5px!important;
}
.personal-link-actions-v542 button{
  min-width:39px!important;padding:0 9px!important;
}
.personal-link-actions-v542 button:disabled{opacity:.42;cursor:not-allowed}
.dialog-field-v542{
  display:grid;gap:6px;color:#b9cee9;font-weight:850;
}
.dialog-field-v542 input{width:100%;box-sizing:border-box}
.personal-links-group-v542{
  border-color:rgba(96,165,250,.20)!important;
  background:rgba(37,99,235,.06)!important;
}
.personal-quicklink-v542 .link-icon{
  color:var(--user-accent,#2f6df0);
}
@media(max-width:620px){
  .personal-link-actions-v542{width:100%;justify-content:flex-end}
}


/* ==========================================================================
   V543 - Persönliche Freigabe-Voreinstellungen & Menü-Integration
   ========================================================================== */
.share-defaults-v543{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,240px) auto;
  align-items:end;gap:12px;margin-bottom:14px;
  border-color:rgba(96,165,250,.22)!important;
}
.share-defaults-v543 h3{margin:0 0 5px}
.share-defaults-v543 p{margin:0}
.share-defaults-v543 label{display:grid;gap:6px;color:#b8cde8;font-weight:850}
.share-defaults-v543 select{width:100%}
.share-defaults-v543 button{width:auto!important;white-space:nowrap}
.share-expiry-v543 small{display:block;margin-top:5px;color:#92adce}
@media(max-width:720px){.share-defaults-v543{grid-template-columns:1fr}.share-defaults-v543 button{width:100%!important}}


/* ==========================================================================
   V544 - Eigene Gerätenamen & Sitzungsübersicht
   ========================================================================== */
.device-names-hint-v544{
  margin:4px 0 0!important;
  font-size:12px!important;
}
.session-row-v544{
  gap:10px!important;
}
.session-actions-v544{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
.session-actions-v544 button{
  width:auto!important;
  min-height:40px!important;
  white-space:nowrap;
}
.session-actions-v544 em{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border-radius:999px;
  font-style:normal;
  font-size:12px;
  font-weight:850;
  color:#8cebc0;
  background:rgba(16,185,129,.13);
  border:1px solid rgba(52,211,153,.22);
}
@media(max-width:620px){
  .session-row-v544{align-items:flex-start!important;}
  .session-actions-v544{width:100%;justify-content:flex-end!important;}
}

/* V545 - Persönliche Freigabeseiten-Voreinstellungen */
.share-page-defaults-v545{grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:12px}
.share-page-defaults-v545 textarea,.share-page-pref-v545 textarea{width:100%;box-sizing:border-box;resize:vertical}
.settings-toggle-v545{display:flex!important;align-items:center;gap:8px;padding-bottom:12px}.settings-toggle-v545 input{width:auto!important}
.personal-share-message-v545{margin:0 0 12px;padding:13px 15px;border-radius:14px;background:rgba(37,99,235,.10);border:1px solid rgba(96,165,250,.2);color:#dceafe;white-space:pre-wrap}
@media(max-width:720px){.share-page-defaults-v545{grid-template-columns:1fr}}

/* V546 - Favoriten-Sammlungen in Einstellungen */
.favorite-collections-manager-v546{display:grid;gap:10px;margin:0 0 14px;padding:10px;border-radius:13px;background:#091523;border:1px solid rgba(125,178,255,.1)}
.favorite-collections-create-v546{display:flex;gap:7px}.favorite-collections-create-v546 input{flex:1}.favorite-collections-create-v546 button{width:auto!important;white-space:nowrap}
.favorite-collections-list-v546{display:flex;gap:6px;flex-wrap:wrap}
.favorite-collection-chip-v546{display:inline-flex;align-items:center;gap:7px;padding:5px 7px 5px 10px;border-radius:999px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.2);font-size:12px}
.favorite-collection-chip-v546 small{color:#91add3}.favorite-collection-chip-v546 button{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:50%!important}
.favorite-assign-v546{width:auto;min-width:140px;max-width:180px}
@media(max-width:620px){.favorite-collections-create-v546{display:grid}.favorite-collections-create-v546 button{width:100%!important}.favorite-assign-v546{width:100%;max-width:none}}

/* ==========================================================================
   V547 - Persönliches Mobile-Tap-Verhalten
   ========================================================================== */
.mobile-tap-pref-v547{
  display:grid!important;
  gap:6px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(125,178,255,.12);
}
.mobile-tap-pref-v547 select{width:100%}
.mobile-tap-pref-v547 small{font-size:11px;color:#91add3;font-weight:700}

/* V548 - Eigene Freigaben: Verwaltung & Statistiken */
.own-share-row-v548{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:14px;background:#0a1628;border:1px solid rgba(125,178,255,.12)}
.own-share-row-v548.disabled{opacity:.78;border-color:rgba(251,191,36,.24)}
.own-share-info-v548{flex:1;display:grid;gap:5px;min-width:180px}.own-share-info-v548 div{display:flex;align-items:center;gap:8px}.own-share-info-v548 em{font-style:normal;font-size:11px;padding:3px 8px;border-radius:999px;color:#ffd27a;background:rgba(251,191,36,.12)}
.own-share-info-v548 small,.own-share-info-v548 span{color:#91add3;font-size:12px}
.own-share-actions-v548{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.own-share-actions-v548 a,.own-share-actions-v548 button{width:auto!important;min-height:39px!important;padding:0 10px!important}
@media(max-width:760px){.own-share-row-v548{display:grid}.own-share-actions-v548{justify-content:stretch}.own-share-actions-v548>*{flex:1;text-align:center}}

/* V549 - Persönliche Sidebar & angepinnte Ordner */
.pinned-folders-group-v549{border-color:rgba(96,165,250,.2)!important;background:rgba(37,99,235,.06)!important}
.pinned-folder-link-v549{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;text-align:left!important;padding:8px!important;margin-bottom:4px!important;border-radius:11px!important;background:transparent!important;border:1px solid transparent!important}
.pinned-folder-link-v549:hover{background:rgba(37,99,235,.12)!important;border-color:rgba(96,165,250,.2)!important}
.pinned-folder-link-v549 div{display:grid;min-width:0}.pinned-folder-link-v549 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-folder-link-v549 small{color:#91add3;font-size:10px}
#pinnedFoldersCardV549{margin-bottom:12px}

/* V550 - Privater Papierkorb in Einstellungen */
.private-trash-settings-v550{margin-top:12px}
.private-trash-head-actions-v550{display:flex;align-items:center;gap:7px}
.private-trash-row-v550{display:flex;align-items:center;gap:8px;padding:11px;border-radius:13px;background:#091523;border:1px solid rgba(125,178,255,.12)}
.private-trash-row-v550 div{display:grid;gap:4px;flex:1}.private-trash-row-v550 small{color:#91add3;font-size:12px}
.private-trash-row-v550 button{width:auto!important;white-space:nowrap}
@media(max-width:680px){.private-trash-row-v550{flex-wrap:wrap}.private-trash-row-v550 button{flex:1}.private-trash-head-actions-v550{flex-wrap:wrap}}

/* V551 - Persönliches Benachrichtigungscenter direkt in der Cloud */
.notification-sidebar-link-v551{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left}
.notification-sidebar-link-v551[style*="display:none"]{display:none!important}
#notificationBadgeV551{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2f6df0;color:#fff;font-size:11px;font-weight:900}
#notificationBadgeV551[hidden]{display:none!important}
.notification-center-v551{display:grid;gap:12px;min-width:min(570px,80vw);max-width:620px}
.notification-center-head-v551{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-center-head-v551 p{margin:0;color:#a9c2e1}
.notification-center-head-v551 a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;text-decoration:none}
.notification-center-list-v551{display:grid;gap:8px;max-height:min(58vh,560px);overflow:auto}
.notification-center-item-v551{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:11px;border-radius:13px;background:#091523;border:1px solid rgba(125,178,255,.12)}
.notification-center-item-v551>span{font-size:22px}.notification-center-item-v551 div{display:grid;gap:4px}.notification-center-item-v551 p{margin:0;color:#c2d5ed;font-size:12px}.notification-center-item-v551 small{color:#91add3;font-size:11px}
.notification-center-item-v551.warning{border-color:rgba(251,191,36,.27)}.notification-center-item-v551.error{border-color:rgba(248,113,113,.27)}.notification-center-item-v551.success{border-color:rgba(52,211,153,.24)}
.notification-center-empty-v551{padding:26px;text-align:center;color:#91add3;border-radius:13px;background:#091523}
@media(max-width:640px){.notification-center-v551{min-width:0;width:100%}}

/* V552 - Erweitertes persönliches Dashboard */
.personal-dashboard-grid-v552{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.personal-dashboard-grid-v552 .settings-card-v540{margin-bottom:0;min-width:0}
.dashboard-recent-row-v552{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;width:100%!important;min-height:52px!important;padding:8px!important;text-align:left!important;background:#091523!important;border:1px solid rgba(125,178,255,.11)!important}
.dashboard-recent-row-v552 span{font-size:20px}.dashboard-recent-row-v552 div{display:grid;gap:3px;min-width:0}.dashboard-recent-row-v552 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-row-v552 small,.dashboard-simple-row-v552 small{color:#91add3;font-size:11px}
.dashboard-simple-row-v552{display:grid;gap:5px;padding:10px;border-radius:12px;background:#091523;border:1px solid rgba(125,178,255,.1)}
@media(max-width:1050px){.personal-dashboard-grid-v552{grid-template-columns:1fr}}


/* ==========================================================================
   V553 - Einstellungs-Sidebar: umrandete, zentrierte Navigation
   ========================================================================== */
.settings-layout-v540{
  grid-template-columns:320px minmax(0,1fr)!important;
}
.settings-sidebar-v540{
  padding:14px 15px 16px!important;
  gap:9px!important;
  background:linear-gradient(180deg,#081628 0%,#071321 100%)!important;
  overflow-x:hidden!important;
}
.settings-sidebar-v540 .settings-back-v540{
  min-height:50px!important;
  margin:2px 0 8px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(111,163,235,.27)!important;
  background:rgba(12,28,49,.86)!important;
  font-size:14px!important;
  font-weight:900!important;
  justify-content:center!important;
  text-align:center!important;
}
.settings-sidebar-v540 .settings-back-v540:hover{
  background:rgba(37,99,235,.13)!important;
  border-color:rgba(96,165,250,.42)!important;
}
.settings-sidebar-v540 .settings-home-v540{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  min-height:68px!important;
  margin:0 0 10px!important;
  padding:9px 14px!important;
  text-align:center!important;
  border-radius:16px!important;
  border:1px solid rgba(96,165,250,.43)!important;
  box-sizing:border-box!important;
}
.settings-sidebar-v540 .settings-home-v540 > span{
  flex:0 0 43px!important;
}
.settings-sidebar-v540 .settings-home-v540 > div{
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
  min-width:0!important;
}
.settings-sidebar-v540 .settings-home-v540 > div b,
.settings-sidebar-v540 .settings-home-v540 > div small{
  text-align:center!important;
}
.settings-sidebar-v540 h3{
  width:100%!important;
  margin:11px 0 5px!important;
  padding:0!important;
  text-align:center!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  color:#7895bb!important;
}
.settings-sidebar-v540 nav{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.settings-sidebar-v540 nav button{
  width:100%!important;
  min-height:52px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 13px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  line-height:1.22!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  border-radius:14px!important;
  border:1px solid rgba(108,158,226,.22)!important;
  background:rgba(10,25,44,.74)!important;
  color:#d5e4fa!important;
  transition:background .16s ease,border-color .16s ease,transform .14s ease!important;
}
.settings-sidebar-v540 nav button:hover{
  background:rgba(37,99,235,.12)!important;
  border-color:rgba(96,165,250,.40)!important;
  transform:translateY(-1px)!important;
}
.settings-sidebar-v540 nav button.active{
  color:#fff!important;
  border-color:rgba(96,165,250,.55)!important;
  background:linear-gradient(180deg,rgba(46,108,238,.38),rgba(34,81,174,.28))!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.11)!important;
}
.settings-sidebar-v540 nav button[hidden]{
  display:none!important;
}

/* ==========================================================================
   V553 - Übersichts-Dashboard: lange Freigabetitel bleiben in der Kachel
   ========================================================================== */
.personal-dashboard-grid-v552{
  min-width:0!important;
}
.personal-dashboard-grid-v552 > .settings-card-v540{
  min-width:0!important;
  overflow:hidden!important;
}
.dashboard-simple-row-v552{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.dashboard-simple-row-v552 b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.dashboard-share-row-v553{
  width:100%!important;
}

@media (min-width:821px){
  .settings-sidebar-v540{
    overflow-y:auto!important;
    scrollbar-width:thin!important;
  }
}
@media (max-width:820px){
  .settings-layout-v540{
    grid-template-columns:1fr!important;
  }
  .settings-sidebar-v540{
    height:auto!important;
    position:relative!important;
    padding:12px!important;
  }
  .settings-sidebar-v540 nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .settings-sidebar-v540 nav button{
    min-height:56px!important;
    padding:9px 9px!important;
  }
}
@media (max-width:470px){
  .settings-sidebar-v540 nav{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================================
   V554 - Speicher & Laufwerke / externe Bay-Speicherpfade
   ========================================================================== */
.storage-restart-v554{
  margin:0 0 14px;padding:13px 15px;border-radius:14px;
  background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.30);
  color:#ffe0a0;font-weight:850;
}
.storage-grid-v554{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-bottom:12px}
.storage-title-v554{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}
.storage-title-v554 h3,.storage-root-v554 h3,.storage-migration-v554 h3{margin:0 0 5px}
.storage-title-v554 p,.storage-root-v554 p{margin:0}
.detected-volumes-v554{display:grid;gap:8px}
.detected-volume-v554{
  width:100%!important;display:flex!important;align-items:center;justify-content:space-between;
  gap:10px;text-align:left!important;padding:11px 12px!important;min-height:63px!important;
  background:#091523!important;border:1px solid rgba(125,178,255,.14)!important;border-radius:13px!important;
}
.detected-volume-v554:hover{border-color:rgba(96,165,250,.43)!important;background:rgba(37,99,235,.09)!important}
.detected-volume-v554 div{display:grid;gap:4px}.detected-volume-v554 div small,.detected-volume-v554 strong small{color:#91add3;font-size:11px}
.detected-volume-v554 strong{text-align:right}
.storage-note-v554{margin-top:10px;padding:10px;border-radius:11px;background:rgba(37,99,235,.07);color:#a9c2e1;font-size:12px}
.storage-note-v554 p{margin:0 0 5px}
.storage-root-v554{display:grid;align-content:start;gap:11px}
.storage-root-v554 label{display:grid;gap:7px;font-weight:850;color:#bfd3ee}
.storage-root-input-v554{display:flex;gap:7px}.storage-root-input-v554 input{flex:1}.storage-root-input-v554 button{width:auto!important;white-space:nowrap}
.storage-local-hint-v554{padding:11px;border-radius:12px;background:#091523;border:1px solid rgba(125,178,255,.12);font-size:12px!important}
.storage-local-hint-v554 b{display:block;margin-top:5px;word-break:break-all;color:#dceaff}
.storage-path-card-v554{margin-bottom:12px}
.storage-path-actions-v554{display:flex;gap:7px}.storage-path-actions-v554 button{width:auto!important}
.storage-path-fields-v554{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.storage-path-field-v554{display:grid;gap:6px;padding:11px;border-radius:13px;background:#091523;border:1px solid rgba(125,178,255,.12)}
.storage-path-field-v554 span{display:flex;align-items:center;justify-content:space-between;gap:7px}.storage-path-field-v554 small{color:#91add3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storage-status-ok-v554,.storage-status-error-v554{font-size:10px;font-weight:900;border-radius:999px;padding:3px 7px;white-space:nowrap}
.storage-status-ok-v554{color:#74efba;background:rgba(16,185,129,.12)}
.storage-status-error-v554{color:#ffc175;background:rgba(251,146,60,.14)}
.storage-test-result-v554{display:grid;gap:7px;margin-top:13px}
.storage-test-result-v554 div{display:grid;gap:3px;padding:9px 11px;border-radius:11px}
.storage-test-result-v554 div.ok{background:rgba(16,185,129,.08);border:1px solid rgba(52,211,153,.2)}
.storage-test-result-v554 div.error{background:rgba(239,68,68,.09);border:1px solid rgba(248,113,113,.23)}
.storage-test-result-v554 small{color:#a9c2e1;word-break:break-all}
.storage-migration-v554 p{margin:7px 0;line-height:1.5;color:#c2d5ec}
@media(max-width:1000px){
  .storage-grid-v554,.storage-path-fields-v554{grid-template-columns:1fr}
}
@media(max-width:650px){
  .storage-title-v554,.storage-root-input-v554,.storage-path-actions-v554{display:grid}
  .storage-title-v554 button,.storage-root-input-v554 button,.storage-path-actions-v554 button{width:100%!important}
}


/* ==========================================================================
   V555 - Galerie "Nur Vorschau": Rechtsklick-/Save-Schutz und Wasserzeichen
   ========================================================================== */
.gallery-protection-notice-v555{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 11px;
  padding:11px 13px;
  border-radius:13px;
  color:#dceaff;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(96,165,250,.26);
}
.gallery-protection-notice-v555[hidden]{display:none!important}
.gallery-protection-notice-v555 span{font-size:21px}
.gallery-protection-notice-v555 div{display:grid;gap:3px}
.gallery-protection-notice-v555 b{font-size:13px}
.gallery-protection-notice-v555 small{color:#9db8d9;font-size:11px;line-height:1.35}

.gallery-protected-preview-v555 #previewStage{
  position:relative!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
.gallery-protected-preview-v555 #previewStage::before{
  content:"NUR VORSCHAU  •  TIM'S CLOUD  •  DOWNLOAD DEAKTIVIERT   NUR VORSCHAU  •  TIM'S CLOUD  •  DOWNLOAD DEAKTIVIERT";
  position:absolute;
  z-index:30;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%) rotate(-16deg);
  pointer-events:none;
  color:rgba(225,237,255,.16);
  font-size:clamp(12px,1.3vw,19px);
  font-weight:950;
  letter-spacing:.15em;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-shadow:0 1px 3px rgba(0,0,0,.34);
}
.gallery-protected-preview-v555 #previewStage::after{
  content:"Nur Vorschau • Download deaktiviert";
  position:absolute;
  z-index:31;
  right:12px;
  bottom:12px;
  pointer-events:none;
  padding:6px 10px;
  border-radius:999px;
  color:rgba(231,242,255,.88);
  background:rgba(5,15,29,.64);
  border:1px solid rgba(148,184,233,.20);
  font-size:11px;
  font-weight:850;
  backdrop-filter:blur(5px);
}
.gallery-protected-preview-v555 #previewStage img,
.gallery-protected-preview-v555 #previewStage video{
  -webkit-user-drag:none!important;
  user-drag:none!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
}
.gallery-protected-preview-v555 .v317-download-actions-v461{
  display:none!important;
}
@media(max-width:640px){
  .gallery-protected-preview-v555 #previewStage::before{
    font-size:11px;
    letter-spacing:.08em;
  }
  .gallery-protection-notice-v555{
    align-items:flex-start;
  }
}


/* ==========================================================================
   V556 - Verschlüsselter privater Tresor
   ========================================================================== */
.private-vault-surface-v556 main.main > .private-home-hero,
.private-vault-surface-v556 main.main > .private-quick-actions,
.private-vault-surface-v556 main.main > .cards,
.private-vault-surface-v556 main.main > .upload-hero,
.private-vault-surface-v556 main.main > #grid{display:none!important}
.vault-panel-v556{display:grid;gap:14px;min-height:calc(100vh - 115px);padding:4px 0}
.vault-gate-v556{
  width:min(560px,100%);margin:58px auto 0;padding:30px;
  border-radius:22px;background:#091829;border:1px solid rgba(111,163,235,.2);
  display:grid;gap:14px;text-align:center;
}
.vault-gate-v556 h1{margin:0;font-size:25px}.vault-gate-v556 p{margin:0;color:#adc5e2;line-height:1.5}
.vault-mark-v556{font-size:48px}
.vault-gate-v556 label{display:grid;gap:6px;text-align:left;color:#bfd3ee;font-weight:850}
.vault-gate-v556 input{width:100%;box-sizing:border-box}
.vault-warning-v556{padding:12px;border-radius:13px;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.24);color:#ffe0a0;text-align:left;line-height:1.45}
.vault-check-v556{display:flex!important;align-items:flex-start;gap:9px;font-size:13px}
.vault-check-v556 input{width:auto;margin-top:3px}
.vault-migration-hint-v556{padding:10px;border-radius:12px;background:rgba(37,99,235,.1);border:1px solid rgba(96,165,250,.22)}
.vault-head-v556{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:18px;background:#091829;border:1px solid rgba(111,163,235,.18)}
.vault-head-v556 h1{margin:0 0 4px;font-size:24px}.vault-head-v556 p{margin:0;color:#91add3}
.vault-head-actions-v556{display:flex;gap:8px;flex-wrap:wrap}.vault-head-actions-v556 button{width:auto!important}
.vault-breadcrumb-v556{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px 14px;border-radius:14px;background:#091523;border:1px solid rgba(125,178,255,.12)}
.vault-breadcrumb-v556 button{width:auto!important;background:transparent!important;border:0!important;padding:4px 6px!important;color:#cfe2fc!important}
.vault-breadcrumb-v556 span{color:#7392bb}
.vault-actions-v556{display:flex;gap:8px}.vault-actions-v556 button{width:auto!important}
.vault-grid-v556{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:11px}
.vault-item-v556{display:grid;gap:7px;padding:10px;border-radius:16px;background:#091829;border:1px solid rgba(111,163,235,.14);min-width:0}
.vault-item-open-v556{display:grid!important;justify-items:center!important;gap:7px!important;min-height:128px!important;width:100%!important;background:#071321!important;border:1px solid rgba(125,178,255,.1)!important}
.vault-item-open-v556 span{font-size:36px}.vault-item-open-v556 b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-item-open-v556 small{color:#91add3}
.vault-item-actions-v556{display:flex;gap:6px}.vault-item-actions-v556 button{flex:1;min-height:39px!important}
.vault-empty-v556{grid-column:1/-1;padding:48px;text-align:center;border-radius:16px;background:#091523;color:#91add3;border:1px dashed rgba(125,178,255,.18)}
.vault-preview-v556{position:fixed;z-index:6000;inset:0;background:rgba(2,8,16,.85);display:grid;place-items:center;padding:20px}
.vault-preview-v556[hidden]{display:none!important}
.vault-preview-card-v556{width:min(1050px,100%);max-height:92vh;display:grid;gap:10px;padding:12px;border-radius:18px;background:#071321;border:1px solid rgba(125,178,255,.24)}
.vault-preview-card-v556 header{display:flex;align-items:center;justify-content:space-between;gap:10px}.vault-preview-card-v556 header button{width:auto!important}
.vault-preview-card-v556 img,.vault-preview-card-v556 video{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}
.vault-preview-card-v556 iframe{width:100%;height:70vh;border:0;border-radius:12px;background:#fff}
.vault-preview-card-v556 pre{max-height:70vh;overflow:auto;padding:12px;background:#05101e;border-radius:12px;color:#e3efff}
.vault-preview-card-v556 footer{display:flex;justify-content:flex-end}.vault-preview-card-v556 footer a{display:inline-flex;align-items:center;padding:11px 16px;border-radius:12px;background:#2762da;color:#fff;text-decoration:none;font-weight:850}
@media(max-width:780px){
  .vault-gate-v556{margin-top:12px;padding:18px}
  .vault-head-v556{display:grid}.vault-head-actions-v556{display:grid}.vault-actions-v556{display:grid}
  .vault-grid-v556{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:450px){.vault-grid-v556{grid-template-columns:1fr}}


/* ==========================================================================
   V557 - Wiederherstellungsschlüssel für den privaten Tresor
   ========================================================================== */
.vault-recovery-divider-v557{display:flex;align-items:center;gap:12px;margin:5px 0;color:#7895bb;font-size:12px;font-weight:850}
.vault-recovery-divider-v557::before,.vault-recovery-divider-v557::after{content:"";height:1px;flex:1;background:rgba(125,178,255,.18)}
.vault-gate-v556 textarea{width:100%;box-sizing:border-box;resize:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}
.vault-recovery-missing-v557{padding:10px;border-radius:12px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.21);color:#ffe0a0!important;font-size:12px}
.vault-recovery-banner-v557{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.27);color:#ffe0a0}
.vault-recovery-banner-v557 span{flex:1;color:#f2d9a1;font-size:13px}.vault-recovery-banner-v557 button{width:auto!important;white-space:nowrap}
.vault-recovery-display-v557{width:min(650px,100%);margin:30px auto;padding:28px;border-radius:22px;background:#091829;border:1px solid rgba(111,163,235,.2);display:grid;gap:14px;text-align:center}
.vault-recovery-display-v557 h1{margin:0}.vault-recovery-display-v557 p{margin:0;color:#adc5e2;line-height:1.5}
.vault-recovery-code-v557{padding:18px 14px;border-radius:14px;background:#050f1d;border:1px solid rgba(96,165,250,.32);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(13px,2vw,17px);font-weight:800;letter-spacing:.05em;word-break:break-all;color:#e3efff;user-select:all}
.vault-recovery-actions-v557{display:flex;justify-content:center;gap:8px}.vault-recovery-actions-v557 button{width:auto!important}
@media(max-width:720px){.vault-recovery-banner-v557,.vault-recovery-actions-v557{display:grid}.vault-recovery-banner-v557 button,.vault-recovery-actions-v557 button{width:100%!important}.vault-recovery-display-v557{padding:18px;margin:12px auto}}


/* ==========================================================================
   V558 - Privater Bereich im alten Cloud-Design mit integrierter Tresorlogik
   ========================================================================== */
.private-vault-classic-v558 main.main > .private-home-hero,
.private-vault-classic-v558 main.main > .private-quick-actions,
.private-vault-classic-v558 main.main > .cards{
  display:grid!important;
}
.private-vault-classic-v558 main.main > .upload-hero{
  display:flex;
}
.private-vault-classic-v558 .vault-panel-classic-v558{
  min-height:0!important;
  padding:0!important;
  margin:0 0 14px!important;
  display:grid!important;
  gap:12px!important;
}
.private-vault-classic-v558 .vault-gate-v556,
.private-vault-classic-v558 .vault-recovery-display-v557{
  margin:0 auto 14px!important;
  width:min(620px,100%)!important;
}
.private-vault-classic-v558 .private-quick-actions{
  grid-template-columns:repeat(auto-fit,minmax(166px,1fr))!important;
}
.vault-classic-toolbar-v558{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 15px;border-radius:15px;background:#091829;
  border:1px solid rgba(111,163,235,.18);
}
.vault-classic-toolbar-v558 div:first-child{display:grid;gap:4px}
.vault-classic-toolbar-v558 small{color:#91add3;font-size:12px}
.vault-classic-toolbar-v558 button{width:auto!important}
.private-vault-classic-v558 .vault-grid-v556{
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;
}
.private-vault-classic-v558 .upload-hero.dragover{
  border-color:rgba(96,165,250,.75)!important;
  background:rgba(37,99,235,.16)!important;
}
.vault-recovery-code-label-v558{
  display:grid!important;gap:7px;text-align:left!important;color:#bfd3ee;font-weight:850;
}
.vault-recovery-code-v558{
  display:block!important;width:100%!important;box-sizing:border-box!important;
  -webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;
  cursor:text!important;resize:none!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
  padding:16px!important;line-height:1.55!important;
}
.vault-copy-hint-v558{color:#91add3;font-size:12px}
@media(max-width:700px){
  .vault-classic-toolbar-v558{display:grid}
  .vault-classic-toolbar-v558 button{width:100%!important}
}


/* ==========================================================================
   V559 - Privater Tresor: Erstellen, Vorschau & mittiger Upload
   ========================================================================== */
.private-vault-classic-v558 .upload-hero{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  min-height:92px!important;
}
.private-vault-classic-v558 .upload-hero > div{
  width:100%!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:5px!important;
  text-align:center!important;
}
.private-vault-classic-v558 .upload-hero b,
.private-vault-classic-v558 .upload-hero small{
  display:block!important;
  text-align:center!important;
}
.vault-create-dialog-v559{
  position:fixed;
  z-index:12000;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,8,16,.76);
}
.vault-create-card-v559{
  width:min(570px,100%);
  display:grid;
  gap:14px;
  padding:20px;
  border-radius:20px;
  background:#091829;
  border:1px solid rgba(111,163,235,.26);
  box-shadow:0 22px 80px rgba(0,0,0,.46);
}
.vault-create-card-v559 header,
.vault-create-card-v559 footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.vault-create-card-v559 h2{margin:0;font-size:19px}
.vault-create-card-v559 label{
  display:grid;
  gap:7px;
  color:#bfd3ee;
  font-weight:850;
}
.vault-create-card-v559 input,
.vault-create-card-v559 textarea{
  width:100%;
  box-sizing:border-box;
}
.vault-create-card-v559 textarea{
  resize:vertical;
  min-height:150px;
  font-family:inherit;
}
.vault-create-card-v559 footer{justify-content:flex-end}
.vault-create-card-v559 footer button,
.vault-create-card-v559 header button{width:auto!important}
@media(max-width:560px){
  .vault-create-card-v559 footer{display:grid;grid-template-columns:1fr}
  .vault-create-card-v559 footer button{width:100%!important}
}


/* ==========================================================================
   V560 - Privater Bereich ohne Browser-Popups
   ========================================================================== */
.vault-toast-wrap-v560{
  position:fixed;right:18px;bottom:18px;z-index:16000;
  display:grid;gap:8px;max-width:min(390px,calc(100vw - 36px));
}
.vault-toast-v560{
  transform:translateY(8px);opacity:0;
  padding:12px 14px;border-radius:13px;
  color:#dceaff;background:#091829;border:1px solid rgba(111,163,235,.24);
  box-shadow:0 14px 42px rgba(0,0,0,.34);
  font-weight:800;transition:opacity .16s ease,transform .16s ease;
}
.vault-toast-v560.show{transform:translateY(0);opacity:1}
.vault-toast-v560.success{border-color:rgba(52,211,153,.3)}
.vault-toast-v560.error{border-color:rgba(248,113,113,.34)}
.vault-confirm-dialog-v560{
  position:fixed;z-index:16050;inset:0;display:grid;place-items:center;
  padding:18px;background:rgba(2,8,16,.78);
}
.vault-confirm-card-v560{
  width:min(470px,100%);display:grid;justify-items:center;gap:12px;
  padding:25px 22px;border-radius:20px;text-align:center;
  background:#091829;border:1px solid rgba(111,163,235,.26);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
}
.vault-confirm-icon-v560{font-size:37px}
.vault-confirm-card-v560 h2{margin:0;font-size:21px}
.vault-confirm-card-v560 p{margin:0;color:#afc6e3;line-height:1.5}
.vault-confirm-actions-v560{display:flex;gap:8px;width:100%;margin-top:7px}
.vault-confirm-actions-v560 button{flex:1}
.vault-context-v560{
  position:fixed!important;z-index:16020!important;
}
.vault-context-v560.open{display:block!important}
@media(max-width:540px){
  .vault-confirm-actions-v560{display:grid}
}


/* ==========================================================================
   V561 - Privater Tresor: Papierkorb leeren, Auswahlrahmen & Verschieben
   ========================================================================== */
.vault-toolbar-actions-v561{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vault-toolbar-actions-v561 button{width:auto!important}
.vault-selection-bar-v561{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:10px 13px;border-radius:13px;
  background:rgba(37,99,235,.11);border:1px solid rgba(96,165,250,.25);
}
.vault-selection-bar-v561[hidden]{display:none!important}
.vault-selection-bar-v561 b{flex:1;color:#dceaff}
.vault-selection-bar-v561 button{width:auto!important}
.vault-item-v556.selected-v561{
  border-color:rgba(96,165,250,.72)!important;
  background:rgba(37,99,235,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.25)!important;
}
.vault-item-v556.vault-drop-target-v561{
  border-color:rgba(52,211,153,.74)!important;
  background:rgba(16,185,129,.16)!important;
  transform:scale(1.015);
}
.vault-selection-rect-v561{
  position:fixed;z-index:15990;pointer-events:none;
  border:1px solid rgba(96,165,250,.86);
  background:rgba(37,99,235,.18);
  border-radius:4px;
}
.private-vault-classic-v558 #vaultContentV556{
  user-select:none;
  min-height:90px;
}
.vault-move-card-v561{
  width:min(490px,100%);display:grid;gap:14px;padding:23px;
  border-radius:20px;background:#091829;border:1px solid rgba(111,163,235,.26);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
}
.vault-move-card-v561 h2{margin:0;font-size:21px}
.vault-move-card-v561 p{margin:0;color:#afc6e3;line-height:1.5}
.vault-move-card-v561 label{display:grid;gap:7px;color:#bfd3ee;font-weight:850}
.vault-move-card-v561 select{width:100%}
@media(max-width:650px){
  .vault-toolbar-actions-v561{display:grid;width:100%}
  .vault-toolbar-actions-v561 button{width:100%!important}
  .vault-selection-bar-v561 button{flex:1}
}


/* ==========================================================================
   V562 - Speicherpfad-Ändern-Dialog & Tresor Upload-Routing
   ========================================================================== */
.storage-field-edit-v562{display:flex;gap:7px;align-items:center}
.storage-field-edit-v562 input{flex:1;min-width:0}
.storage-field-edit-v562 button{width:auto!important;white-space:nowrap}
.storage-editor-overlay-v562{
  position:fixed;z-index:17000;inset:0;display:grid;place-items:center;
  padding:18px;background:rgba(2,8,16,.78);
}
.storage-editor-card-v562{
  width:min(610px,100%);display:grid;gap:14px;padding:21px;
  border-radius:20px;background:#091829;border:1px solid rgba(111,163,235,.28);
  box-shadow:0 25px 86px rgba(0,0,0,.5);
}
.storage-editor-card-v562 header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.storage-editor-card-v562 header h2{margin:0 0 5px;font-size:20px}
.storage-editor-card-v562 header p{margin:0}
.storage-editor-card-v562 header button{width:auto!important}
.storage-editor-card-v562 label{display:grid;gap:7px;color:#bfd3ee;font-weight:850}
.storage-editor-card-v562 input{width:100%;box-sizing:border-box}
.storage-editor-volumes-v562{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.storage-editor-volumes-v562>small,.storage-editor-volumes-v562>p{grid-column:1/-1}
.storage-editor-volumes-v562 button{
  width:100%!important;display:grid!important;gap:4px;text-align:left!important;
  padding:10px!important;border-radius:12px!important;
}
.storage-editor-volumes-v562 button small{color:#91add3}
.storage-editor-card-v562 footer{display:flex;justify-content:flex-end;gap:8px}
.storage-editor-card-v562 footer button{width:auto!important}
@media(max-width:620px){
  .storage-field-edit-v562,.storage-editor-card-v562 footer{display:grid}
  .storage-field-edit-v562 button,.storage-editor-card-v562 footer button{width:100%!important}
  .storage-editor-volumes-v562{grid-template-columns:1fr}
}


/* ==========================================================================
   V563 - Private Bestätigung & verschlüsselte Kachelbild-Vorschau
   ========================================================================== */
body.vault-confirm-open-v563{overflow:hidden!important}
.vault-confirm-dialog-v563{
  z-index:30000!important;
  isolation:isolate!important;
  visibility:visible!important;
  opacity:1!important;
}
.vault-confirm-dialog-v563 .vault-confirm-card-v560{
  position:relative!important;
  z-index:1!important;
  animation:vaultConfirmInV563 .14s ease-out both;
}
@keyframes vaultConfirmInV563{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.vault-confirm-dialog-v563 button{pointer-events:auto!important}
.vault-tile-media-v563{
  width:100%!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:11px!important;
  font-size:36px!important;
  background:rgba(5,16,30,.35)!important;
}
.vault-tile-media-v563 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:11px!important;
}
.vault-item-open-v556:has(.vault-tile-media-v563 img){
  min-height:144px!important;
}
@media(max-width:560px){
  .vault-tile-media-v563{height:70px!important}
}


/* ==========================================================================
   V564 - Private Medienvorschau & Dateiexplorer-Symbole
   ========================================================================== */
.vault-tile-media-v563{
  position:relative!important;
}
.vault-tile-media-v563 img,
.vault-tile-media-v563 video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:11px!important;
}
.vault-video-thumb-v564{
  background:#030b16!important;
  pointer-events:none!important;
}
.vault-video-play-v564{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  color:#fff;
  font-size:14px;
  font-style:normal;
  background:rgba(3,12,25,.66);
  border:1px solid rgba(213,228,250,.36);
  pointer-events:none;
}
.vault-item-open-v556:has(.vault-tile-media-v563 video){
  min-height:144px!important;
}


/* ==========================================================================
   V565 - Fortschritt: Privater Tresor & Dateiexplorer Archive
   ========================================================================== */
.vault-progress-panel-v565{z-index:16500!important}
.vault-progress-reopen-v565{z-index:16499!important}
.vault-progress-panel-v565 #vaultProcessTaskV565{padding:10px 10px 0}
.upload-job-bar-v427.is-indeterminate-v565 i{
  width:42%!important;
  animation:v565Indeterminate 1.05s ease-in-out infinite!important;
}
@keyframes v565Indeterminate{
  from{transform:translateX(-110%)}
  to{transform:translateX(255%)}
}
.vault-task-v565{margin:0}
.vault-thumb-loading-v565{position:relative!important;color:transparent!important}
.vault-thumb-loading-v565::after{
  content:"";
  position:absolute;
  width:24px;height:24px;border-radius:50%;
  border:2px solid rgba(148,184,233,.26);
  border-top-color:#60a5fa;
  animation:v565Spin .72s linear infinite;
}
@keyframes v565Spin{to{transform:rotate(360deg)}}
.vault-preview-wait-v565{
  display:grid;place-items:center;gap:12px;min-height:250px;color:#cfe2fc;
}
.vault-preview-wait-v565 span{
  width:34px;height:34px;border-radius:50%;
  border:3px solid rgba(148,184,233,.25);border-top-color:#60a5fa;
  animation:v565Spin .72s linear infinite;
}
.explorer-archive-panel-v565{z-index:1300!important}
.explorer-archive-panel-v565 .upload-queue-head-v427 button{width:auto!important}
@media(max-width:650px){
  .vault-progress-panel-v565,.explorer-archive-panel-v565{
    right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;
  }
}

.vault-idle-status-v566{display:block;color:#76a9ef!important;margin-top:4px}
.v566-dialog-overlay{z-index:30050!important}.v566-small-dialog,.v566-share-dialog,.v566-link-result,.v566-details{width:min(560px,100%)}
.v566-warning{padding:10px 12px;border-radius:12px;background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.25);color:#ffe1a5}
.v566-detail-grid{display:grid;grid-template-columns:100px 1fr;gap:9px;padding:12px;border-radius:13px;background:#061321}.v566-detail-grid small{color:#8eabd2}
.v566-gallery-card{position:relative;width:min(1180px,100%);height:min(92vh,900px)}.v566-gallery-counter{color:#adc5e2;font-weight:800;margin-left:auto;margin-right:8px}
.v566-gallery-stage{display:grid;place-items:center;min-height:60vh;max-height:76vh;overflow:hidden}.v566-gallery-stage img,.v566-gallery-stage video{display:block;max-width:100%;max-height:76vh;object-fit:contain}
.v566-prev,.v566-next{position:absolute!important;top:50%;transform:translateY(-50%);width:48px!important;height:64px;border-radius:999px!important;background:rgba(5,16,30,.7)!important;font-size:34px!important}.v566-prev{left:16px}.v566-next{right:16px}.v566-prev:disabled,.v566-next:disabled{opacity:.22;pointer-events:none}
.vault-settings-v566{display:grid;gap:13px;max-width:700px}.vault-settings-v566 label{display:grid;gap:7px}
@media(max-width:700px){.v566-gallery-card{height:100vh;width:100%;border-radius:0!important}.v566-gallery-stage{min-height:calc(100vh - 150px);max-height:calc(100vh - 150px)}.v566-prev{left:8px}.v566-next{right:8px}}


/* ==========================================================================
   V567 - Private Exportkopien im Adminpanel
   ========================================================================== */
.private-export-head-v567{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.private-export-head-v567 p{margin:0}
.private-export-head-v567 > div:last-child{display:flex;gap:8px;flex-shrink:0}
.private-export-warning-v567{
  padding:11px 13px;margin:10px 0 14px;border-radius:13px;
  color:#ffe1a5;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.23);
}
.private-exports-list-v567{display:grid;gap:8px}
.private-export-row-v567{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 13px;border-radius:13px;background:#091829;border:1px solid rgba(111,163,235,.17);
}
.private-export-row-v567 > div{display:grid;gap:4px;min-width:0}
.private-export-row-v567 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.private-export-row-v567 small{color:#91add3}
.private-export-row-v567 button{width:auto!important;flex-shrink:0}
@media(max-width:650px){
  .private-export-head-v567,.private-export-row-v567{display:grid}
  .private-export-head-v567 > div:last-child{display:grid}
  .private-export-row-v567 button{width:100%!important}
}

/* ==========================================================================
   V568 - Family Share
   ========================================================================== */
.family-panel-v568{display:grid;gap:7px;margin-top:8px}
.family-head-v568{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid rgba(122,158,205,.25)!important;background:linear-gradient(180deg,rgba(31,48,75,.88),rgba(18,34,58,.88))!important;color:#fff!important;font-weight:950!important}
.family-body-v568{display:grid;gap:8px;margin:0 0 4px 8px;padding:8px;border-left:1px solid rgba(122,158,205,.25)}
.family-list-v568{display:grid;gap:6px}.family-row-v568{display:grid;grid-template-columns:1fr auto;gap:5px}
.family-row-v568>button:first-child{display:grid!important;gap:2px!important;justify-content:start!important;text-align:left!important;padding:8px 10px!important;min-height:44px!important;border-radius:12px!important;border:1px solid rgba(122,158,205,.18)!important;background:rgba(9,24,41,.55)!important;color:#f4f8ff!important}
.family-row-v568>button:first-child small{color:#8eaacf;font-size:11px}.family-row-v568.active>button:first-child{border-color:rgba(96,165,250,.5)!important;background:rgba(59,130,246,.18)!important}
.family-manage-v568{width:40px!important;min-height:44px!important;padding:0!important}.family-create-v568{width:100%!important}
.family-members-v568{display:grid;gap:8px;padding:12px;margin-top:10px;border-radius:13px;background:rgba(7,18,33,.58)}
.family-member-v568{display:grid!important;grid-template-columns:auto 1fr 125px;align-items:center;gap:8px}.family-member-v568 input{width:auto!important;margin:0}.family-member-v568 select{min-width:0}
.family-owner-v568{padding:9px 12px;border-radius:12px;background:rgba(59,130,246,.13)}.family-activity-v568{display:grid;gap:5px;margin-top:12px;padding:12px;border-radius:12px;background:rgba(7,18,33,.58)}.family-activity-v568 small{color:#98b3d7}.family-delete-v568{margin-top:12px;width:100%!important}
@media(max-width:620px){.family-member-v568{grid-template-columns:auto 1fr}.family-member-v568 select{grid-column:2}}

/* V569 – Family Share, Sidebar Drop & privater Tresor */
.family-body-v568[hidden]{display:none!important}
.family-head-v568{position:relative!important;justify-content:center!important;text-align:center!important}
.family-head-v568 span{display:block;text-align:center}.family-head-v568 i{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
.family-row-v568{grid-template-columns:1fr!important}.family-row-v568>button:first-child{justify-content:center!important;text-align:center!important}
.family-context-v569{z-index:19000!important}.sidebar-drop-target-v569{border-radius:13px!important;outline:2px solid rgba(96,165,250,.76)!important;background:rgba(37,99,235,.18)!important}
.vault-item-v556{position:relative}.vault-favorite-star-v569{position:absolute;top:8px;right:8px;z-index:4;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:999px!important;background:rgba(5,16,30,.58)!important;border:1px solid rgba(148,184,233,.22)!important;color:#8eaacf!important;font-size:18px!important}
.vault-favorite-star-v569.is-favorite{color:#fbbf24!important;background:rgba(251,191,36,.13)!important}.vault-toolbar-actions-v561 .active{border-color:rgba(251,191,36,.42)!important;color:#facc15!important}


/* ==============================
   V570 MOBILE BACKUP SUITE
   ============================== */
.mobile-backup-action-v570{background:linear-gradient(135deg,rgba(47,109,240,.22),rgba(32,174,130,.15))!important;border-color:rgba(73,134,255,.3)!important}
.mobile-backup-dialog-v570{position:fixed;inset:0;z-index:2400;background:rgba(4,8,16,.76);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}
.mobile-backup-card-v570{width:min(820px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid rgba(116,150,210,.2);border-radius:22px;background:#0d1522;box-shadow:0 24px 70px rgba(0,0,0,.5);padding:22px}
.mobile-backup-card-v570 header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.mobile-backup-card-v570 header h2{margin:0 0 5px;font-size:1.35rem}
.mobile-backup-card-v570 header p{margin:0;color:#91a2bc;line-height:1.45}
.mobile-backup-status-v570{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.mobile-backup-status-v570>div{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(128,151,192,.14)}
.mobile-backup-status-v570 small{color:#90a2bc;font-size:.75rem}
.mobile-backup-status-v570 b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-backup-target-v570{padding:12px 14px;background:rgba(47,109,240,.1);border:1px solid rgba(65,126,255,.2);border-radius:13px;color:#c7d7ed;margin-bottom:12px}
.mobile-backup-target-v570 span{color:#a9c3ff}
.mobile-backup-features-v570{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.mobile-backup-features-v570 span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);color:#8495ad;font-size:.82rem;border:1px solid rgba(255,255,255,.06)}
.mobile-backup-features-v570 span.on{color:#d9e7ff;border-color:rgba(47,109,240,.32);background:rgba(47,109,240,.14)}
.mobile-backup-actions-v570{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}
.mobile-backup-actions-v570 button{min-height:46px}
.mobile-backup-connected-v570{padding:10px 12px;border-radius:10px;color:#8ea0b9;background:rgba(255,255,255,.025);margin-bottom:14px}
.mobile-backup-cleanup-v570{padding:14px;background:rgba(41,178,118,.08);border:1px solid rgba(41,178,118,.23);border-radius:14px;margin:12px 0}
.mobile-backup-cleanup-v570 b{color:#cdf3e0}.mobile-backup-cleanup-v570 p{color:#a9c3bb;margin:7px 0 12px}
.mobile-backup-log-v570{margin-top:15px;border-top:1px solid rgba(128,151,192,.13);padding-top:12px}
.mobile-backup-log-v570 h3{font-size:.95rem;margin:0 0 9px}
.mobile-backup-log-v570>div>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(128,151,192,.1)}
.mobile-backup-log-v570 small{color:#8c9db5;text-align:right}
.mobile-backup-limit-v570{margin:15px 0 0;color:#8799b2;font-size:.82rem;line-height:1.48}
.mobile-backup-card-v570 footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(128,151,192,.13)}
.mobile-backup-card-v570 footer a{color:#a8c3ff;text-decoration:none}

.mobile-backup-settings-hero-v570{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(47,109,240,.13),rgba(28,176,130,.06));border:1px solid rgba(70,132,245,.2);margin-bottom:17px}
.mobile-backup-settings-hero-v570 b{font-size:1.05rem}.mobile-backup-settings-hero-v570 p{margin:6px 0 0;color:#93a5be}
.mobile-backup-settings-hero-v570 a{padding:11px 16px;border-radius:10px;background:#2f6df0;color:white;text-decoration:none;white-space:nowrap}
.mobile-backup-settings-grid-v570{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:15px}
.mobile-backup-settings-grid-v570 .settings-card-v540{height:100%;box-sizing:border-box}
.mobile-backup-save-v570{margin:0 0 16px}
.mobile-backup-stats-v570{margin-bottom:15px}
.mobile-backup-log-row-v570 span{color:#a9bad0;font-size:.86rem;text-align:right}
.mobile-backup-pwa-v570 p{color:#91a3bb;line-height:1.48}
.mobile-backup-pwa-v570 .sub{font-size:.84rem}

@media(max-width:900px){
  .mobile-backup-settings-grid-v570{grid-template-columns:1fr}
  .mobile-backup-settings-hero-v570{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
  .mobile-backup-dialog-v570{padding:0;align-items:stretch}
  .mobile-backup-card-v570{max-height:100vh;border-radius:0;padding:16px}
  .mobile-backup-status-v570{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-backup-actions-v570{grid-template-columns:1fr}
  .mobile-backup-card-v570 footer{flex-direction:column;align-items:stretch}
}

.vault-mobile-backup-badge-v570{font-size:.68rem;font-style:normal;color:#a7c6ff;background:rgba(47,109,240,.14);border:1px solid rgba(47,109,240,.24);padding:3px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:3px}


/* ==============================
   V573 APK DOWNLOAD · HANDY-BACKUP EINSTELLUNGEN
   ============================== */
.mobile-backup-apk-v573{
  position:relative;
  overflow:hidden;
  margin-top:14px;
  border-color:rgba(72,132,245,.24)!important;
  background:
    radial-gradient(circle at 94% 10%,rgba(47,109,240,.16),transparent 38%),
    linear-gradient(135deg,rgba(47,109,240,.08),rgba(16,24,38,.2))!important;
}
.mobile-backup-apk-v573:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#4a8cff,#26be8c);
}
.mobile-apk-head-v573{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.mobile-apk-title-v573{display:flex;align-items:center;gap:12px;min-width:0}
.mobile-apk-title-v573 h3{margin:0 0 4px}
.mobile-apk-title-v573 p{margin:0!important}
.mobile-apk-icon-v573{
  display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;
  font-size:25px;background:rgba(47,109,240,.14);border:1px solid rgba(91,148,255,.27);
}
.mobile-apk-state-v573{
  flex:0 0 auto;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;
  font-size:.75rem;font-weight:750;border:1px solid transparent;white-space:nowrap
}
.mobile-apk-state-v573.checking{color:#b5c6e2;background:rgba(149,166,196,.1);border-color:rgba(149,166,196,.16)}
.mobile-apk-state-v573.ready{color:#bdf3dc;background:rgba(34,197,120,.12);border-color:rgba(34,197,120,.25)}
.mobile-apk-state-v573.missing{color:#f7d49e;background:rgba(238,165,51,.1);border-color:rgba(238,165,51,.23)}
.mobile-backup-apk-v573>p{color:#91a3bb;line-height:1.5}
.mobile-apk-tags-v573{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.mobile-apk-tags-v573 span{
  padding:7px 11px;border-radius:999px;color:#b7cbe8;font-size:.81rem;
  background:rgba(255,255,255,.035);border:1px solid rgba(125,155,199,.14)
}
.mobile-apk-actions-v573{display:flex;align-items:center;gap:10px;margin-top:16px}
.mobile-apk-download-v573{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;
  padding:0 16px;border-radius:11px;text-decoration:none!important;color:white!important;
  font-weight:700;background:#2f6df0;border:1px solid rgba(104,159,255,.35);
  transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease
}
.mobile-apk-download-v573:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(47,109,240,.25)}
.mobile-apk-download-v573.disabled{opacity:.48;cursor:not-allowed;pointer-events:none}
.mobile-apk-actions-v573 button{min-height:44px}
.mobile-apk-hint-v573{margin:14px 0 0!important;padding-top:12px;border-top:1px solid rgba(127,153,194,.12)}
@media(max-width:620px){
  .mobile-apk-head-v573{flex-direction:column}
  .mobile-apk-actions-v573{flex-direction:column;align-items:stretch}
  .mobile-apk-download-v573,.mobile-apk-actions-v573 button{width:100%;box-sizing:border-box}
}
