#mobileRoomPanelM19{display:none}
/* RELAX v398 MOBILE M19 – samostatny funkcni panel Mistnost. */
@media (max-width:850px){
  /* Puvodni desktopova topbar se na mobilu nepouziva jako panel Mistnost. */
  .center>.topbar{display:none!important}

  #mobileRoomPanelM19{
    position:fixed!important;
    left:0!important;right:0!important;top:auto!important;
    bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    z-index:410!important;
    width:100vw!important;max-width:none!important;
    height:var(--mobile-sheet-h,70dvh)!important;
    max-height:calc(100dvh - var(--mobile-header-h) - var(--mobile-nav-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 6px)!important;
    min-height:230px!important;
    display:flex!important;flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    border-radius:16px 16px 0 0!important;
    box-shadow:0 -7px 24px rgba(0,0,0,.28)!important;
    transform:translateY(calc(100% + 18px))!important;
    transition:transform .20s ease!important;
    pointer-events:auto!important;
  }
  #mobileRoomPanelM19.mobile-open{transform:translateY(0)!important}
  #mobileRoomPanelM19>.mobile-sheet-grip{flex:0 0 38px!important}
  #mobileRoomContentM19{
    flex:1 1 auto!important;min-height:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:12px 12px calc(18px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }

  #roomDimensionsBlockM19{display:block!important;width:100%!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #ddd!important}
  #roomDimensionsBlockM19>.dims{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:8px!important}
  #roomDimensionsBlockM19 .field{display:block!important}
  #roomDimensionsBlockM19 .field label{display:block!important;font-size:12px!important;margin-bottom:4px!important}
  #roomDimensionsBlockM19 .stepper{display:block!important}
  #roomDimensionsBlockM19 .stepper input{display:block!important;width:100%!important;height:44px!important;box-sizing:border-box!important;border-radius:6px!important;font-size:16px!important;padding:8px 10px!important}

  #mobileRoomPanelM19 #roomOpeningsSection{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  #mobileRoomPanelM19 #roomOpeningsSection>.right-section{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  #mobileRoomPanelM19 .mobile-room-section-title-m19{display:block!important;margin:14px 0 9px!important;padding:0!important;font-size:13px!important;line-height:1.25!important;font-weight:900!important;color:#111!important}
  #mobileRoomPanelM19 .mobile-room-material-title-m19{padding-top:12px!important;border-top:1px solid #ddd!important;margin-top:14px!important}

  #mobileRoomPanelM19 #openings{display:grid!important;gap:8px!important;width:100%!important}
  #mobileRoomPanelM19 .opening-card{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:9px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important}
  #mobileRoomPanelM19 .opening-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important}
  #mobileRoomPanelM19 .opening-head strong{font-size:12px!important}
  #mobileRoomPanelM19 .opening-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #mobileRoomPanelM19 .opening-grid label{display:grid!important;gap:4px!important;min-width:0!important;font-size:10px!important;font-weight:800!important}
  #mobileRoomPanelM19 .opening-grid input,#mobileRoomPanelM19 .opening-grid select{width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:40px!important;padding:6px 8px!important;font-size:15px!important;border:1px solid #cfd4d8!important;border-radius:7px!important;background:#fff!important}
  #mobileRoomPanelM19 .open-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:9px 0 0!important}
  #mobileRoomPanelM19 .open-actions .btn{display:block!important;width:100%!important;min-height:42px!important;font-size:12px!important;font-weight:800!important;touch-action:manipulation!important}

  #mobileRoomPanelM19 .wall-material-box,#mobileRoomPanelM19 .floor-material-box{display:block!important;width:100%!important;margin:12px 0 0!important;padding:0!important}
  #mobileRoomPanelM19 .wall-material-box h4,#mobileRoomPanelM19 .floor-material-box h4{margin:0 0 5px!important;font-size:11px!important;font-weight:900!important}
  #mobileRoomPanelM19 .wall-material-current,#mobileRoomPanelM19 .floor-material-current{font-size:10px!important;line-height:1.3!important;color:#555!important;margin-bottom:7px!important}
  #mobileRoomPanelM19 .wall-material-grid,#mobileRoomPanelM19 .floor-material-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  #mobileRoomPanelM19 .wall-material-card,#mobileRoomPanelM19 .floor-material-card{display:block!important;min-width:0!important;width:auto!important;margin:0!important;padding:3px!important;font-size:9px!important;touch-action:manipulation!important}
  #mobileRoomPanelM19 .wall-material-card img,#mobileRoomPanelM19 .floor-material-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important}
  #mobileRoomPanelM19 #showBaseboards{width:20px!important;height:20px!important}

  #mobileRoomPanelM19 .topbar-display-block{display:block!important;width:100%!important;margin-top:15px!important;padding-top:13px!important;border-top:1px solid #ddd!important}
  #mobileRoomPanelM19 .toggles{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;height:auto!important;padding:7px 0 0!important;font-size:13px!important}
  #mobileRoomPanelM19 .toggles label{display:flex!important;align-items:center!important;gap:8px!important;white-space:normal!important;min-height:28px!important}
  #mobileRoomPanelM19 .toggles input{width:20px!important;height:20px!important}

  #mobileRoomHelpM19{display:block!important;width:100%!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid #ddd!important}
  #mobileRoomHelpM19 #helpGuideBtn{display:block!important;width:100%!important;min-height:44px!important;font-weight:800!important}

  /* Celkova cena zustava pouze v horni liste 3D; puvodni blok topbar se na mobilu nezobrazuje. */
  #mobileRoomPanelM19 .top-total{display:none!important}
}
@media (max-width:390px){
  #mobileRoomPanelM19 .wall-material-grid,#mobileRoomPanelM19 .floor-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}