/* Úč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}
/* proč se registrovat (7. 11.): tři důvody s fajfkou, první dva tučně */
.lgproc{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.lgproc li{position:relative;padding-left:26px;font-size:14px;line-height:1.45;color:var(--muted)}
.lgproc li b{color:var(--ink)}
.lgproc li::before{content:"";position:absolute;left:2px;top:3px;width:16px;height:16px;border-radius:50%;background:rgba(47,125,79,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7d4f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.lgproc .coin{vertical-align:-2px}
.lgnep{font-weight:500;color:var(--muted)}
/* obrazovka Zkontrolujte e-mail */
.lgcheck{text-align:center;display:grid;gap:10px;justify-items:center}
.lgcheck h2{margin:0}.lgcheck p{margin:0}
.lgcheck .btn{width:100%;justify-content:center}
.lgcheck-i{width:56px;height:56px;border-radius:50%;background:rgba(37,99,235,.1);display:grid;place-items:center}
.lgcheck-i svg{width:28px;height:28px;fill:none;stroke:var(--accent,#2563eb);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lgcheck-ok{background:rgba(47,125,79,.1);color:var(--ok);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}
.lgcheck .lgmsg{width:100%}
.lnk{background:none;border:0;padding:0;color:var(--blue);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.lnk:hover{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,.kr-cenik th{padding:5px 0;border-bottom:1px solid var(--line);font-size:13.5px}.kr-cenik th{white-space:nowrap;font-size:11.5px;color:var(--muted);font-weight:700;text-align:right}.kr-cenik td+td{text-align:right;font-weight:800;white-space:nowrap;padding-left:10px}.kr-cenik td:last-child{color:var(--muted);font-weight:700}
.kr-cenik-dum td{border-bottom:0;padding-top:8px}.kr-cenik-dum td:first-child{font-weight:700}
.kr-vysv{font-size:13.5px;line-height:1.45;margin:8px 0 4px;color:var(--ink)}
.kr-pack small em{font-style:normal;color:var(--green,#1a7f37);font-weight:800}.kr-pack small{text-align:center}
.kr-pack.best .kr-tag{background:var(--green,#1a7f37)}
.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{flex-wrap:wrap;row-gap:0}.kr-pack small{flex-basis:100%;text-align:left;font-size:12px}}
/* 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}}
/* přehled kreditů po kliku na penízek (Tom 26. 10.): zůstatek, na co se utratily, dokoupení */
.kr-pre{margin:0 0 6px}
.kr-pre-z{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fff6d6,#fdeec0);border:1px solid #f1dc9a}
.kr-pre-z .kr-ic{flex:none;margin:0}
.kr-pre-z small{display:block;font-size:12px;font-weight:700;color:#7a6420;text-transform:uppercase;letter-spacing:.04em}
.kr-pre-z b{display:flex;align-items:center;gap:6px;font-size:30px;line-height:1.1;font-weight:800;color:var(--ink)}
.kr-pre-z div>span{display:block;font-size:12.5px;color:#6d5d2c}
.kr-malo{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#fdeaea;color:#8a2a2a;font-size:13.5px;font-weight:600}
.kr-pre-z .kr-rozdel{display:block;font-size:13px;color:#5a4a1c;margin:2px 0}
.kr-pre-z .kr-rozdel b{display:inline;font-size:inherit;line-height:inherit;font-weight:800}
.kr-jen{margin:8px 0 0;padding:8px 12px;border-radius:12px;background:#eef4ff;color:#23406e;font-size:13px;line-height:1.4}
.kr-h3{font-size:15px;margin:16px 0 6px}
.kr-hist{list-style:none;margin:0;padding:0;border:1px solid var(--line,#e7e2d9);border-radius:14px;overflow:hidden;max-height:230px;overflow-y:auto}
.kr-hist li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;border-top:1px solid var(--line,#eee9df)}
.kr-hist li:first-child{border-top:0}
.kr-hist li small{display:block;font-size:11.5px;color:var(--muted)}
.kr-hist b{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--ink)}.kr-hist b.plus{color:#1d7a43}
.kr-hist .kr-hist-0{color:var(--muted);justify-content:flex-start}
.kr-hist-vic button{border:0;background:none;color:var(--blue);font:inherit;font-weight:700;cursor:pointer;padding:0}
.kr-dobit{width:100%;margin:10px 0 2px;min-height:44px;justify-content:center;text-align:center}
.kr-hist .kr-doklad{flex:none;min-height:36px;padding:0 12px}
.kr-hist-sum{margin:0 0 6px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.kr-pre-nap{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
/* nejužší mobily: Přihlásit se v hlavičce katalogu se nesmí zalomit na vlastní řádek */
@media (max-width:380px){#feed>header.top .lgin{padding:0 10px;font-size:12.5px}#feed>header.top .brand .wm{font-size:14px}#feed>header.top .lang-gb{padding:0 4px}}
@media (max-width:350px){#feed>header.top .brand .wm{display:none}}
/* štítek bytu s dlouhým městem se na úzké kartě ořízne třemi tečkami, ne zalomí přes obrázek; dlouhý placeholder přání k vizualizaci také */
.ftag{max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drhint{text-overflow:ellipsis}
/* měkká výzva k registraci: malé upozornění nahoře v editoru a řádek v prázdných Mých návrzích */
.regb{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:70;width:min(440px,calc(100vw - 20px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}
/* otevřené okno (Sdílet, Export…) má přednost: pruh by zakryl jeho nadpis i křížek */
body:has(#modal:not([hidden])) .regb{display:none}
/* pruh nesmí zakrýt otevřenou nabídku (Objekty, Místnosti, Uložit, varianty) ani rozbalenou cenu – vyhledávací pole bylo pod ním (mobil 10. 11.) */
body:has(.pop) .regb,body:has(#ptBtn[aria-expanded="true"]) .regb{display:none}
.regb p{margin:0 0 8px;font-size:13.5px;line-height:1.4}.regb .row{display:flex;gap:8px;justify-content:flex-end}
.regh{margin:8px 0 0;flex-basis:100%}.regh .lnk{background:none;border:0;padding:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer}
/* společné přihlašovací okno: štítek „zdarma“ a blok Jak fungují kredity */
.lgbadge{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:#e6f4ec;color:#1f6b46;font-size:12.5px;font-weight:700}
.lgbadge .i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lgkr{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--canvas,#f5f3ee);border:1px solid var(--line)}
.lgkr b{font-size:13px}.lgkr ul{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.45;color:var(--muted)}.lgkr li+li{margin-top:3px}.lgkr .coin{vertical-align:-3px}
/* rada ve vestavěném prohlížeči Facebooku a Instagramu (Google tam přihlášení odmítá) */
.lgiab{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:#fff6e5;border:1px solid #f0d9a8;color:#5a4410;font-size:14px;line-height:1.4}.lgiab .lnk{font-weight:700;white-space:nowrap}.lgiab-on{border-color:#d9a43a;box-shadow:0 0 0 3px rgba(217,164,58,.25)}

/* pozvánky (js/pozvanky.js) */
.kr-poz-p{font-size:13.5px;line-height:1.45;margin:4px 0 8px}
.kr-poz-odkaz{display:flex;gap:8px;align-items:center}.kr-poz-odkaz input{flex:1;min-width:0;font:inherit;font-size:13px;padding:9px 10px;border:1.5px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink)}
.kr-poz-stav{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.kr-poz-bonus{font-size:13.5px;margin:8px 0 0;padding:8px 12px;border-radius:10px;background:var(--blue-soft);color:var(--ink)}
/* pruh dole leží nad plochou editoru: ťuknutí mimo jeho tlačítka projde do půdorysu (zeď pod pruhem jde dál vybrat nebo do ní vložit okno) */
#mdRegBanner{pointer-events:none}#mdRegBanner button{pointer-events:auto}
