/* ══════════════════════════════════════════════════════════════
   DevisVox v3 — css/tablet/layout.css
   TABLET LAYOUT — sidebar 200px, header 70px
   @media (min-width: 769px) and (max-width: 1024px)
   ══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {

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

  /* Show sidebar (200px) + header (70px) */
  #sidebar{
    display:flex!important;
    position:fixed;top:0;left:0;bottom:0;width:200px;
    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 24px;z-index:599;box-shadow:var(--sh)
  }
  #app-scroll{margin-left:200px;margin-top:70px;height:calc(100vh - 70px);isolation:isolate}
  /* Sidebar nav items hover */
  .ts-item:hover{background:var(--b);color:var(--text)}
}