/* ══════════════════════════════════════════════════════════════
   DevisVox v3 — css/desktop/layout.css
   DESKTOP LAYOUT — sidebar 250px, header 70px
   @media (min-width: 1025px)
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 1025px) {

  /* Hide mobile bottom nav */
  #bottom-nav{display:none}
  .home-bar{display:none}

  /* Show sidebar (250px) + header (70px) */
  #sidebar{
    display:flex!important;
    position:fixed;top:0;left:0;bottom:0;width:250px;
    background:var(--card);border-right:1px solid var(--b2);
    flex-direction:column;z-index:600;box-shadow:var(--sh)
  }
  #tablet-header{
    display:flex!important;
    position:fixed;top:0;left:0;right:0;height:70px;
    background:var(--card);border-bottom:1px solid var(--b2);
    align-items:center;padding:0 28px;z-index:599;box-shadow:var(--sh)
  }
  #app-scroll{margin-left:250px;margin-top:70px;height:calc(100vh - 70px);isolation:isolate}
  /* Sidebar hover */
  .ts-item:hover{background:var(--b);color:var(--text)}
  .ts-item:hover svg{stroke:var(--text)}
}