/* CSS domain: navigation */
    .tabbar {
      position: fixed;
      left: var(--dashboard-tabbar-inset);
      right: var(--dashboard-tabbar-inset);
      bottom: var(--dashboard-tabbar-inset);
      z-index: 9500;
      background: var(--card);
      border-radius: var(--dashboard-tabbar-radius);
      padding: var(--dashboard-tabbar-padding);
      display: grid;
      grid-template-columns: 0.9fr 0.9fr 1.2fr 0.9fr 0.9fr;
      gap: var(--dashboard-tabbar-gap);
      box-shadow: 0 10px 28px rgba(0,0,0,0.3);
    }

    .tabbar-content {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--dashboard-tabbar-content-gap);
      min-width: 0;
    }

    .tabbar-glyph {
      width: var(--dashboard-tabbar-glyph-size);
      height: var(--dashboard-tabbar-glyph-size);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: currentColor;
      opacity: 0.86;
      flex-shrink: 0;
    }

    .tabbar-glyph svg {
      width: 100%;
      height: 100%;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .tabbar-button {
      min-height: var(--dashboard-tabbar-button-height);
      border: 0;
      border-radius: var(--dashboard-tabbar-button-radius);
      background: transparent;
      color: var(--muted);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
      -webkit-tap-highlight-color: transparent;
    }

    .tabbar-button:active {
      transform: scale(0.98);
    }

    .tabbar-button.is-active {
      background: rgba(255,255,255,0.1);
      color: var(--text);
      transform: translateY(-10px) scale(1.04);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.12),
        0 14px 28px rgba(0,0,0,0.22);
      backdrop-filter: blur(14px);
    }

    .tabbar-button.is-home {
      min-height: var(--dashboard-tabbar-home-button-height);
    }

    .tabbar-label {
      font-size: var(--dashboard-tabbar-label-size);
      font-weight: var(--dashboard-title-weight);
      line-height: 1.1;
    }