/* Scoped polish of the first patient journey. Geometry stays with the original layout. */
#journey{--journey-ease:cubic-bezier(.22,1,.36,1);background:radial-gradient(ellipse at 52% 52%,#ffe5ce70,transparent 65%),#faf7f4;border-color:#ece2d9;border-radius:23px;box-shadow:0 8px 25px -22px #77553a40}#journey:before{background:none;opacity:1;box-shadow:inset 0 1px 0 #fff;mask-image:none;border-radius:inherit}#journey .theater-heading{color:#6a6764}#journey .theater-footer{border-color:#eae3db;color:#786e66}#journey .event-card{border-color:#ede7e0;border-radius:17px;background:linear-gradient(145deg,#fff,#fffdfb);box-shadow:0 3px 5px #3f302904,0 13px 27px #61402708}#journey .event-top .mini-icon{background:linear-gradient(140deg,#fff2e7,#ffe2c9);color:#df650f;box-shadow:inset 0 1px #fff}#journey .event-top .tiny-tag{letter-spacing:.08em;color:#92877d}#journey .event-card h3{font-weight:600;color:#33312f}#journey .event-rule{border-color:#f0eae4;color:#71766e}#journey .rule-dot{background:#57a88a;box-shadow:0 0 0 3px #58a88a0c}#journey .auto-chip{color:#948374}#journey .flow-label>span{background:#ffffffb0;border-color:#e7ddd2;color:#ba7541}
#journey .journey-phone{transform:none;background:#f6f8f9;border-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #e1e3e5,0 3px 7px #312b2405,0 16px 30px #6a4b3410,0 30px 60px -28px #69492732;isolation:isolate}#journey .phone-top{background:linear-gradient(#fff,#fcfcfd);border-color:#eaecef;border-radius:19px 19px 0 0}#journey .clinic-avatar{border-radius:10px;background:linear-gradient(145deg,#ff943e,#ff6a00);color:#fff;box-shadow:0 3px 8px #ff6a0025,inset 0 1px #ffffff50}#journey .phone-top b{color:#283c48}#journey .phone-top div>span{color:#7b8b94}#journey .phone-dots{color:#a5b0b7}#journey .conversation{background:radial-gradient(ellipse at 100% 0,#e9f1f655,transparent 70%),#f6f8f9;overflow:hidden}#journey .chat-date{color:#99a4ab;letter-spacing:.01em}#journey .message{position:relative;box-shadow:0 2px 3px #263e4803,0 4px 9px #263e4804;border-radius:13px;color:#344653}#journey .message-clinic{background:#fff;border-color:#e8edf0;border-top-left-radius:4px}#journey .message-patient{background:linear-gradient(140deg,#e3f4ec,#d5eddf);border-bottom-right-radius:4px;color:#275a46;box-shadow:inset 0 1px #ffffff6b,0 3px 7px #22583c05}#journey .message-time{color:#99a6ac;font-variant-numeric:tabular-nums}#journey .message-time i{color:#54a88c;letter-spacing:-2px;padding-right:2px}#journey .message-patient .message-time{color:#7b9d8b}#journey .human-label{color:#dc7427;font-weight:550}#journey .phone-input{border-color:#e7ecf0;background:#fff;border-radius:0 0 19px 19px;color:#a4aeb5}#journey .phone-input svg{color:#f07a23;filter:drop-shadow(0 2px 4px #ff6a0014)}
#journey .staged{opacity:0;transform:translateY(9px) scale(.975);transform-origin:left bottom;transition:opacity .65s ease,transform .8s var(--journey-ease);will-change:opacity,transform}#journey .message-patient{transform-origin:right bottom}#journey[data-step="1"] .stage-1,#journey[data-step="2"] .stage-1,#journey[data-step="3"] .stage-1,#journey[data-step="2"] .stage-2,#journey[data-step="3"] .stage-2,#journey[data-step="3"] .stage-3{opacity:1;transform:translateY(0) scale(1)}#journey .booking-card.stage-3{opacity:.3;transform:translateY(5px) scale(.99)}#journey[data-step="3"] .booking-card{opacity:1;transform:none}#journey .typing-indicator{top:var(--typing-y,130px);bottom:auto;left:14px;width:38px;height:24px;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #e8edf0;border-radius:10px 10px 10px 3px;box-shadow:0 2px 5px #1e405007;opacity:0;visibility:hidden;transition:opacity .25s ease;pointer-events:none}#journey[data-step="0"] .typing-indicator{left:auto;right:14px;border-radius:10px 10px 3px 10px;background:#e0f1e6;border-color:#d7e9df;opacity:1;visibility:visible}#journey[data-step="1"] .typing-indicator{opacity:1;visibility:visible}#journey .typing-indicator i{width:3px;height:3px;background:#8aa296;animation:jr-typing 1.4s ease-in-out infinite}#journey .typing-indicator i:nth-child(2){animation-delay:.16s}#journey .typing-indicator i:nth-child(3){animation-delay:.32s}
#journey .booking-card{border-color:#cfe7dd;border-radius:17px;background:#fff;box-shadow:0 5px 12px #24644906,0 16px 26px -18px #24644920}#journey .booking-status{background:linear-gradient(110deg,#e8f7ef,#dff1e8);color:#247957}#journey .appointment-date>strong{color:#255b47}#journey .booking-foot{background:#fcfefd;border-color:#e7f0ea;color:#799083}#journey .outcome-caption{color:#8e8278}#journey .outcome-caption strong{color:#66564a}#journey .journey-connector>span{border:0;height:2px;background:#e7d9ce;position:relative;overflow:hidden}#journey .journey-connector>span:after{content:'';position:absolute;inset:0;background:#f28b3f;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--journey-ease)}#journey[data-step="1"] .connector-one>span:after,#journey[data-step="2"] .connector-one>span:after,#journey[data-step="3"] .connector-one>span:after,#journey[data-step="3"] .connector-two>span:after{transform:scaleX(1)}#journey .journey-connector>svg{color:#bfa48e}#journey .journey-connector>i{animation:none;opacity:0;width:8px;height:8px;border:2px solid #fff;background:#ed812f;box-shadow:0 0 0 4px #f9913812}#journey[data-step="0"] .connector-one>i,#journey[data-step="2"] .connector-two>i{animation:jr-send 2.2s var(--journey-ease) .25s both}#journey .journey-steps button:before{background:#e3dbd3;height:3px;inset:10px 0;border-radius:5px}#journey .journey-steps button:after{content:'';position:absolute;inset:10px 0;height:3px;background:#ed812f;border-radius:5px;transform:scaleX(0);transform-origin:left}#journey .journey-steps .is-active:before{background:#ed812f25}#journey .journey-steps .is-active:after{animation:jr-progress var(--step-duration,4300ms) linear both}#journey .journey-steps button:focus-visible{outline:2px solid #ef8234;outline-offset:1px;border-radius:5px}
@keyframes jr-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-2px);opacity:1}}@keyframes jr-send{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}@keyframes jr-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:720px){#journey{border-radius:19px}#journey .event-card,#journey .booking-card{border-radius:12px}#journey .journey-phone{border-radius:21px}#journey .phone-top{border-radius:16px 16px 0 0}#journey .phone-input{border-radius:0 0 16px 16px}#journey .journey-connector{border-left:1px solid #e3d7cc}#journey .journey-connector>i{left:-4px;top:0}#journey[data-step="0"] .connector-one>i,#journey[data-step="2"] .connector-two>i{animation-name:jr-send-vertical}@keyframes jr-send-vertical{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:23px;opacity:0}}}
.motion-paused #journey *{animation-play-state:paused!important}.reduced-motion #journey .staged{opacity:1;transform:none;transition:none}.reduced-motion #journey .typing-indicator{display:none}.reduced-motion #journey *{animation:none!important;transition:none!important}.reduced-motion #journey .journey-steps .is-active:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){#journey *{animation:none!important;transition:none!important}#journey .staged{transform:none}#journey .typing-indicator{display:none}}