/* Build's compact mobile shell, with the business portal's green palette. */
.bp-mobile-header-toggle, .bp-mobile-header-title, .bp-mobile-apps-toggle { display: none; }
.bp-mobile-apps { position: fixed; inset: calc(54px + env(safe-area-inset-top, 0px)) 8px auto auto; margin: 0; width: min(300px, calc(100vw - 16px)); max-width: none; max-height: calc(100dvh - 72px); padding: 12px; border: 1px solid #dce8e1; border-radius: 12px; background: #fffefa; color: #163f32; box-shadow: 0 12px 36px #09281f26; }
.bp-mobile-apps::backdrop { background: #09281f33; }
.bp-mobile-apps > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-left: 8px; font-size: 14px; }
.bp-mobile-apps > header button { width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #526c60; font: 400 24px/1 system-ui, sans-serif; }
.bp-mobile-apps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding-top: 6px; }
.bp-mobile-apps-grid .bp-mobile-app-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 88px; padding: 10px 4px; border: 0; border-radius: 8px; background: transparent; color: #163f32; font-size: 12px; font-weight: 500; text-align: center; text-decoration: none; box-shadow: none; }
.bp-mobile-apps-grid .bp-mobile-app-tile:hover { background: #eaf5ee; }
.bp-mobile-apps-grid .bp-mobile-app-tile:disabled { opacity: .5; cursor: default; }
.bp-mobile-apps-grid .bp-mobile-navigation-icon, .bp-mobile-apps-grid .bp-mobile-navigation-icon :is(svg, img) { width: 30px; height: 30px; }
.bp-mobile-apps-grid [hidden] { display: none; }
.bp-mobile-navigation { position: fixed; inset: 0 auto 0 0; margin: 0; padding: 0; width: min(280px, calc(100vw - 40px)); max-width: none; height: 100dvh; max-height: none; border: 0; background: #fffefa; color: #163f32; }
.bp-mobile-navigation::backdrop { background: #09281f66; }
.bp-mobile-navigation[open] { animation: bpMobileNavigationIn 180ms ease-out; }
.bp-mobile-navigation-sheet { display: flex; flex-direction: column; min-height: 100%; padding: env(safe-area-inset-top, 0px) 12px max(16px, env(safe-area-inset-bottom, 0px)); }
.bp-mobile-navigation-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 76px; margin-bottom: 12px; border-bottom: 1px solid #dce8e1; }
.bp-mobile-navigation-head .bp-subheader-brand { display: flex; gap: 7px; text-decoration: none; }
.bp-mobile-navigation-head .bp-subheader-brand :is(img, .fordwell-brand-icon) { width: 38px; height: 38px; }
.bp-mobile-navigation-head .bp-subheader-brand strong { font-size: 17px; }
.bp-mobile-navigation-head .bp-subheader-brand small { font-size: 10px; }
.bp-mobile-navigation-head > button { width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #526c60; font: 400 24px/1 system-ui, sans-serif; }
.bp-mobile-navigation-links { display: grid; gap: 4px; }
.bp-mobile-navigation-links .bp-mobile-navigation-item { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 44px; width: 100%; padding: 8px 10px; border: 0; border-radius: 7px; background: transparent; color: #163f32; font-size: 13px; font-weight: 500; line-height: 1.3; text-align: left; text-decoration: none; box-shadow: none; }
.bp-mobile-navigation-links [hidden] { display: none; }
.bp-mobile-navigation-links .bp-mobile-navigation-item:hover, .bp-mobile-navigation-links [aria-current="page"] { background: #eaf5ee; color: #126348; }
.bp-mobile-navigation-links .bp-mobile-navigation-parent { font-weight: 650; }
.bp-mobile-navigation-parent.has-current-page { color: #126348; }
.bp-mobile-navigation-chevron { width: 16px; height: 16px; margin-left: auto; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; transition: transform 150ms ease; }
.bp-mobile-navigation-parent[aria-expanded="true"] .bp-mobile-navigation-chevron { transform: rotate(90deg); }
.bp-mobile-navigation-children { display: grid; gap: 2px; margin: 2px 0 6px 21px; padding-left: 10px; border-left: 1px solid #cfdfd5; }
.bp-mobile-navigation-children .bp-mobile-navigation-item { gap: 8px; font-size: 12px; }
.bp-mobile-navigation-children .bp-mobile-navigation-icon { width: 18px; height: 18px; }
.bp-mobile-navigation-children .bp-mobile-navigation-icon :is(svg, img) { width: 17px; height: 17px; }
.bp-mobile-navigation-icon { display: grid; place-items: center; width: 22px; height: 22px; flex: none; }
.bp-mobile-navigation-icon :is(svg, img) { width: 20px; height: 20px; object-fit: contain; }
.bp-mobile-navigation-icon svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.bp-mobile-navigation-business { margin-top: auto; padding: 24px 10px 4px; font-size: 12px; line-height: 1.45; color: #526c60; overflow-wrap: anywhere; }
body.bp-mobile-navigation-open { overflow: hidden; }
.bp-mobile-navigation-business .bp-mobile-install { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin-top: 12px; padding: 8px 10px; border: 0; border-radius: 7px; background: #edf5ef; color: #163f32; font-size: 12px; font-weight: 500; text-align: left; box-shadow: none; }
.bp-mobile-navigation-business .bp-mobile-install[hidden] { display: none; }
.bp-mobile-install img { width: 24px; height: 24px; object-fit: contain; }
.bp-mobile-install-help { width: min(360px, calc(100vw - 32px)); padding: 20px; border: 1px solid #dce8e1; border-radius: 12px; background: #fffefa; color: #163f32; }
.bp-mobile-install-help::backdrop { background: #09281f66; }
.bp-mobile-install-help h2 { margin: 0 0 12px; font-size: 19px; }
.bp-mobile-install-help p { font-size: 14px; line-height: 1.55; }
.bp-mobile-install-help > button { min-height: 44px; padding: 8px 18px; border: 0; border-radius: 7px; background: #1b7059; color: white; }
@keyframes bpMobileNavigationIn { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .bp-mobile-navigation[open] { animation: none; } .bp-mobile-navigation-chevron { transition: none; } }

@media (max-width: 760px) {
  body.business-portal-mode .bp-mobile-navigation .bp-subheader-brand strong { font-size: 17px; }
  body.business-portal-mode .bp-mobile-navigation .bp-subheader-brand small { font-size: 10px; }
  body.business-portal-mode:not(.organization-portal-mode) .bp-compact-mobile > .bp-subheader {
    display: flex; align-items: center; gap: 2px; height: calc(48px + env(safe-area-inset-top, 0px)); min-height: calc(48px + env(safe-area-inset-top, 0px)); max-height: none;
    padding: env(safe-area-inset-top, 0px) max(4px, env(safe-area-inset-right, 0px)) 0 max(2px, env(safe-area-inset-left, 0px));
    background: #fffefa; box-shadow: none;
  }
  body.business-portal-mode .bp-compact-mobile > .bp-subheader > :is(.bp-subheader-brand, .platform-nav-menu-shell, .bp-subheader-tools) { display: none; }
  body.business-portal-mode .bp-compact-mobile .bp-mobile-header-toggle { display: grid; place-items: center; flex: none; width: 44px; min-height: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #163f32; box-shadow: none; }
  body.business-portal-mode .bp-compact-mobile .bp-mobile-apps-toggle:not([hidden]) { display: grid; place-items: center; flex: none; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 8px; border: 0; border-radius: 6px; background: transparent; color: #163f32; box-shadow: none; }
  .bp-mobile-apps-toggle svg { width: 20px; height: 20px; fill: currentColor; stroke: none; }
  .bp-mobile-header-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
  .bp-compact-mobile .bp-mobile-header-title { display: block; flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: 500; color: #526c60; }
  body.business-portal-mode:not(.organization-portal-mode) .bp-compact-mobile .bp-subheader-actions { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; flex: none; overflow: visible; }
  body.business-portal-mode .bp-compact-mobile .bp-subheader-actions :is(.bp-header-icon-button, .bp-account-logo-button) { display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 8px; border: 0; border-radius: 6px; background: transparent; box-shadow: none; }
  body.business-portal-mode .bp-compact-mobile .bp-subheader-actions .bp-account-avatar { width: 28px; height: 28px; min-width: 28px; object-fit: contain; border-radius: 0; }
  body.business-portal-mode .bp-compact-mobile .bp-header-icon-button svg { width: 20px; height: 20px; }
  body.business-portal-mode .bp-compact-mobile .bp-notification-menu { position: fixed; top: calc(50px + env(safe-area-inset-top, 0px)); right: 8px; left: auto; width: min(380px, calc(100vw - 16px)); min-width: 0; max-height: calc(100dvh - 120px); overflow-y: auto; }
  body.business-portal-mode .bp-compact-mobile .bp-business-management-nav > :is(.bp-business-management-primary, .bp-business-management-nav-tools) { display: none; }
  body.business-portal-mode .bp-compact-mobile .bp-business-management-nav:not(:has(.bp-business-management-details)) { display: none; }
  body.business-portal-mode .bp-compact-mobile .bp-main > .bp-device-page { padding-top: 8px; scroll-margin-top: calc(56px + env(safe-area-inset-top, 0px)); }
  body.business-portal-mode .bp-compact-mobile [data-business-overview-scope="business"] .bp-overview-event-focus { padding: 8px 10px; gap: 4px; }
  body.business-portal-mode .bp-compact-mobile [data-business-overview-scope="business"] .bp-overview-branded-intro { gap: 4px 10px; }
  body.business-portal-mode .bp-compact-mobile [data-business-overview-scope="business"] .bp-overview-hero-logo { width: 36px; height: 36px; padding: 2px; }
  body.business-portal-mode .bp-compact-mobile [data-business-overview-scope="business"] .bp-overview-event-heading h2 { font-size: 18px; line-height: 1.2; margin: 2px 0 0; }
  body.business-portal-mode .bp-compact-mobile [data-business-overview-scope="business"] .bp-overview-view-switch { margin: 0; }
}