/* VoltHome OS — хост проектировщика электрики (замена старых кабельных трасс) */
#cableroutes.page{
  flex-direction:column;min-height:0;height:calc(100vh - 56px);
  padding-bottom:0!important
}
#cableroutes.page.active{display:flex}
#cableroutes .electric-page-head{flex:0 0 auto;margin-bottom:8px}
#vhCableRoutesRoot.vh-cableroutes,
#vhCableRoutesRoot{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column
}
.vh-cr-host{
  display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;height:100%
}
.vh-cr-host .vh-cr-toolbar{
  display:flex;flex-direction:column;gap:6px;padding:8px 10px;
  border:1px solid var(--vh-line);border-radius:12px;background:var(--vh-surface);flex:0 0 auto
}
.vh-cr-host .vh-cr-row{
  display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center
}
.vh-cr-host .field{margin:0;min-width:0;flex:1 1 280px;max-width:480px;display:flex;flex-direction:row;align-items:center;gap:8px}
.vh-cr-host .field>label{
  display:block;flex:none;font-size:12px;color:var(--vh-muted);margin:0;font-weight:600;white-space:nowrap;line-height:36px
}
.vh-cr-host select{
  flex:1 1 auto;width:auto;min-width:140px;height:36px;padding:0 10px;border-radius:10px;box-sizing:border-box;
  border:1px solid var(--vh-line);background:var(--vh-input);color:var(--vh-text)
}
.vh-cr-host-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.vh-cr-host-actions .btn{height:36px;display:inline-flex;align-items:center}
.vh-cr-meta{
  flex:1 1 180px;min-height:36px;display:flex;align-items:center;font-size:12px;color:var(--vh-muted);line-height:1.3
}
.vh-cr-frame-wrap{
  flex:1 1 auto;min-height:420px;border:1px solid var(--vh-line);border-radius:12px;
  overflow:hidden;background:#0b1520;position:relative
}
.vh-cr-frame{
  display:block;width:100%;height:100%;min-height:520px;border:0;background:#0b1520
}

@media (max-width:720px){
  .app:has(#cableroutes.page.active) main{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    overflow:hidden!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important
  }
  #cableroutes.page{
    height:auto!important;
    max-height:100%;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden
  }
  #cableroutes .electric-page-head{margin-bottom:6px}
  .vh-cr-host{min-height:0}
  .vh-cr-host .vh-cr-toolbar{padding:6px 8px;gap:4px}
  .vh-cr-host .field{flex:1 1 100%;max-width:none}
  .vh-cr-host-actions{width:100%;flex-wrap:wrap}
  .vh-cr-host-actions .btn{flex:1 1 auto;justify-content:center}
  .vh-cr-frame-wrap{min-height:0!important;flex:1 1 auto}
  .vh-cr-frame{min-height:0!important;height:100%!important}
}