/* "Where to go now" - the small map on the patient's Home (patient_app_way.js, 8 Oct 2026).
   The app's own look: glass, orange for what matters now, Telugu set a little smaller than English. */
.pw { display:block; width:100%; text-align:left; margin:14px 0 2px; padding:0; border:0; border-radius:20px; overflow:hidden; cursor:pointer;
  background:#FFF8F2; box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 8px 22px rgba(194,72,10,.10); font:inherit; color:inherit;
  -webkit-tap-highlight-color:transparent; }
.pw:focus-visible, .pw-floors button:focus-visible, .pw-x:focus-visible { outline:3px solid var(--g-orange, #F26522); outline-offset:2px; }
.pw-cap { display:block; padding:12px 16px 8px; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--orange-dark, #C2480A); }
body.te .pw-cap { font-size:11px; letter-spacing:0; text-transform:none; }
.pw-pic { display:block; width:100%; aspect-ratio:5 / 3; background:#FFF3E8; }
.pw-pic.big { aspect-ratio:auto; height:auto; border-radius:18px; }
.pw-way-under { fill:none; stroke:#fff; stroke-linecap:round; stroke-linejoin:round; opacity:.92; }
.pw-way { fill:none; stroke:var(--g-orange, #F26522); stroke-linecap:round; stroke-linejoin:round; animation:pw-walk 1.4s linear infinite; }
@keyframes pw-walk { to { stroke-dashoffset:-104; } }
.pw-from { fill:#fff; stroke:var(--orange-dark, #C2480A); stroke-width:3; }
.pw-pin { fill:var(--g-orange, #F26522); stroke:#fff; }
.pw-pulse { fill:var(--g-orange, #F26522); opacity:.35; transform-box:fill-box; transform-origin:center; animation:pw-pulse 1.6s ease-out infinite; }
@keyframes pw-pulse { from { transform:scale(.7); opacity:.5; } to { transform:scale(2.3); opacity:0; } }
.pw-fig { pointer-events:none; }
.pw-doc { pointer-events:none; }
.pw-doc path { fill:var(--g-orange, #F26522); }
.pw-doc circle { fill:#fff; stroke:var(--g-orange, #F26522); }
.pw-doc text { fill:var(--orange-dark, #C2480A); font-weight:700; font-family:inherit; }
.pw-also { fill:none; stroke:var(--orange-dark, #C2480A); stroke-dasharray:4 5; opacity:.8; }
.pw-say { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 10px; padding:12px 16px 0; }
.pw-say b { font-size:19px; font-weight:650; letter-spacing:-.02em; color:var(--g-ink, #141A24); white-space:nowrap; }
.pw-say i { font-style:normal; font-size:13px; font-weight:600; color:var(--orange-dark, #C2480A); white-space:nowrap; }
.pw-line { display:block; padding:4px 16px 0; font-size:14px; color:var(--g-soft, #5B6474); }
body.te .pw-line { font-size:13px; }
.pw-open { display:block; padding:10px 16px 14px; font-size:13px; font-weight:600; color:var(--orange-dark, #C2480A); }
body.te .pw-open { font-size:12.5px; }

/* the whole floor, over the page: a layer of the body, above the app's header and its tab bar */
html.pw-lock, html.pw-lock body { overflow:hidden; }
.pw-sheet { position:fixed; inset:0; z-index:85; overscroll-behavior:contain; background:#FFFDFA; display:flex; flex-direction:column; padding:max(12px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom)); overflow:auto; }
.pw-top { display:flex; align-items:center; justify-content:space-between; padding:4px 2px 10px; }
.pw-top b { font-size:20px; font-weight:650; letter-spacing:-.02em; }
.pw-x { width:44px; height:44px; border-radius:50%; border:1px solid rgba(20,26,36,.1); background:#fff; font-size:24px; line-height:1; color:var(--g-ink, #141A24); cursor:pointer; }
.pw-floors { display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; margin-bottom:12px; }
.pw-floors button { border:1px solid rgba(20,26,36,.1); background:#fff; border-radius:14px; padding:10px 4px; font:inherit; font-size:12.5px; font-weight:600; color:var(--g-soft, #5B6474); cursor:pointer; }
.pw-floors button.go { border-color:rgba(242,101,34,.5); color:var(--orange-dark, #C2480A); }
.pw-floors button.on { background:var(--g-orange, #F26522); border-color:var(--g-orange, #F26522); color:#fff; }
.pw-big { border-radius:18px; overflow:hidden; background:#FFF3E8; box-shadow:0 8px 22px rgba(194,72,10,.10); }
.pw-here { margin-top:12px; padding:12px 14px; border-radius:16px; background:#FFF3E8; font-size:14px; color:var(--g-soft, #5B6474); }
.pw-here b { display:block; font-size:17px; color:var(--g-ink, #141A24); }
.pw-here span b { display:inline; font-size:inherit; }
@media (prefers-reduced-motion: reduce) { .pw-way, .pw-pulse { animation:none; } }