/* Mobile-first shell: navigation stays in the real document tree, not a runtime patch layer. */
.mobile-nav{display:none}
@media (max-width:800px){
  body{padding-bottom:70px}
  .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:80;padding:5px 8px;box-shadow:0 -8px 24px rgba(11,13,12,.06)}
  .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);min-height:52px;border-radius:10px;font-weight:700}
  .mobile-nav a span{font-size:18px;line-height:1}
  .mobile-nav a small{font-size:9px;line-height:1}
  .mobile-nav a.active{background:#eef0eb;color:var(--ink)}
  .hero-actions .btn{min-height:44px}
  .pipeline-item .btn,.list-row .btn,.actions .btn{min-height:42px}
  .modal-foot{position:sticky;bottom:0;background:#fff}
  .modal-foot .btn{min-height:44px}
}
@media (max-width:480px){.mobile-nav{height:62px}.quick{min-height:66px}}