/* Mobile-only availability notice. The application remains desktop-first. */
.mobile-splash {
  display: none;
}

@media (max-width: 768px) {
  .mobile-splash {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 32px 24px;
    overflow: hidden;
    background: #f9f7f4;
    color: #1a1814;
    text-align: center;
  }

  .mobile-splash::before,
  .mobile-splash::after {
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(45, 106, 79, 0.14);
    border-radius: 50%;
    content: "";
  }

  .mobile-splash::before {
    top: -154px;
    right: -126px;
  }

  .mobile-splash::after {
    bottom: -172px;
    left: -118px;
  }

  .mobile-splash__content {
    position: relative;
    z-index: 1;
    width: min(100%, 360px);
  }

  .mobile-splash__wordmark {
    width: 132px;
    height: auto;
    margin: 0 auto;
  }

  .mobile-splash__rule {
    width: 36px;
    height: 2px;
    margin: 36px auto 28px;
    background: #2d6a4f;
  }

  .mobile-splash h1 {
    font-size: clamp(28px, 8vw, 38px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.045em;
  }

  .mobile-splash p {
    max-width: 290px;
    margin: 18px auto 0;
    color: #5a564f;
    font-size: 16px;
    line-height: 1.55;
  }

  /* Revenue is the one mobile-enabled workspace. Keep the existing product
     boundary for other routes, but give all four Revenue segments the full
     viewport and let their own responsive/table scrollers do the work. */
  body[data-variant="c"].revenue-workspace {
    display: block;
    width: 100%;
    min-width: 0;
  }

  body[data-variant="c"].revenue-workspace > .mobile-splash {
    display: none;
  }

  body[data-variant="c"].revenue-workspace > .sidebar {
    display: none;
  }

  body[data-variant="c"].revenue-workspace > .shell {
    width: 100%;
    min-width: 0;
    height: 100dvh !important;
  }

  body[data-variant="c"].revenue-workspace > .shell > .main {
    width: 100%;
    min-width: 0;
    padding: 16px 16px 56px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.revenue-workspace #panel-mgmt,
  body.revenue-workspace #mgmtFinancials {
    width: 100%;
    min-width: 0;
  }

  body.revenue-workspace .rh-hero-card {
    margin-top: 0;
  }

  body.revenue-workspace .rh-seg {
    position: sticky;
    z-index: 20;
    top: 0;
    margin: 0 -4px 20px;
    padding: 8px 4px;
    background: var(--bg);
    scrollbar-width: none;
  }

  body.revenue-workspace .rh-seg::-webkit-scrollbar {
    display: none;
  }

  body.revenue-workspace .rh-seg-btn {
    min-height: 44px;
    padding-inline: 16px;
  }

  body.revenue-workspace .rh-sheet-totalbar {
    padding-right: 60px;
  }

  body.revenue-workspace .meridian-fab {
    right: 12px;
    bottom: 12px;
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }

  body.revenue-workspace .meridian-fab-icon {
    margin: 0;
  }

  body.revenue-workspace .meridian-fab-dot {
    display: none;
  }
}