/* 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}
@media (max-width:760px){
  /* pracovní plocha přes celou výšku, panel jako tenká lišta */
  .stage{height:calc(100% - 40px)}
  body.sheet-mid .stage{height:calc(100% - 36vh)}
  .panel{height:40px}
  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)}

  /* 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:112px;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 .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}
}