/* Premium Milky — unified mobile global header (all pages) */
@media (max-width: 959px) {
  html:not(.dark) body.mobile-app-enabled #mobile-app-header {
    box-shadow: 0 2px 16px rgba(201, 162, 39, 0.06);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-header {
    background: linear-gradient(180deg, #fffdf9 0%, #f9f4ec 100%);
    color: #5c5348;
    border-bottom: 1px solid rgba(212, 184, 150, 0.22);
    padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 12px;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-top-sep {
    background: rgba(201, 162, 39, 0.22);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-clock {
    color: #4a4238;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-header-greet-line,
  html:not(.dark) body.mobile-app-enabled #mobile-app-header #mob-header-name {
    color: #4a4238;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header #mob-header-greet {
    color: #8a7f72;
    opacity: 1;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-header-sub {
    color: #8a7f72;
    opacity: 1;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-icon-btn {
    background: rgba(255, 252, 245, 0.9);
    border: 1px solid rgba(212, 184, 150, 0.35);
    color: #8a7f72;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.08);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-icon-btn.dark-mode-toggle-btn {
    background: linear-gradient(145deg, #fff8e8 0%, #f5e6c8 100%);
    border-color: rgba(201, 162, 39, 0.45);
    color: #b8952e;
    box-shadow: 0 2px 10px rgba(201, 162, 39, 0.15);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-bell-svg--outline {
    color: #8a7f72;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-avatar {
    background: linear-gradient(145deg, #fffdf9, #f5ebe0);
    border-color: rgba(201, 162, 39, 0.4);
    box-shadow: 0 2px 10px rgba(201, 162, 39, 0.12);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-home-avatar.has-photo {
    border-color: rgba(201, 162, 39, 0.55);
    box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.22), 0 4px 14px rgba(201, 162, 39, 0.14);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mt-role-badge {
    background: rgba(255, 252, 245, 0.85);
    border-color: rgba(201, 162, 39, 0.3);
    color: #7a6f62;
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mt-role-badge.is-switchable:active {
    background: rgba(255, 248, 238, 0.95);
  }

  html:not(.dark) body.mobile-app-enabled #mobile-app-header .mob-bell-badge {
    border-color: #fffdf9;
  }
}