/* Route stop cards under the planner map, the PDF progress state and the compact contact popup. Shared by all three designs. */
.planner-route-stops.route-stop-cards{list-style:none;margin:0;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 16px 6px;font-size:inherit;line-height:inherit;scrollbar-width:thin}
.route-stop-card{flex:0 0 250px;scroll-snap-align:start;display:grid;grid-template-columns:84px 1fr;gap:11px;align-items:start;background:var(--ivory);border:1px solid #e3ddd3;border-radius:7px;padding:8px;min-width:0}
.route-stop-card figure{position:relative;margin:0;aspect-ratio:1;border-radius:5px;overflow:hidden}
.route-stop-card img{width:100%;height:100%;object-fit:cover;display:block}
.route-stop-card figure span{position:absolute;top:5px;left:5px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;border:2px solid #faf6ee;font:650 10px var(--sans)}
.route-stop-card small{display:block;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--rust);line-height:1.45}
.route-stop-card strong{display:block;font:700 14px/1.3 var(--heading);color:var(--ink);margin:2px 0 3px}
.route-stop-card p{font-size:10.5px;line-height:1.55;color:#5d6f66;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.route-stop-empty{font-size:11px;line-height:1.8;color:#647768}
@media(max-width:650px){.planner-route-stops.route-stop-cards{padding:12px 12px 6px}.route-stop-card{flex-basis:84%;grid-template-columns:72px 1fr}}

.planner-success-icon.pdf-working{animation:pdf-pulse 1.2s ease-in-out infinite}
@keyframes pdf-pulse{50%{transform:scale(.9);opacity:.6}}
@media(prefers-reduced-motion:reduce){.planner-success-icon.pdf-working{animation:none}}

.contact-dialog{max-width:540px;overflow:hidden}
.contact-panel{padding:26px 26px 24px}
.contact-panel h2{font-size:26px;margin:8px 44px 8px 0}
.contact-panel>p{font-size:12px;line-height:1.6}
.contact-channels{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.contact-channel{gap:10px;padding:11px 12px}
.contact-channel-icon{width:34px;height:34px}
.contact-channel-icon img,.contact-channel-icon svg{width:17px;height:17px}
.contact-channel>svg{width:14px}
.contact-panel>.contact-preview-note{display:none}
@media(max-width:650px){.contact-panel{padding:22px 18px 18px}.contact-panel h2{font-size:23px}.contact-channels{grid-template-columns:1fr;margin-top:14px}.contact-channel{padding:9px 11px}}