/* Compact Schools upgrade banner. Kept intentionally separate from the
   membership dialog and active only for the mobile Schools surfaces. */
@media (max-width: 767px) {
  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) {
    position: fixed !important;
    z-index: 28;
    inset: auto 16px calc(var(--fd-mobile-nav-height) + 14px + env(safe-area-inset-bottom, 0px)) 16px;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    gap: 9px;
    min-height: 54px;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid rgba(235, 190, 91, .4);
    border-radius: 14px;
    background:
      radial-gradient(ellipse at 5% 50%, rgba(192, 137, 38, .24), transparent 39%),
      linear-gradient(105deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .012) 55%),
      rgba(10, 11, 15, .94);
    -webkit-backdrop-filter: blur(16px) saturate(1.18);
    backdrop-filter: blur(16px) saturate(1.18);
    box-shadow:
      inset 0 1px rgba(255, 255, 255, .1),
      inset 0 0 20px rgba(226, 176, 73, .055),
      0 8px 24px rgba(0, 0, 0, .48);
    color: #f4f0e7;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) > .fd-ms-upgrade-crown {
    display: block !important;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    fill: #f2c45c;
    filter: drop-shadow(0 1px 5px rgba(244, 194, 78, .46));
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) > span {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    padding: 1px 0;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) strong {
    color: #fffaf0;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.01em;
    overflow-wrap: normal;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) small {
    color: #c8c0b0;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2;
    overflow-wrap: normal;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 88px;
    min-height: 44px;
    padding: 0 9px;
    border: 1px solid rgba(247, 201, 91, .94);
    border-radius: 10px;
    background:
      linear-gradient(180deg, rgba(255, 226, 143, .12), rgba(126, 81, 13, .08)),
      rgba(19, 16, 10, .94);
    color: #ffda73;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    box-shadow:
      inset 0 0 0 1px rgba(255, 229, 153, .08),
      inset 0 0 12px rgba(236, 186, 75, .13),
      0 0 12px rgba(226, 176, 67, .2);
    cursor: pointer;
    touch-action: manipulation;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) button svg {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    fill: currentColor;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) button:focus-visible {
    outline: 2px solid #fff0b0;
    outline-offset: 3px;
  }

  html.fd-keyboard-open body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) {
    display: none !important;
  }
}

@media (max-width: 320px) {
  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) {
    inset-inline: 12px;
    gap: 7px;
    padding-inline: 7px;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) > .fd-ms-upgrade-crown {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) button {
    min-width: 82px;
    padding-inline: 7px;
  }
}

@media (max-width: 767px) and (prefers-reduced-transparency: reduce) {
  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) {
    background: #111116;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (max-width: 767px) and (forced-colors: active) {
  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) > .fd-ms-upgrade-crown {
    fill: LinkText;
    filter: none;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) strong,
  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) small {
    color: CanvasText;
  }

  body:is(.fd-ms-list, .fd-ms-fullmap)[data-app-page="LeadFinder"] > .fd-ms-upgrade:not([hidden]) button {
    border: 1px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
    box-shadow: none;
  }
}