@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

* { box-sizing: border-box; }
html, body, button, input, select, textarea { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
.app.navtop {
  min-height: 42px;
  padding: 0 max(20px, calc((100% - 1180px) / 2));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #cbd5e1;
  border: 0;
  background: #0f172a;
  font: 500 12px/1.4 'Inter', 'Segoe UI', Arial, sans-serif;
  cursor: default;
}
.app.navtop .items { display: flex; align-items: center; gap: 5px; padding: 0; border-radius: 0; background: transparent; }
.app.navtop .item { min-height: 30px; padding: 7px 10px; display: inline-flex; align-items: center; justify-content:center; color: #e2e8f0; border: 0; border-radius: 7px; margin: 0; text-align:center; text-decoration: none; transition: .2s ease; }
.app.navtop .item:hover { color: #fff; background: rgba(255,255,255,.09); }
.app.navtop .navtop-home { margin-right: 8px; color: #93c5fd; font-weight: 700; }
.app.navtop .navtop-greeting { color: #94a3b8; }
@media (max-width: 600px) {
  .app.navtop { padding: 0 10px; }
  .app.navtop .navtop-home, .app.navtop .navtop-greeting { display: none; }
}