.navbar { display: flex; align-items: center; gap: 1.5rem; padding: 0 1.25rem; height: 52px; background: #fff; border-bottom: 1px solid #e5e5e5; position: sticky; top: 0; z-index: 100; } .navbar__logo { font-weight: 700; font-size: 1.1rem; color: #111; text-decoration: none; margin-right: 0.5rem; } .navbar__links { display: flex; align-items: center; gap: 0.25rem; list-style: none; flex: 1; flex-wrap: wrap; } .navbar__links a { padding: 0.3rem 0.6rem; font-size: 0.875rem; color: #444; text-decoration: none; border-radius: 4px; } .navbar__links a:hover { background: #f0f0f0; color: #111; } .navbar__actions { display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; color: #555; white-space: nowrap; } .navbar__actions button { padding: 0.3rem 0.75rem; font-size: 0.85rem; }