/* shared by Select, Transfer and Review: switch between the tools, project page, address suggestions */
:root{--hub-s:#C9A6F7;--hub-t:#3DDC97;--hub-r:#F2668B}
.tswitch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(12,7,19,.35);flex-wrap:wrap}
.tsw{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:6px 11px;border-radius:999px;line-height:1;white-space:nowrap}
.tsw:hover{color:var(--text);background:rgba(243,238,249,.08)}
.tsw.on{color:var(--ink,#120A1C);background:var(--lav)}
.tsw.hub{border-left:1px solid var(--line);border-radius:0 999px 999px 0;margin-left:4px;padding-left:12px}
.tsw.hub.on{border-left-color:transparent;border-radius:999px}

.hub{max-width:1180px}
.hub .stack24>*+*{margin-top:24px}
.hub.stack24>*+*{margin-top:24px}
.hstors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.hstor{border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:rgba(27,17,40,.55);min-width:0}
.hstor b{font-size:17px;white-space:nowrap}
.hstor.total{background:transparent;border-style:dashed}
.hbar{height:6px;border-radius:9px;background:rgba(243,238,249,.1);overflow:hidden}
.hbar span{display:block;height:100%;border-radius:9px;background:var(--hub-s)}
.hstor.tT .hbar span{background:var(--hub-t)}
.hstor.tR .hbar span{background:var(--hub-r)}
.hub .search{min-width:0;flex:1 1 280px;max-width:420px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(12,7,19,.5);color:var(--text);padding:0 18px;font-size:15px}
.hub .search::placeholder{color:var(--muted)}
.hempty{display:flex;flex-direction:column;gap:6px}
.hub>.row>.small{flex:1 1 320px;min-width:0}
.hcard{border:1px solid var(--line);border-radius:18px;background:rgba(27,17,40,.55);padding:18px 20px}
.hproj{display:flex;flex-direction:column;gap:12px}
.hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(243,238,249,.25);background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.hbtn:hover{border-color:var(--lav)}
.hbtn.on{background:var(--lav);border-color:var(--lav);color:var(--ink,#120A1C)}
.hib{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:20px;line-height:1}
.hib:hover{color:var(--text);background:rgba(243,238,249,.08)}
.hib .ic{width:20px;height:20px}
.hph{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.hph .h-sec{font-size:24px;overflow-wrap:anywhere}
.hph .stack2{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 240px}
.hrows{display:flex;flex-direction:column}
.hrow{display:grid;grid-template-columns:86px minmax(0,1fr) auto 10px 36px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.hrows>.hrow:first-child{border-top:0}
.hrow[hidden]{display:none}
.hk{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:7px;text-align:center;color:var(--ink,#120A1C);background:var(--hub-s)}
.hk.tT{background:var(--hub-t)}
.hk.tR{background:var(--hub-r)}
.hmain{display:flex;flex-direction:column;gap:2px;min-width:0}
.htitle{color:var(--text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.htitle:hover{color:var(--lav);text-decoration:underline}
.hmain .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hfacts{display:flex;gap:14px;white-space:nowrap}
.hst{width:10px;height:10px;border-radius:50%;background:rgba(243,238,249,.3)}
.hst.done,.hst.ok,.hst.in{background:var(--mint)}
.hst.changes{background:#FFB547}
.hst.open,.hst.review,.hst.out{background:var(--lav)}
.hst.exp{background:transparent;border:1px solid rgba(243,238,249,.4)}

.hset{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:4px 0 6px}
.hph .hset{flex-basis:100%}
.hset input{flex:1 1 220px;min-width:0;min-height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(12,7,19,.5);color:var(--text);padding:0 12px}

.hlooseall summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.hlooseall summary::-webkit-details-marker{display:none}
.hlooseall summary::before{content:'›';display:inline-block;transition:transform .15s;font-size:20px;line-height:1}
.hlooseall[open] summary::before{transform:rotate(90deg)}
.hlooseall[open] summary{margin-bottom:12px}
.hloose{display:flex;flex-direction:column;gap:6px}
.hloose[hidden]{display:none}
@media (max-width:760px){
  .hrow{grid-template-columns:minmax(0,1fr) 10px 36px;row-gap:4px}
  .hk{grid-column:1/-1;justify-self:start}
  .hfacts{grid-column:1/2;grid-row:3}
  .hcard{padding:14px}
  .hub .search{max-width:none}
}

/* address suggestions */
.abwrap{position:relative}
.abbox{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--ink2,#1B1128);box-shadow:0 18px 40px rgba(0,0,0,.45);padding:4px}
.abopt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'n t' 'm t';gap:0 10px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:8px 10px;border-radius:9px;cursor:pointer}
.abopt.on,.abopt:hover{background:rgba(201,166,247,.16)}
.abname{grid-area:n;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abmail{grid-area:m;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abtools{grid-area:t;display:flex;gap:3px;align-items:center}
.abt{font-family:var(--mono);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink,#120A1C);background:var(--hub-s)}
.abt.tT{background:var(--hub-t)}
.abt.tR{background:var(--hub-r)}

/* light look (white-label) */
.light .tswitch{background:var(--l-card);border-color:var(--l-line)}
.light .tsw{color:var(--l-muted)}
.light .tsw:hover{color:var(--l-text);background:var(--l-deep)}
.light .tsw.on{background:var(--l-accent);color:#FFFFFF}
.light .hstor,.light .hcard{background:var(--l-card);border-color:var(--l-line)}
.light .hbtn{color:var(--l-text);border-color:var(--l-line2)}
.light .hbtn.on{background:var(--l-accent);border-color:var(--l-accent);color:#FFFFFF}
.light .hib{color:var(--l-muted)}
.light .hbar{background:var(--l-deep)}
.light .htitle{color:var(--l-text)}
.light .hset input,.light .hub .search{background:var(--l-card);color:var(--l-text);border-color:var(--l-line2)}
.light .abbox{background:var(--l-card);border-color:var(--l-line);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.light .abopt{color:var(--l-text)}
.light .abopt.on,.light .abopt:hover{background:var(--l-deep)}
.light .abmail{color:var(--l-muted)}

/* ---------- overview of galleries and reviews: tiles or list, same card in both tools ---------- */
.pkbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pkbar .chips{display:flex;flex-wrap:wrap;gap:10px}
.pkright{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.pkview{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px}
.pkview button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.pkview button.on{background:var(--text);color:var(--ink,#120A1C)}
.pkview svg{width:16px;height:16px}
.pkcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pk{display:flex;flex-direction:column;min-width:0;background:var(--ink2);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(201,166,247,.25);transition:box-shadow .15s}
.pk[hidden]{display:none}
.pk:hover{box-shadow:0 0 0 2px rgba(201,166,247,.7)}
.pk.st-ok{box-shadow:0 0 0 1px rgba(61,220,151,.55)}.pk.st-ok:hover{box-shadow:0 0 0 2px #3DDC97}
.pk-pic{position:relative;display:block;aspect-ratio:16/9;background:rgba(201,166,247,.06);overflow:hidden}
.pk-pic img,.pk-pic .rthumb{display:block;width:100%;height:100%;object-fit:cover}
.pk-pic .mosaic{border-radius:0}
.pk-tags{position:absolute;left:12px;top:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px}
.pk-st{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(12,7,19,.78);border:1px solid rgba(201,166,247,.6);color:var(--lav);white-space:nowrap}
.pk-st.ok{border-color:#3DDC97;color:#3DDC97}.pk-st.ch{border-color:#FFB84D;color:#FFB84D}.pk-st.off{border-color:rgba(243,238,249,.3);color:var(--muted)}.pk-st.bad{border-color:#F2668B;color:#F2668B}
.pk-dur{position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:12px;font-weight:600;background:rgba(0,0,0,.65);padding:3px 7px;border-radius:6px;color:#fff}
.pk-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 16px;min-width:0;flex:1}
.pk-kick{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tacc,var(--lav));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:14px}
.pk-title{font-size:21px;font-weight:700;color:var(--text);text-decoration:none;overflow-wrap:anywhere;line-height:1.2}
.pk-title:hover{color:var(--tacc,var(--lav))}
.pk-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.pk-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(243,238,249,.08)}
.pk-acts .sbtn{min-height:34px;padding:0 13px;font-size:13px}
/* list view: one row per item */
.pkcards.list{grid-template-columns:minmax(0,1fr);gap:12px}
.pkcards.list .pk{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:stretch}
.pkcards.list .pk-pic{aspect-ratio:auto;min-height:112px}
.pkcards.list .pk-tags{left:8px;top:8px}
.pkcards.list .pk-st{font-size:10px;padding:4px 8px}
.pkcards.list .pk-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;grid-template-areas:"kick meta acts" "title meta acts";align-items:center;column-gap:20px;row-gap:4px;padding:14px 18px}
.pkcards.list .pk-kick{grid-area:kick;align-self:end}.pkcards.list .pk-title{grid-area:title;align-self:start;font-size:18px}
.pkcards.list .pk-meta{grid-area:meta;flex-direction:column;justify-content:center;gap:4px}
.pkcards.list .pk-acts{grid-area:acts;margin:0;padding:0;border:0;flex-wrap:nowrap}
@media (max-width:1100px){.pkcards{grid-template-columns:repeat(2,minmax(0,1fr))}.pkcards.list .pk-body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kick acts" "title acts" "meta acts"}}
@media (max-width:700px){.pkcards{grid-template-columns:minmax(0,1fr)}.pkcards.list .pk{grid-template-columns:110px minmax(0,1fr)}.pkcards.list .pk-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"kick" "title" "meta" "acts"}.pkcards.list .pk-acts{flex-wrap:wrap}.pkcards.list .pk-tags .pk-st+.pk-st{display:none}}
.gearbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:var(--muted);text-decoration:none;border:1px solid transparent}
.gearbtn:hover{color:var(--text);border-color:rgba(243,238,249,.3)}.gearbtn.on{color:var(--ink,#120A1C);background:var(--text)}
.gearbtn,.gearbtn:hover{width:32px;height:44px;border:0;background:none}.gearbtn:hover{color:var(--text)}.gearbtn.on{background:none;color:var(--text)}
.hqwrap{align-items:center}.hqby .fchip{min-height:40px}
.hqwrap{flex-wrap:nowrap}.hqwrap .search{width:300px;flex:none}@media (max-width:760px){.hqwrap{flex-wrap:wrap}.hqwrap .search{width:100%}}

/* ---------- Fehler melden (lib/report.php, assets/report.js) ---------- */
.navpill.ghrep-btn,.navpill.ghupd-btn{border-color:transparent!important;background:none!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:6px}
.navpill.ghrep-btn{color:#F2668B}
.navpill.ghrep-btn:hover{color:#FF9CB6}
.navpill.ghrep-btn[disabled]{opacity:.45;cursor:not-allowed;background:none;color:inherit}
.gftr__credit a{color:inherit;text-decoration:none}
.gftr__credit a:hover{text-decoration:underline}
.gftr__warn{color:#F2668B;opacity:1}
.ghrep{--r-bg:var(--ink2,#1B1128);--r-tx:var(--text,#F3EEF9);--r-mu:var(--muted,#B9AECB);--r-ln:var(--line,rgba(243,238,249,.14));--r-fld:var(--ink,#120A1C);--r-acc:var(--purple,#9B5CF6);--r-acc2:var(--lav,#C9A6F7);
  position:fixed;inset:0;z-index:9000;background:rgba(8,5,12,.62);display:flex;align-items:center;justify-content:center;padding:24px max(16px,env(safe-area-inset-left,0px));overflow:auto}
body.light .ghrep{--r-bg:var(--l-card);--r-tx:var(--l-text);--r-mu:var(--l-muted);--r-ln:var(--l-line);--r-fld:var(--l-bg);--r-acc:var(--l-accent);--r-acc2:var(--l-accent);background:rgba(30,28,34,.45)}
.ghrep__box{position:relative;background:var(--r-bg);color:var(--r-tx);border:1px solid var(--r-ln);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:28px 28px 26px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;font-size:15px;line-height:1.5}
.ghrep__box.wide{width:min(1320px,100%);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px}
.ghrep__box.done{width:min(520px,100%);text-align:center;padding:34px 30px}
.ghrep__x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;background:none;color:var(--r-mu);font-size:26px;line-height:1;cursor:pointer;border-radius:50%}
.ghrep__x:hover{color:var(--r-tx);background:var(--r-fld)}
.ghrep__h{margin:0 0 6px;font-size:22px;line-height:1.2;font-weight:700;text-transform:none;letter-spacing:0;font-family:var(--sans)}
.ghrep__lead{margin:0 0 16px;color:var(--r-mu);font-size:14px}
.ghrep__busy{margin:18px 0 6px}
.ghrep__warn{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:rgba(242,102,139,.12);color:#F2668B;font-size:14px}
.ghrep__ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ghrep__way{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--r-ln);background:var(--r-fld);color:var(--r-tx);font:inherit;cursor:pointer}
.ghrep__way b{font-size:15px}
.ghrep__way span{font-size:13px;color:var(--r-mu);line-height:1.45}
.ghrep__way.rec,.ghrep__way:hover,.ghrep__way:focus-visible{border-color:var(--r-acc2);outline:0;box-shadow:0 0 0 1px var(--r-acc2)}
.ghrep__main{min-width:0;display:flex;flex-direction:column}
.ghrep__side{min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:6px}
.ghrep__box:not(.wide) .ghrep__side{margin-top:6px}
.ghrep__tools{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ghrep__tool{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--r-ln);background:none;color:var(--r-tx);cursor:pointer}
.ghrep__tool.on{background:var(--r-acc);border-color:var(--r-acc);color:#fff}
.ghrep__stage{border:1px solid var(--r-ln);border-radius:12px;overflow:auto;background:var(--r-fld);max-height:calc(100vh - 230px)}
.ghrep__stage canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}
.ghrep__notes{display:flex;flex-direction:column;gap:6px}
.ghrep__notes:empty{display:none}
.ghrep__note{display:flex;align-items:center;gap:8px;border:1px solid var(--r-ln);border-radius:10px;padding:6px 10px;background:var(--r-fld)}
.ghrep__note b{color:#F2668B;font-size:14px;min-width:14px}
.ghrep__note input{flex:1;min-width:0;border:0;background:none;color:var(--r-tx);font:inherit;font-size:14px;outline:0;padding:2px 0}
.ghrep__lbl{font-size:13px;font-weight:600;margin-top:6px}
.ghrep__lbl span{font-weight:400;color:var(--r-mu);font-size:12px}
.ghrep__ta{width:100%;resize:vertical;min-height:96px;border:1px solid var(--r-ln);border-radius:10px;background:var(--r-fld);color:var(--r-tx);font:inherit;font-size:14px;padding:10px 12px}
.ghrep__ta:focus{outline:0;border-color:var(--r-acc2)}
.ghrep__files{display:flex;flex-wrap:wrap;gap:6px}
.ghrep__chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;font:inherit;font-size:13px;padding:5px 10px;border-radius:999px;border:1px solid var(--r-ln);background:var(--r-fld);color:var(--r-tx);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ghrep__chip small{color:var(--r-mu)}
.ghrep__chip.add{cursor:pointer;background:none}
.ghrep__chip.add:hover{border-color:var(--r-acc2)}
.ghrep__rm{border:0;background:none;color:var(--r-mu);cursor:pointer;font-size:16px;line-height:1;padding:0 0 0 2px}
.ghrep__lock{border:1px solid var(--r-ln);border-radius:10px;background:var(--r-fld);padding:9px 12px;font-size:14px;color:var(--r-mu);user-select:all;overflow-wrap:anywhere}
.ghrep__auto{margin:0;font-size:13px;color:var(--r-mu)}
.ghrep__send{margin-top:10px;font:inherit;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:13px 18px;border-radius:999px;border:0;background:var(--r-acc);color:#fff;cursor:pointer}
.ghrep__send:hover{filter:brightness(1.08)}
.ghrep__send[disabled]{opacity:.6;cursor:wait}
.ghrep__copy{margin:2px 0 0;text-align:center;font-size:13px;color:var(--r-mu)}
.ghrep__copy.err{color:#F2668B}
.ghrep__ok{margin-top:8px}
@media (max-width:900px){.ghrep__box.wide{grid-template-columns:minmax(0,1fr)}.ghrep__stage{max-height:50vh}}
.navpill.ghupd-btn{color:#FF9F43}
.navpill.ghupd-btn:hover{color:#FFC48A}
body.light .navpill.ghrep-btn{color:#C8325A}
body.light .navpill.ghupd-btn{color:#C75F00}
body.light .navpill.ghupd-btn:hover,body.light .navpill.ghrep-btn:hover{text-decoration:underline;text-underline-offset:3px}
.ghrep__notesbox{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--r-fld);border:1px solid var(--r-ln);font-size:14px;max-height:40vh;overflow:auto}
