/* Tablet / compact landscape: dedicated navigation rail, not compressed desktop. */
@media (min-width:768px) and (max-width:1023px){
  .desktop-topbar{display:none!important}
  .mobile-appbar{display:block}
  .mobile-bottom-nav{display:none!important}
  .app-shell{display:grid!important;grid-template-columns:var(--s-rail) minmax(0,1fr)!important;min-height:100dvh;width:100%}
  .sidebar{position:sticky!important;left:auto!important;top:0!important;bottom:auto!important;width:var(--s-rail)!important;height:100dvh!important;transform:none!important;padding:12px 8px!important;overflow:hidden!important;z-index:22!important;border-right:1px solid rgba(255,255,255,.07)}
  .sidebar-close{display:none!important}
  .sidebar .brand{height:66px;padding:4px 0 10px;justify-content:center}
  .sidebar .brand img{display:none}
  .brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:15px;font-weight:950;letter-spacing:-.04em;box-shadow:0 12px 30px rgba(43,140,255,.2)}
  .school-pill,.sidebar-foot{display:none!important}
  .sidebar nav{padding-right:0!important;gap:8px;overflow-y:auto}
  .sidebar nav a{position:relative;justify-content:center;min-height:52px;padding:10px!important;border-radius:16px!important}
  .sidebar nav a span{position:absolute;left:70px;top:50%;transform:translateY(-50%);display:none!important}
  .sidebar nav a .nav-svg{width:22px;height:22px}
  .sidebar nav a.active{border:1px solid rgba(105,151,255,.2);background:linear-gradient(145deg,rgba(43,140,255,.18),rgba(123,60,255,.15))}
  .main{width:100%;min-width:0}
  .content{padding:24px 24px 54px!important}
  .dashboard-hero,.subgrid{grid-template-columns:1fr!important}
  .grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .panel{padding:20px;border-radius:24px}
  .hero-card{padding:24px;border-radius:28px}
  .hero-card h2{font-size:32px}
  .top-search{display:none!important}
  .account-list{grid-template-columns:1fr!important}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .statement-launch-form{grid-template-columns:1fr 1fr!important}
  .statement-account-picker{grid-column:1/-1}
  .statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .login-shell{grid-template-columns:1fr!important}
  .login-art{min-height:auto;padding:42px}
  .login-form{padding:34px 24px 56px}
  .landing-nav .wrap{height:74px}
  .hero-grid{grid-template-columns:1fr!important;gap:36px}
  .phone-stage{min-height:520px}
}

@media (min-width:768px) and (max-width:1023px){
  .mobile-appbar .menu-btn{display:none!important}
}