/* Premium Milky — unified golden-brown bottom navigation (all mobile shells) */
@media (max-width: 959px) {
  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar {
    background: rgba(255, 253, 249, 0.98);
    border-top-color: rgba(201, 162, 39, 0.2);
    box-shadow: 0 -4px 24px rgba(201, 162, 39, 0.1);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab {
    color: #a89888;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-ic {
    background: linear-gradient(160deg, #fffdf9 0%, #f5ebe0 100%);
    border: 2px solid rgba(201, 162, 39, 0.2);
    box-shadow: 0 4px 12px rgba(201, 162, 39, 0.1);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-ic img {
    filter: sepia(0.45) saturate(0.85) brightness(0.92);
    opacity: 0.88;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab.on .mob-tab-ic {
    background: linear-gradient(160deg, #fff8e8 0%, #f5e6c8 100%);
    border-color: rgba(201, 162, 39, 0.48);
    box-shadow:
      0 6px 18px rgba(201, 162, 39, 0.24),
      0 0 14px rgba(201, 162, 39, 0.18);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab.on,
  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab.on .mob-tab-lbl {
    color: #a8842a;
    font-weight: 800;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-fab .mob-tab-ic {
    background: linear-gradient(145deg, #fffdf9 0%, #f5ebe0 100%);
    border: 3px solid rgba(255, 253, 249, 0.98);
    box-shadow:
      0 0 0 1px rgba(201, 162, 39, 0.25),
      0 8px 24px rgba(201, 162, 39, 0.22);
    animation: mobTabCheckinWaitPulse 2.8s ease-in-out infinite;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-fab .mob-tab-ic img {
    filter: none;
    opacity: 1;
    width: 38px;
    height: 38px;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-fab .mob-tab-fab-lbl {
    color: #a8842a;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-fab.mob-tab-fab-done .mob-tab-ic {
    animation: none;
    background: linear-gradient(145deg, #e8e0d4, #d4c4a8);
  }

  @keyframes mobTabCheckinWaitPulse {
    0%, 100% {
      box-shadow:
        0 0 0 1px rgba(201, 162, 39, 0.25),
        0 8px 22px rgba(201, 162, 39, 0.2),
        0 0 0 0 rgba(201, 162, 39, 0.3);
    }
    50% {
      box-shadow:
        0 0 0 1px rgba(201, 162, 39, 0.35),
        0 10px 28px rgba(201, 162, 39, 0.32),
        0 0 0 10px rgba(201, 162, 39, 0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html:not(.dark) body.mobile-app-enabled #mobile-app-tabbar .mob-tab-fab .mob-tab-ic {
      animation: none;
    }
  }
}