/* PWA addition: scoped mobile improvements, never alters PayPal/classroom business logic. */
.bb-install-app{position:fixed;right:16px;top:calc(92px + env(safe-area-inset-top));z-index:600;background:#6040cb;color:white;border:0;border-radius:999px;padding:11px 18px;box-shadow:0 8px 24px #21134b35;font:700 14px system-ui,sans-serif;min-height:44px;cursor:pointer}
.bb-install-app[hidden]{display:none!important}.bb-install-dialog{border:0;border-radius:20px;padding:0;width:min(90vw,420px);box-shadow:0 24px 80px #1f173c66;color:#211b51}.bb-install-dialog::backdrop{background:#1c153b88}.bb-install-dialog-content{padding:28px;position:relative;font:16px/1.5 system-ui,sans-serif}.bb-install-dialog-content h2{font-size:22px;margin:8px 0 12px}.bb-install-close{position:absolute;top:12px;right:14px;background:transparent;border:0;font-size:26px;color:#322853;padding:4px 10px}.bb-install-done{background:#6040cb;color:white;border:0;border-radius:12px;padding:12px 22px;min-height:44px}
@media(max-width:1000px){html,body{width:100%;max-width:100%;overflow-x:clip}main,section,.panel,.card,.bb-shell,.bb-shell-content,.bb-page,.bb-tab-panel{min-width:0}iframe{max-width:100%}input,textarea,select{min-width:0}button,[role="button"]{touch-action:manipulation}dialog:modal{max-height:calc(100dvh - 24px);overflow-y:auto}body.bb-mobile-authenticated .bb-install-app{top:calc(72px + env(safe-area-inset-top));font-size:12px;padding:10px 12px;max-width:170px}.bb-mobile-table{max-width:100%;overflow-x:auto!important}.bb-mobile-table table{max-width:none!important}.bb-calendar-drawer,.bb-notification-dropdown{overscroll-behavior:contain}}
@media(max-width:600px){body.bb-public-page .hero{padding-top:28px!important}body.bb-public-page .hero .wrap{min-width:0}body.bb-public-page header nav a{overflow-wrap:normal;word-break:normal}body.bb-public-page .stats{gap:10px}.bb-install-app:not(.bb-install-in-nav){right:12px;top:calc(76px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* The install CTA belongs in public navigation, not above the Contact Us control. */
body.bb-public-page header nav .bb-install-app.bb-install-in-nav{position:static!important;inset:auto!important;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;box-shadow:0 5px 14px #21134b24;flex-shrink:0;line-height:1.25;margin:0;min-width:0}
@media(max-width:1000px){body.bb-public-page header nav .bb-install-app.bb-install-in-nav{grid-column:1 / -1;width:100%;min-height:44px!important;font-size:14px!important;padding:10px 12px!important}}

/* Mobile homepage: balanced first-row actions, quieter supporting links. */
@media(max-width:760px){
 body.bb-public-page > header .top{gap:10px!important;padding-top:6px;padding-bottom:7px}
 body.bb-public-page > header .brand-lockup{margin:0 auto 2px;align-self:center!important}
 body.bb-public-page > header .brand-lockup img{height:44px!important;max-width:min(74vw,250px)!important}
 body.bb-public-page > header nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
 body.bb-public-page > header nav a,body.bb-public-page > header nav .bb-install-app.bb-install-in-nav{min-height:48px!important;border-radius:13px!important;font-size:13px!important;line-height:1.2!important;font-weight:750!important;padding:10px 8px!important;letter-spacing:0!important;box-shadow:none!important;min-width:0!important;width:100%!important;text-align:center!important}
 body.bb-public-page > header nav a[href*="student-signup"]{order:0!important;background:linear-gradient(110deg,#6845e7,#502db6)!important;color:#fff!important}
 body.bb-public-page > header nav .bb-install-app.bb-install-in-nav{order:1!important;grid-column:auto!important;background:#f0eaff!important;color:#5130ad!important;border:1px solid #d9c9fa!important}
 body.bb-public-page > header nav a[href="portal.html"],body.bb-public-page > header nav a[href="/portal"]{order:2!important;background:#fff!important;color:#5130ad!important;border:1px solid #d9c9fa!important}
 body.bb-public-page > header nav a[href*="apply=tutor"]{order:3!important;background:#fff!important;color:#5130ad!important;border:1px solid #d9c9fa!important}
 body.bb-public-page > header nav a[href*="how-online-tutoring-works"]{order:4!important;grid-column:1/-1!important;min-height:32px!important;font-size:13px!important;font-weight:650!important;background:transparent!important;color:#51436a!important;border:0!important;padding:4px 8px!important;text-decoration:underline!important;text-underline-offset:3px}
}

/* Friendly iPhone home-screen installation guide */
.bb-install-dialog{width:min(94vw,410px);max-height:calc(100dvh - 36px);overflow:auto}
.bb-install-dialog-content{padding:25px 22px 24px}
.bb-install-hero{display:flex;align-items:center;gap:14px;padding:0 24px 10px 0}
.bb-install-hero img{border-radius:15px;flex-shrink:0}
.bb-install-hero h2{margin:0 0 4px;font-size:21px;line-height:1.2}
.bb-install-hero p{margin:0;color:#6c607a;font-size:14px}
.bb-install-steps{list-style:none;padding:0;margin:16px 0;display:grid;gap:11px;counter-reset:none}
.bb-install-steps li{display:flex;align-items:flex-start;gap:11px;background:#f7f4ff;border:1px solid #eae3ff;border-radius:14px;padding:13px;color:#282042;font-size:15px;line-height:1.45}
.bb-install-step-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#6040cb;color:#fff;font-weight:800}
.bb-install-share-icon{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:10px;border:1px solid #d6c8f6;color:#5131ae;background:#fff;font-size:13px;font-weight:700}
.bb-install-footnote{font-size:12px;line-height:1.5;color:#70657e;margin:12px 0 16px}
.bb-install-done{width:100%;font-weight:800;font-size:15px}

/* Show native Android installation as the primary action when browser offers it. */
.bb-install-native{width:100%;min-height:46px;margin-bottom:9px;border:0;border-radius:12px;background:#6040cb;color:white;font:800 15px system-ui,sans-serif;cursor:pointer}
.bb-install-native+.bb-install-done{background:#f1ecff;color:#5130ad}
.bb-install-steps li div{min-width:0}

/* Clear, recognizable pictograms for each brief installation step. */
.bb-install-steps{gap:9px;margin:14px 0}
.bb-install-steps li{align-items:center;gap:13px;min-height:62px;padding:12px 13px;font-size:15px;line-height:1.35}
.bb-install-step-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#e8dfff;color:#5938bd;border-radius:12px}
.bb-install-step-icon svg{display:block}
.bb-install-hero{padding-bottom:6px}
.bb-install-footnote{margin:8px 0 13px}
@media(max-width:480px){.bb-install-dialog-content{padding:22px 17px 20px}.bb-install-steps li{font-size:14px}}

/* Mobile homepage: swap Install BrightBridge with Choose Your Own Tutor. */
@media(max-width:760px){
 body.bb-public-page > header nav a.bb-choose-tutor-nav{
  order:1!important;
  grid-column:auto!important;
  background:#f0eaff!important;
  color:#5130ad!important;
  border:1px solid #d9c9fa!important;
 }
 body.bb-public-page > header nav .bb-install-app.bb-install-in-nav{
  order:4!important;
  grid-column:1/-1!important;
  width:100%!important;
 }
 body.bb-public-page > header nav a[href*="how-online-tutoring-works"]{
  order:5!important;
 }
}

/* Coordinated BrightBridge mobile actions: purple and white only. */
@media(max-width:760px){
 body.bb-public-page > header nav a[href*="student-signup"]{
  background:linear-gradient(115deg,#7049ea 0%,#5129bf 100%)!important;
  color:#fff!important;
  border:1px solid #6036d0!important;
  box-shadow:0 5px 13px rgba(81,41,191,.16)!important;
 }
 body.bb-public-page > header nav a.bb-choose-tutor-nav{
  background:linear-gradient(115deg,#eee6ff 0%,#dfd1ff 100%)!important;
  color:#48259b!important;
  border:1px solid #c8b5f1!important;
  box-shadow:0 5px 13px rgba(81,41,191,.10)!important;
 }
 body.bb-public-page > header nav a[href="portal.html"],
 body.bb-public-page > header nav a[href="/portal"],
 body.bb-public-page > header nav a[href*="apply=tutor"]{
  background:#fff!important;
  color:#32205c!important;
  border:1.5px solid #c9b8ec!important;
  box-shadow:none!important;
 }
 body.bb-public-page > header nav .bb-install-app.bb-install-in-nav{
  background:#f0eaff!important;
  color:#5030a6!important;
  border:1.5px solid #c9b8ec!important;
  box-shadow:none!important;
 }
}