.navbar{border-bottom:1px solid #ddd;padding:10px 20px;display:flex}.navbar-list{align-items:center;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.navbar-item{display:flex}.navbar-item--logout{margin-left:auto}.navbar-item:not(.navbar-item--logout) button,.navbar-item a{cursor:pointer;color:#000;background:#afefff;border:1px solid #ccc;border-radius:6px;padding:8px 14px;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s}.navbar-item:not(.navbar-item--logout) button:hover,.navbar-item a:hover{background:#e7e7e7;border-color:#999}@media (max-width:640px){.navbar{padding:10px 12px}.navbar-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.navbar-item--logout{margin-left:unset}.navbar-item{display:flex}.navbar-item button,.navbar-item a{text-align:center;justify-content:center;align-items:center;width:100%;min-height:52px;padding:6px 10px;font-size:.8rem;display:flex}}