.login { justify-content: center; align-items: stretch; text-align: center; gap: 16px; }
.login .logo { font-size: 56px; }
.onb .progress { display: flex; gap: 4px; }
.onb .progress i { flex: 1; height: 4px; border-radius: 2px; background: var(--outline); }
.onb .progress i.on { background: var(--primary); }
/* Главный экран: карта на весь экран, оверлеи поверх. Аварийка и чат привязаны к нижнему меню (fixed), а не к карте:
   аварийка заходит на меню и лежит поверх него, чат — над меню. */
.screen.map-full { padding: 0; position: relative; height: calc(100vh - var(--nav-h)); height: calc(var(--tg-viewport-stable-height, 100dvh) - var(--nav-h)); overflow: hidden; }
.map.full { position: absolute; inset: 0; height: 100%; min-height: 0; border: 0; border-radius: 0; }
.map-top { position: absolute; top: 12px; left: 12px; right: 12px; display: flex; flex-direction: column; gap: 8px; z-index: 2; pointer-events: none; }
.map-top > * { pointer-events: auto; }
.counter { align-self: flex-start; background: color-mix(in srgb, var(--surface) 92%, transparent); color: var(--onSurface); padding: 6px 12px; border-radius: 999px; font-size: 14px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.sos-btn { position: fixed; bottom: calc(var(--nav-h) - 22px); left: 50%; transform: translateX(-50%); width: 76px; height: 76px; border-radius: 50%; background: var(--primary); box-shadow: 0 6px 20px rgba(216,67,21,.45); display: flex; align-items: center; justify-content: center; z-index: 6; }
.sos-btn:active { transform: translateX(-50%) scale(.95); }
.banner { background: color-mix(in srgb, var(--secondary) 10%, var(--surface)); border-color: var(--secondary); }
.response { gap: 6px; }
.response .name { font-weight: 600; }
.pro { gap: 4px; }
.helper-card .big { font-size: 20px; font-weight: 700; }
.privacy { max-width: 720px; margin: 0 auto; padding: 24px 16px; line-height: 1.55; }
/* Кнопка чата с ИИ: робот плавно сменяется знаком вопроса и обратно. */
.chat-bubble { position: fixed; right: 16px; bottom: calc(var(--nav-h) + 16px); width: 56px; height: 56px; border-radius: 50%; background: var(--surface); box-shadow: 0 4px 14px rgba(0,0,0,.3); z-index: 6; font-size: 28px; }
.chat-bubble span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.chat-bubble .robot { animation: robot-fade 4s linear infinite; }
.chat-bubble .ask { animation: ask-fade 4s linear infinite; }
@keyframes robot-fade { 0%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ask-fade { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .chat-bubble .robot, .chat-bubble .ask { animation: none; } .chat-bubble .ask { opacity: 0; } }
.chat-screen { height: 100dvh; }
.chat.full { flex: 1; max-height: none; min-height: 0; }
.chat-actions { margin-top: -2px; }
.chat-actions .btn { width: auto; }
.chat-input .input { flex: 1; }
.chat-input .btn { width: auto; }