/* Let the shared glass surface show through the app header and CRM toolbar. */
@media (max-width: 767px) {
  .mobile-dashboard-shell .mobile-app-header,
  .mobile-dashboard-shell:has(.mobile-crm-shell) .mobile-app-header {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .mobile-dashboard-shell:has(.mobile-crm-shell) .crm-mobile-action-toolbar,
  .mobile-dashboard-shell:has(.mobile-crm-shell) .mobile-crm-shell > div.flex.gap-4:first-child > div:nth-child(2) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .mobile-dashboard-shell .mobile-app-header > .relative > button {
    background-color: rgba(255, 255, 255, 0.065) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.018) 54%, rgba(255, 255, 255, 0.055)) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) contrast(1.025) !important;
    backdrop-filter: blur(14px) saturate(135%) contrast(1.025) !important;
    box-shadow: inset 0 0.8px 0 rgba(255, 255, 255, 0.16), inset 0 -0.7px 0 rgba(255, 255, 255, 0.06), 0 5px 18px rgba(0,  0, 0, 0.16) !important;
  }

  .mobile-dashboard-shell .mobile-app-header > .relative > .absolute[class*="top-full"][class*="right-0"] {
    background-color: rgba(30, 30, 36, 0.72) !important;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.018) 55%, rgba(255, 255, 255, 0.05)) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) contrast(1.025) !important;
    backdrop-filter: blur(18px) saturate(140%) contrast(1.025) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32), inset 0 0.8px 0 rgba(255, 255, 255, 0.13), inset 0 -0.7px 0 rgba(255, 255, 255, 0.05) !important;
  }
}
