/* The tab bar on every signed-in page (also the Job Feed when signed in). */
body.app { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
.tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--paper); border-top: 1px solid var(--line);
  display: grid; grid-template-columns: repeat(5, 1fr); padding: 8px 6px calc(8px + env(safe-area-inset-bottom)); }
.tabbar a { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: var(--muted); font: 600 11px/1.1 var(--font-body); padding: 2px 0; text-align: center; }
.tabbar .ico { width: 20px; height: 20px; border: 2px solid currentColor; border-radius: 6px; }
.tabbar .ico.round { border-radius: 50%; }
.tabbar a[aria-current="page"] { color: var(--cobalt); }
.tabbar a[aria-current="page"] .ico { background: var(--cobalt-tint); }
@media (min-width: 900px) { .tabbar { max-width: 560px; margin: 0 auto; border: 1px solid var(--line); border-bottom: 0; border-radius: 18px 18px 0 0; } }