/* Mobilní vrstva editoru (js/mobil.js). Na desktopu se neuplatní. */
@media (max-width:760px){.app>.top .crumbs button{max-width:118px}}
.m3seg,.m3tip{display:none}
#plan .rothit{fill:transparent;stroke:none}
/* uvnitř domu (Interiér, Procházka) a v Pohledech nedává oživení s okolím smysl: jen Noc (PM 25. 10.) */
body.cm-walk .oz-ui .oz-seg,body.cm-walk #ozOkoli,body.cm-walk #ozMain:not([aria-pressed="true"]),body.cm-dum .oz-ui .oz-seg,body.cm-dum #ozOkoli,body.cm-dum #ozMain:not([aria-pressed="true"]),body.xw-ortho .oz-ui{display:none!important}
#hint{transition:opacity .4s}#hint.off{opacity:0;pointer-events:none}
@media (max-width:760px){
  .app{height:var(--appH,100dvh)}
  html.m-ed,html.m-ed body{height:var(--appH,100dvh);overflow:hidden;overscroll-behavior:none}
  /* pracovní plocha přes celou výšku, panel jako tenká lišta */
  .stage{height:calc(100% - 40px - env(safe-area-inset-bottom,0px))}
  body.sheet-mid .stage{height:calc(100% - 36vh)}
  body.sheet-free .stage,body.sheet-free.m-item.sheet-mid .stage{height:calc(100% - var(--sheetPx,36vh))!important}
  body.sheet-free .panel,body.sheet-free.m-item.sheet-mid .panel{height:var(--sheetPx,36vh)!important}
  body.sheet-drag .panel,body.sheet-drag .stage{transition:none!important}
  .panel{height:calc(40px + env(safe-area-inset-bottom,0px))}
  .pbody{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  /* Upravit: otevře panel, i když jeho lištu schová lišta prohlížeče */
  #mEdit{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:6px;max-width:calc(100% - 120px);border:0;border-radius:999px;background:var(--ink);color:var(--surface);font:700 13px/1 inherit;font-family:inherit;padding:10px 16px;box-shadow:var(--shadow-lg)}
  #mEdit span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #mEdit svg.i{width:16px;height:16px;flex:none;stroke:currentColor}
  #mEdit[hidden]{display:none}
  .obrys-btn{display:none!important}
  /* Nový jen jako ikonka (list s rohem a plusem), Uložit je disketa (Tom 29. 10.) */
  .app>.top{gap:5px}.app>.top .tright{gap:5px}.app>.top .crumbs button svg{display:none}.app>.top .crumbs button{max-width:96px}
  #bNew span{display:none}#bNew{padding:7px 12px;width:42px;min-width:42px;height:32px;box-sizing:border-box;justify-content:center;flex:none}
  .qf:has(#qS){grid-template-columns:1fr 1fr!important}.qf label:has(#qS){grid-column:1/-1}
  .ccard .gv-seg button.gv-shp{min-width:0}
  body.m-3d #mEdit{bottom:104px}
  body.sheet-mid .panel{height:36vh}
  body:not(.sheet-mid):not(.sheet-up) .panel .ptabs,
  body:not(.sheet-mid):not(.sheet-up) .panel .pbody,
  body:not(.sheet-mid):not(.sheet-up) .panel .pfoot{visibility:hidden}
  .sheeth{position:relative;height:40px;padding:6px 0 0;display:block}
  .sheeth::before{width:36px;height:4px}
  body:not(.sheet-mid):not(.sheet-up) .sheeth::after{content:attr(data-t) " ▴";display:block;font-size:12px;font-weight:700;color:var(--muted);text-align:center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px}
  body.sheet-mid .sheeth,body.sheet-up .sheeth{height:auto;padding:8px 0 2px}
  /* vybraný kus nábytku: panel jen s názvem a jednou řadou variant, zbytek vlastností pod nimi */
  body.m-item.sheet-mid .stage{height:calc(100% - 208px)}
  body.m-item.sheet-mid .panel{height:208px}
  body.m-item.sheet-mid .panel .ptabs,body.m-item.sheet-mid .panel .pfoot,body.m-item.sheet-mid .panel .psub{display:none}
  body.m-item.sheet-mid .panel .pbody{padding-top:2px}
  body.m-item.sheet-mid .panel .ptitle{font-size:15px;margin:0 0 4px}
  body.m-item.sheet-mid .panel .pbody>.sec:first-of-type{margin-top:0;padding-top:0;border-top:0}

  /* nástroje menší, ať zabírají míň místa */
  .toolbar{bottom:8px;padding:3px}
  .toolbar .tb{padding:5px 8px;font-size:9px}.toolbar .tb svg.i{width:18px;height:18px}
  .fl.br{bottom:60px}
  .selbar{transform:translate(-50%,-100%) scale(.92)}
  #toast{pointer-events:none;font-size:12.5px;padding:8px 12px;max-width:calc(100% - 40px);top:96px;bottom:auto}
  #toast button{pointer-events:auto}

  /* popisky místností menší a poloprůhledné, ať neschovají vanu ani nábytek */
  .rpill{transform-box:fill-box;transform-origin:center;transform:scale(.78)}
  .rpill rect{opacity:.62}
  .rpill text{opacity:.9}
  .lbl{padding:2px 7px 3px;font-size:9.5px;background:rgba(255,255,255,.72);box-shadow:0 1px 4px rgba(30,25,15,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  .lbl span{font-size:9px}

  /* varianty jako malé karty, které se posouvají do strany */
  .vgrid{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x mandatory;margin-inline:-14px;padding:2px 14px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .vgrid::-webkit-scrollbar{display:none}
  .vcard{flex:0 0 92px;scroll-snap-align:start;padding:4px 4px 5px}
  .vcard b{font-size:11px}.vcard small{font-size:10px}

  /* 3D jen na prohlížení: bez nástrojů na úpravy, jen přepínač pohledu */
  body.m-3d .toolbar,body.m-3d #ddCam,body.m-3d #walkpad,body.m-3d #bCamSet{display:none!important}
  body.m-3d .renderbar{left:auto;right:10px;width:auto;bottom:58px;padding:0;background:transparent;box-shadow:none;border:0;transform:none}
  body.m-3d .renderbar input,body.m-3d .renderbar #rattach{display:none}
  body.m-3d .renderbar .btn{box-shadow:var(--shadow);font-size:0;padding:8px 12px}
  body.m-3d .renderbar .btn::before{content:"✨ Vizualizace";font-size:12.5px}
  body.m-3d .fl.br{bottom:104px}
  body.m-3d .m3seg{display:flex;position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:6;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow);gap:2px}
  .m3seg button{border:0;background:transparent;border-radius:999px;padding:8px 13px;font-weight:700;font-size:12.5px;color:var(--muted);white-space:nowrap}
  .m3seg button[aria-pressed="true"]{background:var(--blue);color:var(--blue-ink)}
  body.m-3d .m3tip{display:block;position:absolute;left:12px;right:12px;top:196px;z-index:5;background:rgba(31,30,27,.78);color:#fff;font-size:12px;font-weight:600;line-height:1.35;padding:7px 11px;border-radius:12px;transition:opacity .4s;pointer-events:none}
  body.m-3d .m3seg[hidden]{display:none}
  body.m-3d .m3tip.off{opacity:0}
  body.m-3d .m3tip[hidden]{display:none}
  body.m-walk #labels3d{display:none}
}
/* dotykové ovládání: zoom dvěma prsty, tlačítka + a − jsou navíc */
@media (max-width:760px) and (pointer:coarse){
  #zin,#zout{display:none}
}
/* rozbalený rozpočet leží nad lištou ročních období (Tom 25. 10.) */
.pricetag{z-index:8}
/* čip při tažení na telefonu (js/mobil.js) */
#mDrag{position:absolute;left:50%;top:108px;/* pod řádkem s podlažím a cenou, dřív zakrýval celkovou cenu (průchod 12. 11.) */transform:translateX(-50%);z-index:9;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}
#mDrag b{font-weight:800}#mDrag b.up{color:var(--bad)}#mDrag b.down{color:var(--ok)}
#mCompass{position:absolute;left:14px;bottom:86px;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:6;display:grid;place-items:center;padding:0;color:var(--ink,#1f1e1b)}#mCompass[hidden]{display:none}#mCompass svg{width:24px;height:24px;transition:transform .2s}
/* Procházka uvnitř domu: nad zdmi je světlý strop místo prázdné šedi (Tom 28. 10.) */
:root:not([data-theme="dark"]) body.cm-walk #view3d{background:linear-gradient(180deg,#f7f5f0 0%,#ebe7df 100%)}
/* Hlavička editoru na 432 px: název a varianta nesmí zůstat na „Bung…“ a „V…“; tlačítka vpravo jsou užší a těsněji (audit 96). */
@media (max-width:480px){.app>.top .tright{gap:3px}.app>.top .tright>button:not(#bCredits){padding-left:8px;padding-right:8px;min-width:0}.app>.top #bCredits{padding-left:7px;padding-right:7px;gap:3px}.app>.top .crumbs button{max-width:150px}.app>.top #cProject{max-width:none!important;min-width:24px}.app>.top #cVariant{flex:none;max-width:none}.app>.top .crumbs{gap:2px}}
.wcols.skmod{grid-template-columns:repeat(4,minmax(0,1fr))}.wcols.skmod button{aspect-ratio:auto;padding:9px 0;font-size:12px}
/* Hlavička editoru na úzkém telefonu (Tom 10. 11., ~360 px, přihlášený admin): nic se nesmí překrývat.
   Uložit do katalogu (admin) a Nový jsou v menu •••, pravá část se při nedostatku místa posune do strany, místo aby lezla přes variantu. */
@media (max-width:480px){
  .app>.top #bKatalog{display:none}
  .app>.top .crumbs{flex:1 1 0;min-width:86px;overflow:hidden}
  .app>.top .tright{flex:0 1 auto;min-width:0;margin-left:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
  .app>.top .tright::-webkit-scrollbar{display:none}
  .app>.top .tright>*{flex:none}
}
@media (max-width:440px){.app>.top #bNew{display:none}}
@media (max-width:400px){.app>.top .brand{display:none}}
@media (max-width:400px){
  /* přepínač Půdorys / Dům 3D / Interiér 3D / Pozemek nesmí vjet pod Zpět a Znovu */
  .stage>.fl .seg button{padding-left:7px;padding-right:7px;font-size:12.5px}
}
@media (max-width:370px){.stage>.fl .seg button{padding-left:5px;padding-right:5px;font-size:12px}}
/* pohledy na fasády: přepínač S J V Z Řez Dům 3D vlevo dole se na úzkém telefonu překrýval s Vizualizací, ta se zúží na ikonku (10. 11.) */
@media (max-width:440px){body.m-3d.xw-ortho .renderbar .btn::before{content:"✨";font-size:15px}body.m-3d.xw-ortho .renderbar .btn{padding:7px 11px}}
/* shrnutí „Rodinka po ukázce“ a panel Slunce jsou na telefonu na stejném místě: se zapnutým Sluncem se shrnutí schová */
@media (max-width:600px){body:has(#oslBtn[aria-pressed="true"]) #ozSum{display:none!important}}
/* Telefon: lišta vybraného prvku (info, zrcadlit, duplikovat…) stojí dole nad tlačítkem Upravit, ne přes sousední místnost a její název (průchod 13. 11., #13) */
@media (max-width:760px){
  body:not(.m-3d) #selbar.selbar{left:50%!important;top:auto!important;bottom:66px;transform:translateX(-50%)!important}
  body.m-edit-on:not(.m-3d) #selbar.selbar{bottom:112px}
  body:not(.m-3d) #selbar .sbg{display:none}
}