/* 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,.atop .navpill.ghost.ghrep-btn{color:#F2668B}
.navpill.ghrep-btn:hover,.atop .navpill.ghost.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}
/* the "search in" chips only matter while searching */
.hqbyl{align-self:center;margin-right:2px}

/* "?" help bubbles, same as in Select (Select also defines them in app.css) */
.q{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;min-height:0;padding:0;margin-left:2px;border-radius:50%;border:1px solid rgba(201,166,247,.6);background:transparent;color:var(--lav);font-family:var(--mono);font-size:11px;font-weight:600;line-height:1;cursor:help;vertical-align:middle;text-transform:none;letter-spacing:0}
.q:hover,.q.on{background:var(--lav);color:#1B0F2E;border-color:var(--lav)}
/* bigger hit area on touch without changing the look */
@media (hover:none){.q{position:relative}.q::after{content:'';position:absolute;inset:-12px}}
.tippop{position:fixed;z-index:80;padding:11px 14px;border-radius:12px;background:#2A1C3D;box-shadow:0 0 0 1px rgba(201,166,247,.5),0 12px 30px rgba(0,0,0,.5);font-size:13px;line-height:1.5;color:var(--text);pointer-events:none;text-transform:none;letter-spacing:0;font-family:var(--sans);font-weight:400;white-space:normal}
.atop .navpill.ghost.ghupd-btn{color:#FF9F43}body.light .atop .navpill.ghost.ghrep-btn{color:#C8325A}body.light .atop .navpill.ghost.ghupd-btn{color:#C75F00}

.pk[data-href]{cursor:pointer}.pk[data-href] .pk-acts{cursor:auto}

/* card buttons as pictograms (gh_acts): round, the label as a small bubble on hover or focus */
.pk-acts{align-items:center}
.pk-acts .sbtn.icb{position:relative;width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.pk-acts .sbtn.icb .ic{width:22px;height:22px;flex:none;margin:0!important;stroke-width:1.9}
.pk-acts .sbtn.icb .ic-ext{transform:translateY(.3px)}
.pk-acts .sbtn.icb.danger{margin-left:auto}
.pkcards.list .pk-acts .sbtn.icb.danger{margin-left:8px}
.pk-acts .sbtn.icb[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:5;padding:6px 10px;border-radius:10px;background:#2A1C3D;box-shadow:0 0 0 1px rgba(201,166,247,.5),0 8px 20px rgba(0,0,0,.45);color:var(--text);font:400 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;max-width:260px;pointer-events:none;opacity:0;transition:opacity .12s}
.pk-acts .sbtn.icb[data-label]:hover::after,.pk-acts .sbtn.icb[data-label]:focus-visible::after{opacity:1}
.pk-acts .sbtn.icb.danger[data-label]::after{left:auto;right:0;transform:none}
.pk-acts .sbtn.icb[disabled]{opacity:.45}
@media (hover:none){.pk-acts .sbtn.icb[data-label]::after{display:none}}
.light .pk-acts .sbtn.icb[data-label]::after{background:var(--l-card);color:var(--l-text);box-shadow:0 0 0 1px var(--l-line2),0 8px 20px rgba(0,0,0,.15)}
.pk-acts .sbtn.icb:first-child::after{left:0;transform:none}

/* pictogram + text on buttons inside the tools (gh_iconize) */
.ict{width:15px;height:15px;flex:none;vertical-align:-3px;margin-right:6px}
:is(.sbtn,.btn,.copybtn,.btn-ghost):has(>.ict){display:inline-flex;align-items:center;justify-content:center;gap:0}
/* project page: pick boxes, quick actions, bar for several entries */
.hrow{grid-template-columns:22px 86px minmax(0,1fr) auto auto 10px 36px}
.hpick{display:flex;align-items:center;justify-content:center;cursor:pointer}
.hpick input{width:16px;height:16px;margin:0;accent-color:#9B5CF6;opacity:.35;transition:opacity .15s;cursor:pointer}
.hrow:hover .hpick input,.hpick input:checked,.hpick input:focus-visible,.hub.picking .hpick input{opacity:1}
.hrow.picked{background:rgba(155,92,246,.1)}
.hquick{display:flex;gap:2px}
.hquick .hib .ic{width:18px;height:18px}
.hib[disabled]{opacity:.35;cursor:not-allowed}
.hbulk{position:sticky;top:12px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-radius:999px;background:#2A1C3D;box-shadow:0 0 0 1px rgba(201,166,247,.5),0 12px 30px rgba(0,0,0,.45)}
.hbulk[hidden]{display:none}
.hbulk input{flex:1 1 220px;min-width:0;min-height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(12,7,19,.5);color:var(--text);padding:0 14px}
@media (max-width:760px){.hrow{grid-template-columns:22px minmax(0,1fr) auto 10px 36px}.hk{grid-column:2/-1}.hfacts{grid-column:2/3}.hbulk{border-radius:18px}}
.light .hbulk{background:var(--l-card);box-shadow:0 0 0 1px var(--l-line2),0 12px 30px rgba(0,0,0,.12)}.light .hbulk input{background:var(--l-bg);color:var(--l-text);border-color:var(--l-line2)}
/* sort menu, new comments, expiry soon */
.pksort{position:relative;display:inline-flex}
.pksort .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pksort select{min-height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(12,7,19,.5);color:var(--text);padding:0 34px 0 14px;font:inherit;font-size:13px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B9AECB' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.light .pksort select{background-color:var(--l-card);color:var(--l-text);border-color:var(--l-line2)}
.pk-st.new{border-color:#F2668B;color:#fff;background:rgba(242,102,139,.85);display:inline-flex;align-items:center;gap:6px}
.pk-st.new i{width:7px;height:7px;border-radius:50%;background:#fff}
.pk-meta .soon{color:#FFB84D;font-weight:600}
.light .pk-meta .soon{color:#B25E00}
.pkcards .pk[hidden],.pkcards.list .pk[hidden]{display:none!important}
@media (max-width:760px){
  .hrow{grid-template-columns:22px auto minmax(0,1fr) auto 10px 36px;grid-template-areas:"pick kind . quick st move" ". main main main main main" ". facts facts facts facts facts";row-gap:6px}
  .hrow .hpick{grid-area:pick}.hrow .hk{grid-area:kind}.hrow .hquick{grid-area:quick}.hrow .hst{grid-area:st}.hrow .hmove{grid-area:move}
  .hrow .hmain{grid-area:main;min-width:0}.hrow .hfacts{grid-area:facts}
  .hmain .htitle,.hmain .small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
}

/* Fehler melden: red warning sign only, name as hover bubble */
.navpill.ghrep-btn{width:40px;padding:0!important;justify-content:center}.navpill.ghrep-btn .ic{width:21px;height:21px}
.navpill.ghrep-btn{position:relative;overflow:visible}
.navpill.ghrep-btn[data-label]::after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:60;padding:6px 10px;border-radius:10px;background:#2A1C3D;box-shadow:0 0 0 1px rgba(201,166,247,.5),0 8px 20px rgba(0,0,0,.45);color:var(--text);font:400 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}
.navpill.ghrep-btn:hover::after,.navpill.ghrep-btn:focus-visible::after{opacity:1}
.light .navpill.ghrep-btn[data-label]::after{background:var(--l-card);color:var(--l-text);box-shadow:0 0 0 1px var(--l-line2),0 8px 20px rgba(0,0,0,.15)}
@media (hover:none){.navpill.ghrep-btn[data-label]::after{display:none}}

/* phones: search over the full width, buttons and filter chips in two columns like on the website */
@media (max-width:600px){
  /* search over the full width, the buttons for new things side by side */
  .tact2,.amain > .row.between > .row.gap10{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .tact2 > .search,.amain > .row.between > .row.gap10 > .search,.hqwrap .search{grid-column:1/-1;width:100%!important;max-width:none!important;flex:1 1 100%!important}
  .tact2 > .btn,.amain > .row.between > .row.gap10 > .btn{min-width:0;width:100%;justify-content:center;text-align:center;padding:0 10px;font-size:13px;letter-spacing:.04em;white-space:nowrap;margin:0}
  .tact2 > .btn:nth-child(2):last-child,.amain > .row.between > .row.gap10 > .btn:nth-child(2):last-child{grid-column:1/-1}
  /* filter chips in two equal columns, like on the website */
  .pkbar{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .pkbar .chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pkbar .fchip{width:100%;justify-content:center;padding:0 8px;font-size:13px;white-space:nowrap;min-height:42px}
  /* storage line, then sort and view in one row */
  .pkright{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
  .pkright > span:first-child{grid-column:1/-1;font-size:12px}
  .pksort,.pksort select{width:100%}
}
@media (max-width:600px){.hqwrap{width:100%;flex:1 1 100%}}
@media (max-width:600px){.mhide{display:none}}

/* header: update, report, settings and logout as pictograms with a small bubble on hover */
.navico{position:relative;overflow:visible;display:inline-flex!important;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0!important}
.navico .ic{width:20px;height:20px}
.navpill.ghupd-btn.navico .ic{width:22px;height:22px}
.navico[data-label]::after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:60;padding:6px 10px;border-radius:10px;background:#2A1C3D;box-shadow:0 0 0 1px rgba(201,166,247,.5),0 8px 20px rgba(0,0,0,.45);color:var(--text);font:400 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}
.navico:last-child[data-label]::after,form:last-child .navico[data-label]::after{left:auto;right:0;transform:none}
.navico:hover::after,.navico:focus-visible::after{opacity:1}
.light .navico[data-label]::after{background:var(--l-card);color:var(--l-text);box-shadow:0 0 0 1px var(--l-line2),0 8px 20px rgba(0,0,0,.15)}
@media (hover:none){.navico[data-label]::after{display:none}}
/* phones: logo left and the pictograms right in one row, the tool switch below over the full width */
@media (max-width:600px){
  .topbar,.atop{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:14px;column-gap:8px}
  .topbar>.tbrand,.atop>.tbrand{display:contents}
  .topbar>.tbrand>a,.atop>.tbrand>a{grid-column:1;grid-row:1}
  .topbar>.tbrand>.tswitch,.atop>.tbrand>.tswitch{grid-column:1/-1;grid-row:2;justify-self:stretch;display:flex;width:100%;box-sizing:border-box}
  .topbar>.tbrand>.tswitch .tsw,.atop>.tbrand>.tswitch .tsw{flex:1 1 auto;text-align:center;justify-content:center}
  .topbar>nav[aria-label=Konto],.atop>nav[aria-label=Konto]{grid-column:2;grid-row:1;flex-wrap:nowrap;gap:2px;justify-content:flex-end}
}
/* all header pictograms at the same size */
.navico svg,.navico .ic,.navpill.ghrep-btn .ic,.navpill.ghupd-btn.navico .ic,.gearbtn.navico svg{width:22px!important;height:22px!important}
.navico svg,.navpill.ghrep-btn svg{stroke-width:1.9}
/* storage of all tools in one bar, like the storage view of a phone */
.hstor1{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:18px;background:var(--ink2);box-shadow:0 0 0 1px var(--line)}
.hstor1h{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap}
.hstor1t{font-size:20px;font-weight:700;color:var(--text)}
.hstor1h .muted{font-size:14px}
.hbar1{position:relative;display:flex;height:26px;border-radius:7px;overflow:hidden;background:rgba(12,7,19,.75);box-shadow:inset 0 0 0 1px var(--line)}
.hseg{height:100%;flex:none}.hseg+.hseg{box-shadow:-2px 0 0 #0c0713}
.hseg.tS{background:#C9A6F7}.hseg.tT{background:#3DDC97}.hseg.tR{background:#F2668B}
.hfree{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text);white-space:nowrap;padding:0 8px;min-width:0;overflow:hidden}
.hlegs{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.hleg{display:inline-flex;align-items:center;gap:6px}.hleg b{color:var(--text);font-weight:600}
.hleg i{width:10px;height:10px;border-radius:50%;display:inline-block}
.hleg.tS i{background:#C9A6F7}.hleg.tT i{background:#3DDC97}.hleg.tR i{background:#F2668B}
.light .hstor1{background:var(--l-card);box-shadow:0 0 0 1px var(--l-line)}.light .hstor1t,.light .hleg b,.light .hfree{color:var(--l-text)}.light .hbar1{background:var(--l-deep)}
.ghrep__alt{all:unset;cursor:pointer;color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:600}.ghrep__alt:hover{color:#fff}
.pkcards.list .pk-pic{position:relative}.pkcards.list .pk-pic > img,.pkcards.list .pk-pic > .rthumb,.pkcards.list .pk-pic > .mosaic,.pkcards.list .pk-pic > .tk-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tippop{padding:7px 11px!important;border-radius:10px!important;font-size:12px!important;line-height:1.45!important;width:auto}
.hst[data-tip]{cursor:help;flex:none}
/* list view: every row the same height, pictures fit in full with dark bars */
.pkcards.list .pk{grid-template-rows:minmax(132px,auto)}
.pkcards.list .pk-pic{height:132px;min-height:0;align-self:start;background:#0d0a14}
.pkcards.list .pk-pic > img,.pkcards.list .pk-pic > img.rthumb{object-fit:contain}
.pkcards.list .pk-meta > *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (max-width:700px){.pkcards.list .pk-pic{height:auto;min-height:110px;align-self:stretch}}
/* tiles too: the whole picture with dark bars */
.pk-pic{background:#0d0a14}
.pk-pic > img,.pk-pic > img.rthumb{object-fit:contain}
/* pictogram buttons outside the cards (invited people in Review) */
.pk-acts.pacts{margin:0 0 0 auto;padding:0;border:0;flex-wrap:nowrap;justify-content:flex-end}
.pk-acts.pacts .sbtn.icb.danger{margin-left:0}

/* DE / EN switch on the client pages, as on the website */
.ghlang{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;padding:0 14px;height:40px;border-radius:999px;border:1px solid rgba(243,238,249,.3);color:var(--text,#F3EEF9);font:600 13px/1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-decoration:none;white-space:nowrap;background:rgba(14,8,23,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ghlang:hover{border-color:var(--lav,#C9A6F7);color:#fff}
.ghlang--top{position:absolute;z-index:40;top:max(18px,env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px))}
@media (max-width:700px){.ghlang--top{position:relative;top:auto;right:auto;display:flex;width:max-content;margin:12px max(16px,env(safe-area-inset-right,0px)) 0 auto}}
.light .ghlang{border-color:var(--l-line2,rgba(0,0,0,.2));color:var(--l-text,#1b1426);background:rgba(255,255,255,.6)}
@media (max-width:600px){.topbar .ghlang,.pbar .ghlang{padding:0 12px}.topbar .ghlang svg,.pbar .ghlang svg{display:none}}

/* update available: the pictogram breathes slowly, never when the system asks for less motion */
@keyframes ghupdpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}
.navpill.ghupd-btn .ic,.navpill.ghupd-btn svg{animation:ghupdpulse 3.6s ease-in-out infinite;transform-origin:50% 50%}
.navpill.ghupd-btn:hover .ic,.navpill.ghupd-btn:hover svg{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.navpill.ghupd-btn .ic,.navpill.ghupd-btn svg{animation:none}}