/* RELAX v398 MOBILE M12 – reorganizace mobilniho ovladani */
@media (max-width:850px){
  /* MISTNOST: top panel muze obsahovat i materialy sten/podlah a otvory. */
  .center>.topbar{
    max-height:calc(100dvh - var(--mobile-header-h) - var(--mobile-nav-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:start!important;
  }
  .center>.topbar #roomOpeningsSection{width:100%;flex:0 0 auto;border-top:1px solid #ddd;padding-top:4px}
  .center>.topbar #roomOpeningsSection>.section-title{margin-top:4px}
  .center>.topbar #roomOpeningsSection>.right-section{padding:8px 0 2px!important}
  .center>.topbar .wall-material-grid,.center>.topbar .floor-material-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important
  }
  .center>.topbar .wall-material-card,.center>.topbar .floor-material-card{min-width:0!important}

  /* MATERIALY: v pravem spodnim panelu zustava jen dekorovani nabytku. */
  #rightPanel #projectWorkStack:empty,#rightPanel #projectWorkStack[style*="display: none"]{display:none!important}
  #rightPanel #decorSection{display:block!important;margin:0!important;padding:8px 10px 14px!important}
  #rightPanel #roomOpeningsSection,#rightPanel #assemblySection,#rightPanel #rkdLengthBlock,#rightPanel #alignSection,#rightPanel #infoSection{display:none!important}

  /* PROJEKT: sestava + projektove funkce v jednom panelu. */
  header .head-actions>.right-section{
    display:block!important;width:100%!important;flex:0 0 auto!important;
    background:#fff;color:#111;border:1px solid #e1e1e1;border-radius:8px;padding:9px!important;margin:0 0 7px!important
  }
  header .head-actions>.right-section h3{margin:0 0 8px;font-size:12px}
  header .head-actions #assembly{max-height:none!important;overflow:visible!important}
  header .head-actions #priceSummary{margin-top:7px}
  header .head-actions #infoSection{margin-bottom:8px!important}

  /* Krok zpet/vpred jsou v horni 3D liste vedle ZKONTROLOVAT. */
  #viewModeBar #undoBtn,#viewModeBar #redoBtn{
    flex:0 0 auto;min-height:38px;padding:7px 8px;border:1px solid #cfcfcf;border-radius:5px;
    background:#fff;color:#111;font-size:10px;font-weight:800;white-space:nowrap;touch-action:manipulation
  }
  #viewModeBar #undoBtn:disabled,#viewModeBar #redoBtn:disabled{opacity:.38}
  #viewModeBar #checkProjectBtn{margin-left:0}

  /* Mobilni popisy u materialu maji byt kratke a dotykove. */
  #selectionStatus{line-height:1.3}
  #projectDecorHint,.wall-material-current,.floor-material-current{font-size:10px!important;line-height:1.3!important}
}
@media (max-width:430px){
  .center>.topbar .wall-material-grid,.center>.topbar .floor-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #viewModeBar #undoBtn,#viewModeBar #redoBtn{font-size:9px;padding-left:6px;padding-right:6px}
}