/* SENTR V3 PWA — mobile application layer. Desktop remains the V2 corporate experience. */
:root { --app-safe-bottom: env(safe-area-inset-bottom, 0px); --app-safe-top: env(safe-area-inset-top, 0px); }
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; }
.sentr-app-nav, .sentr-install-btn, .sentr-app-status { display:none; }

@media (max-width: 767px) {
  body { padding-bottom: calc(76px + var(--app-safe-bottom)); overscroll-behavior-y: contain; }
  #header { transition:transform .25s ease; }
  .sentr-app-nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); position:fixed; z-index:1050; left:6px; right:6px; bottom:calc(8px + var(--app-safe-bottom)); min-height:62px; padding:6px 4px 5px; border:1px solid rgba(210,220,234,.86); border-radius:18px; background:rgba(255,255,255,.94); backdrop-filter:blur(18px) saturate(160%); box-shadow:0 14px 38px rgba(10,31,68,.18); }
  .sentr-app-nav a { min-width:0; min-height:48px; display:flex; flex-direction:column; gap:2px; align-items:center; justify-content:center; border-radius:11px; color:#667085; font-size:.54rem; /*font-weight:700;*/ -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
  .sentr-app-nav a svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; flex:none; }
  .sentr-app-nav a span { display:block; max-width:100%; text-align:center; line-height:1.05; white-space:normal; }
  .sentr-app-nav a.active, .sentr-app-nav a:active { color:#0a1f44; background:#eef5ff; transform:scale(.97); }
  .sentr-outcome-card, .in_tool, .fbox-12, .btn, .sentr-inline-cta { -webkit-tap-highlight-color:transparent; touch-action:manipulation; transition:transform .16s ease, box-shadow .2s ease; }
  .sentr-outcome-card:active, .in_tool:active, .fbox-12:active, .btn:active, .sentr-inline-cta:active { transform:scale(.985); }
  .sentr-outcome-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding:4px 18px 16px; margin-left:-18px; margin-right:-18px; scrollbar-width:none; }
  .sentr-outcome-grid::-webkit-scrollbar { display:none; }
  .sentr-outcome-card { min-width:82vw; scroll-snap-align:center; }
  .sentr-outcome-detail { border-radius:20px; }
  #hero-1:first-of-type { min-height:calc(100svh - 70px); display:flex; align-items:center; padding-top:calc(100px + var(--app-safe-top))!important; }
  .hero-1-txt h3 { letter-spacing:-.02em; }
  .hero-1-txt .btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; }
  .sentr-install-btn { position:fixed; z-index:1049; right:16px; bottom:calc(84px + var(--app-safe-bottom)); min-height:44px; padding:0 16px; border:0; border-radius:999px; background:#0a1f44; color:#fff; box-shadow:0 12px 32px rgba(10,31,68,.24); font-weight:700; align-items:center; gap:8px; }
  .sentr-install-btn.visible { display:inline-flex; }
  .sentr-app-status { position:fixed; z-index:1060; left:50%; transform:translateX(-50%); top:calc(12px + var(--app-safe-top)); padding:9px 14px; border-radius:999px; background:#0a1f44; color:#fff; font-size:.78rem; font-weight:700; box-shadow:0 9px 24px rgba(10,31,68,.2); }
  .sentr-app-status.visible { display:block; }
}

@media (max-width: 767px) and (display-mode: standalone) {
  .wsmobileheader { padding-top:var(--app-safe-top); background:rgba(255,255,255,.94)!important; backdrop-filter:blur(16px); }
  .wsmobileheader .wsanimated-arrow { display:none!important; }
  .wsmobileheader .smllogo { margin-left:4px; }
  .sentr-install-btn { display:none!important; }
}