/* 29 Oct 2026: phone burger menu (<=768px). Desktop unchanged. */
#burger,#bmenu,#bback{display:none}
@media (max-width:768px){
 header{flex-wrap:nowrap;padding:6px 6px;gap:4px}
 header .brand{white-space:nowrap;font-size:0;flex:0 0 auto}header .brand b{font-size:12px}
 #nav>button{font-size:13px;padding:5px 6px!important}header .brand b{padding:2px 4px!important}#nav>#bell{margin-left:auto}#nav>#burger{padding:5px 8px!important}
 #nav:not([hidden]){display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;gap:3px;scrollbar-width:none;flex:1 1 auto;min-width:0}
 #nav::-webkit-scrollbar{display:none}
 #nav>button{display:none;white-space:nowrap;flex:0 0 auto;margin:0}
 #nav>button[data-v="board"],#nav>button[data-v="tasks"],#nav>button[data-v="projects"],#nav>#bell,#nav>#burger{display:inline-flex;align-items:center}
 #nav>button[hidden]{display:none!important}
 #burger{padding:6px 9px}
 #bback.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50}
 #bmenu{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);background:#C8102E;color:#fff;z-index:51;transform:translateX(100%);transition:transform .2s ease;overflow-y:auto;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}
 #bmenu.open{transform:none;box-shadow:-4px 0 18px rgba(0,0,0,.3)}
 #bmenu .bh{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 10px;font-weight:700}
 #bmenu .bx{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;padding:4px 10px;cursor:pointer}
 #bmenu h4{margin:14px 16px 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
 #bmenu .bi{display:block;width:100%;text-align:left;background:transparent;color:#fff;border:0;border-top:1px solid rgba(255,255,255,.15);padding:14px 18px;font-size:16px;min-height:48px;cursor:pointer}
 #bmenu .bi.on{background:rgba(0,0,0,.2)}
 #bmenu .bs{margin-top:auto;border-top:1px solid rgba(255,255,255,.4)}
}