/* Медицинская кнопка — PEGAS mobile design system. */
.medical-button-view .medical-help-card header small,.medical-button-view .medical-help-status small,.medical-button-view .medical-help-button>small,.medical-button-view .medical-help-location,.medical-button-view .medical-help-warning{font-size:12px;line-height:1.45}
.medical-button-view .medical-help-status p,.medical-button-view .medical-help-card header b{font-size:14px;line-height:1.45}
.medical-button-view{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.medical-help-card{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.medical-help-card header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.medical-help-card header b,.medical-help-card header small{display:block}.medical-help-card header b{color:var(--on-surface);font-size:13px}.medical-help-card header small{margin-top:3px;color:var(--muted);font-size:9px}.medical-help-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eb3349,#a80722);color:#fff;font-size:25px;box-shadow:0 7px 18px rgba(198,19,51,.24)}
.medical-help-button{position:relative;display:grid;place-items:center;align-content:center;gap:5px;width:min(238px,72vw);aspect-ratio:1;margin:8px auto;padding:28px;border:9px solid color-mix(in srgb,#b70b28 74%,#fff);border-radius:50%;background:radial-gradient(circle at 35% 25%,#ff6a79 0,#e3183d 35%,#a60020 72%,#710016 100%);color:#fff;box-shadow:0 18px 0 #6f0017,0 24px 32px rgba(100,0,24,.36),inset 0 6px 12px rgba(255,255,255,.32);text-align:center;touch-action:manipulation;user-select:none;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.medical-help-button>span{font-size:54px;line-height:.9}.medical-help-button>b{font-size:16px;line-height:1.05}.medical-help-button>small{font-size:8px;font-weight:800;letter-spacing:.08em}.medical-help-button.holding{transform:translateY(8px) scale(.985);box-shadow:0 8px 0 #6f0017,0 13px 22px rgba(100,0,24,.34),inset 0 6px 18px rgba(73,0,14,.28)}.medical-help-button.pressed{transform:translateY(9px) scale(.985);box-shadow:0 8px 0 #6f0017,0 0 0 11px rgba(238,25,62,.2),0 0 38px rgba(255,26,68,.78),inset 0 8px 20px rgba(73,0,14,.28);animation:medicalPulse 1.15s ease-in-out infinite}.medical-help-button.pending{filter:saturate(.8)}
.medical-help-status{padding:13px;border-radius:14px;background:color-mix(in srgb,#e3183d 8%,var(--surface-soft));color:var(--on-surface);text-align:center}.medical-help-status strong,.medical-help-status p,.medical-help-status small{display:block}.medical-help-status strong{font-size:13px}.medical-help-status p{margin:5px 0;color:var(--on-surface);font-size:11px}.medical-help-status small{color:var(--muted);font-size:9px}.medical-help-card.active .medical-help-status{border:1px solid color-mix(in srgb,#e3183d 40%,var(--line))}.medical-help-card.dispatched .medical-help-status{background:color-mix(in srgb,#19a66a 12%,var(--surface-soft));border-color:#19a66a}.medical-help-location,.medical-help-warning{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:13px;background:var(--surface-soft);color:var(--muted);font-size:10px}.medical-help-location>span:first-child{color:#5d9df6;font-size:20px}.medical-help-warning{border-left:3px solid #ffb020}.medical-help-warning b{color:var(--on-surface)}
[data-nav-key="MEDICAL_BUTTON"] .bottom-nav-icon{background:linear-gradient(145deg,#eb3349,#a80722);color:#fff}.service-card[data-capability-code="MEDICAL_BUTTON"]{border-color:color-mix(in srgb,#e3183d 25%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,#e3183d 7%,var(--surface)),var(--surface))}.service-card[data-capability-code="MEDICAL_BUTTON"] .service-icon{background:linear-gradient(145deg,#eb3349,#a80722);color:#fff}
@keyframes medicalPulse{50%{box-shadow:0 8px 0 #6f0017,0 0 0 20px rgba(238,25,62,0),0 0 52px rgba(255,26,68,.95),inset 0 8px 20px rgba(73,0,14,.32)}}@media(prefers-reduced-motion:reduce){.medical-help-button{transition:none}.medical-help-button.pressed{animation:none}}@media(max-width:360px){.medical-help-button{width:min(214px,68vw)}.medical-help-button>span{font-size:46px}}