/* Internal ALTO panel: responsive layout for phones. */
@media(max-width:720px){
  .app-shell{display:block;min-height:100dvh;padding-bottom:76px}
  .sidebar{z-index:80;inset:auto 0 0 0;width:100%;height:68px;padding:8px 10px;background:rgba(13,16,27,.96);border-top:1px solid var(--line);border-right:0;backdrop-filter:blur(16px);flex-direction:row;align-items:center}
  .sidebar .brand,.business-name,.sidebar-bottom{display:none}
  .sidebar nav{display:flex;width:100%;height:100%;gap:7px;overflow:hidden;scrollbar-width:none}
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav-item,.nav-item:not(.active){display:flex;flex:1 1 0;height:51px;min-width:0;padding:5px;align-items:center;justify-content:center;gap:0;font-size:0!important;line-height:1;color:#9facbf}
  .nav-item span,.nav-item:not(.active) span{display:block;width:28px!important;height:28px!important;font-size:1.08rem!important;line-height:28px!important;text-align:center}
  .nav-item b{position:absolute;margin:-25px 0 0 35px;padding:2px 5px;font-size:.55rem}
  .nav-item.active{background:#1c2540;box-shadow:inset 0 2px 0 var(--blue),0 5px 13px rgba(0,0,0,.14);color:#f3f6ff}
  .main-content{width:100%;max-width:none;margin-left:0;padding:22px 15px 28px}
  .topbar{align-items:flex-start;gap:12px}.topbar h1{font-size:1.45rem;line-height:1.12}.eyebrow{font-size:.62rem}
  .top-actions{gap:6px}.top-actions .my-businesses-button{padding:8px 9px!important;font-size:.67rem!important}
  .section-heading{gap:13px;margin-bottom:19px}.section-heading .primary-button{padding:10px 11px;font-size:.7rem}
  .metrics{gap:10px;margin-top:22px}.metric-card{min-height:122px;padding:14px}.metric-card strong{font-size:1.45rem}
  .panel{padding:16px;border-radius:13px}.content-grid,.conversation-layout,.settings-grid{gap:11px;margin:11px 0}.dashboard-summary{padding:18px!important}.summary-flow{margin-top:18px!important}
  .chat{min-height:calc(100dvh - 245px)}.chat-header{padding:13px}.messages{padding:16px}.message{max-width:88%;font-size:.78rem}.composer{padding:10px}.composer input{min-width:0}
  .board{grid-template-columns:repeat(4,78vw);gap:11px}.board-column{min-height:260px}.catalog-grid{gap:11px}.catalog-card{min-height:180px;padding:16px}
  .table-wrap{margin-left:-4px;margin-right:-4px}.settings-card{align-items:flex-start;gap:11px}.settings-icon{flex:none}
  .modal{max-height:calc(100dvh - 24px);overflow:auto;padding:21px;width:calc(100vw - 24px)}
  .toast{right:12px;bottom:84px;max-width:calc(100vw - 24px)}
}