/* Účty, přihlášení, profil a verze (doplněk k app.css, stejné barevné tokeny) */
.av2{overflow:hidden}
.av2 img{width:100%;height:100%;object-fit:cover;display:block}
.acct{display:inline-grid;place-items:center;padding:2px;border:1px solid var(--line2);border-radius:50%;background:var(--surface);cursor:pointer}
.acct .av2{width:28px;height:28px;font-size:10.5px}
.acct:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
[data-acct-slot]{display:inline-flex;align-items:center}
[data-acct-slot]:empty{display:none}
.gbtn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;font-weight:700;background:var(--surface);border:1px solid var(--line2)}
.gbtn:disabled{opacity:.6;cursor:progress}
.lgl{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}
.lnk{background:none;border:0;padding:0;color:var(--blue);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.pform .fld input,.pform .fld textarea,.pform .fld select{width:100%;padding:8px 10px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600}
.pform textarea{resize:vertical}
.vsave{display:flex;gap:6px;margin-top:6px}
.vsave input{flex:1;min-width:0;padding:6px 9px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}
.vlist{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.vrow{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.vrow>div{flex:1;min-width:0;display:flex;flex-direction:column}
.vrow b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrow small{color:var(--muted);font-size:11px}

/* přihlášení e-mailem */
.lgor{display:flex;align-items:center;gap:10px;margin:16px 0 10px;color:var(--faint);font-size:12.5px;font-weight:700}
.lgor::before,.lgor::after{content:"";flex:1;height:1px;background:var(--line)}
.lgf{display:flex;flex-direction:column;gap:10px}
.lgf label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:var(--muted)}
.lgf input{border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;color:var(--ink);background:var(--surface)}
.lgf input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:transparent}
.lgf .btn.primary{justify-content:center;padding:12px}
.lglinks{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.lgmsg{margin:0;background:#fdecea;color:var(--bad);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;line-height:1.45}
.lgmsg.ok{background:rgba(47,125,79,.1);color:var(--ok)}
.lgsave{display:inline-flex;align-items:center;gap:6px}.lgsave .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
@media (max-width:600px){.lgsave-l{display:none}}
/* kredity: odemčení a nákup */
.kr-un{text-align:center}.kr-un h2{padding:0}
.kr-ic{width:52px;height:52px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#fff4d6}
.kr-ic .coin{width:36px;height:36px;margin:0}
.kr-bal{display:flex;gap:10px;justify-content:center;align-items:baseline;margin:10px 0 14px;font-size:14px;color:var(--muted)}
.kr-bal b{font-size:20px;color:var(--ink)}.kr-bal em{font-style:normal;font-weight:700}
.kr-un .row{justify-content:center}
.kr-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.kr-pack{position:relative;display:flex;flex-direction:column;gap:2px;align-items:center;border:1.5px solid var(--line2);background:var(--surface);border-radius:14px;padding:16px 8px 12px;font:inherit;cursor:pointer;color:var(--ink)}
.kr-pack b{font-size:20px}.kr-pack span{font-weight:800}.kr-pack small{font-size:11.5px;color:var(--muted)}
.kr-pack.hl{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.kr-pack:disabled{opacity:.6}
.kr-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
.kr-co{margin:8px 0}.kr-co summary{cursor:pointer;font-weight:700;font-size:13.5px}
.kr-cenik{width:100%;border-collapse:collapse;margin-top:6px}.kr-cenik td{padding:5px 0;border-bottom:1px solid var(--line);font-size:13.5px}.kr-cenik td:last-child{text-align:right;font-weight:800}
.pay-souhlas.need{outline:2px solid var(--warn,#c0582a);border-radius:8px}
@media (max-width:520px){.kr-packs{grid-template-columns:1fr}}
/* výběr balíčku kreditů a tlačítko Koupit (Tom 25. 10.: balíček nešel vybrat a chybělo Koupit) */
.kr-pack[aria-checked=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);background:var(--blue-soft)}
.kr-pack.hl:not([aria-checked=true]){border-color:var(--line2);box-shadow:none}
.kr-dot{position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);background:var(--surface)}
.kr-pack[aria-checked=true] .kr-dot{border-color:var(--blue);background:radial-gradient(circle,var(--blue) 0 4px,var(--surface) 5px)}
.kr-koupit{display:block;width:100%;padding:14px 16px;font-size:16px;font-weight:800;border-radius:14px;margin:4px 0 6px}
.kr-koupit:disabled{opacity:.45;cursor:not-allowed}
.kr-napoveda{font-size:12.5px;color:var(--muted);margin:0 0 10px;text-align:center}
@media (max-width:520px){.kr-pack{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 14px 12px 40px;gap:8px}.kr-dot{top:50%;transform:translateY(-50%)}.kr-pack small{display:none}}
/* menu pod avatarem, jedno místo pro účet a kredity (Tom 25. 10.) */
.acmenu{position:fixed;z-index:80;min-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(20,20,20,.16);padding:6px;display:flex;flex-direction:column}
.acmenu button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--ink);padding:10px 12px;border-radius:10px;cursor:pointer}
.acmenu button:hover,.acmenu button:focus-visible{background:var(--canvas)}
.acm-h{display:flex;gap:10px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.acm-h b{display:block;font-size:14px}.acm-h small{display:block;font-size:12px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acm-kr{display:inline-flex;align-items:center;gap:4px;font-weight:800}
.acm-out{color:var(--muted)!important;border-top:1px solid var(--line)!important;border-radius:0 0 10px 10px!important;margin-top:4px}
/* penízek jen jednou, vlevo od avataru */
.tright:has(.krchip)>.credits:not(.krchip){display:none}
.lgin{white-space:nowrap}
@media (max-width:760px){.app>header.top .lgin{display:none}}