.massage-conversation{background:#edf3f1;color:#17352d}
.massage-conversation .gaja-global-nav{display:none!important}
.massage-conversation .voucher-shell,.massage-conversation main{max-width:680px;margin:auto;padding:12px 12px 110px}
.massage-conversation .voucher-header,.massage-conversation .partner-job-nav{position:sticky;top:0;z-index:30;background:#173d35;color:white;box-shadow:0 3px 12px #173d351a}
.massage-conversation .voucher-header .brand{color:#fff}
.massage-conversation .hero-card{padding:14px 16px;border-radius:16px;box-shadow:none;flex-wrap:wrap;overflow-wrap:anywhere}
.massage-conversation .hero-card>*{min-width:0;max-width:100%}.massage-conversation .status{white-space:normal}
.massage-conversation .hero-card h1{font-size:21px}
.massage-conversation .booking-card{background:#fff;border-left:4px solid #14866a;padding:14px;box-shadow:none}
.massage-conversation .booking-info{gap:5px;margin-top:10px}
.massage-conversation .booking-info>div{min-height:0;background:transparent;padding:5px 0}
.massage-conversation .booking-info strong{font-size:16px}
.massage-conversation .timeline{display:flex;overflow:auto;gap:5px;padding-bottom:4px}
.massage-conversation .timeline span{flex:0 0 auto;padding:6px 10px}
.massage-conversation .status-guide{padding:12px 14px;margin:10px 0}
.massage-conversation .status-guide p{margin:4px 0}
.conversation-details{margin:12px 0;border:1px solid #cfe2da;border-radius:14px;background:#fff}
.conversation-details>summary{padding:14px;cursor:pointer;min-height:48px;font-size:15px;font-weight:700}
.conversation-details>.card,.conversation-details>.notice-card{border:0;box-shadow:none;margin:0}
.massage-conversation .chat-card{background:transparent;border:0;box-shadow:none;padding:12px 0}
.massage-conversation .messages,.massage-conversation .chat-messages{max-height:none;min-height:150px;overflow:visible;background:transparent}
.massage-conversation .bubble{background:#fff;box-shadow:0 2px 6px #173d350a;font-size:16px;line-height:1.6}
.massage-conversation .customer .bubble{background:#d0eee2}
.conversation-customer #messages .message{width:100%;max-width:100%;padding:0;background:none;display:flex;justify-content:flex-start;margin:14px 0}
.conversation-customer #messages .message.customer{justify-content:flex-end}
.conversation-customer #messages .bubble{max-width:84%;min-width:90px;border-radius:18px 18px 18px 4px;padding:11px 14px;background:#fff;color:#17352d;font-weight:500}
.conversation-customer #messages .customer .bubble{border-radius:18px 18px 4px 18px;background:#08795f;color:#fff}
.massage-conversation .chat-sender{display:block;font-size:12px;font-weight:700;margin-bottom:4px;opacity:.8}
.massage-conversation .chat-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.conversation-customer #messages .translated{border-top:1px solid #d7e5df;padding-top:7px;margin-top:7px;font-size:13px;color:#50685e;white-space:pre-wrap}
.conversation-customer #messages .customer .translated{color:#e2f4ec;border-color:#ffffff40}
.conversation-customer #messages .meta{font-size:11px;color:#5d7268;font-weight:400;margin-top:7px}
.conversation-customer #messages .customer .meta{color:#e2f4ec}
.conversation-customer #messages .system-event{justify-content:center}
.conversation-customer #messages .system-event .bubble{max-width:94%;border-radius:12px;background:#e0eae5;text-align:center;border:0;font-size:14px;color:#38584a}
.conversation-provider #therapistTrip .chat-messages{display:flex;flex-direction:column;gap:14px;padding:14px 0}
.conversation-provider #therapistTrip .message{align-self:flex-start;margin:0;max-width:84%;min-width:90px;box-sizing:border-box;padding:11px 14px;border-radius:18px 18px 18px 4px;background:#fff;color:#17352d;font-size:16px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.conversation-provider #therapistTrip .message.mine{align-self:flex-end;border-radius:18px 18px 4px 18px;background:#08795f;color:#fff}
.conversation-provider #therapistTrip .message>b{display:block;font-size:12px;opacity:.8}
.conversation-provider #therapistTrip .message small:not(:empty){border-top:1px solid #d7e5df;padding-top:7px;color:#50685e;font-size:13px}
.conversation-provider #therapistTrip .message.mine small{color:#e2f4ec;border-color:#ffffff40}
.conversation-provider #therapistTrip .message-meta{display:block;font-size:11px;color:#5d7268;text-align:right;margin-top:7px}
.conversation-provider #therapistTrip .mine .message-meta{color:#e2f4ec}
.conversation-provider #therapistTrip .system-event{align-self:center;max-width:94%;text-align:center;background:#e0eae5;border-radius:12px;color:#38584a;font-size:14px}
.conversation-provider #therapistTrip .message img{max-width:100%;height:auto}
.massage-conversation .chat-form,.conversation-provider #therapistTrip .chat-compose{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);box-sizing:border-box;margin:0;padding:12px 12px max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #cfe2da;z-index:40;display:flex;gap:8px}
.massage-conversation .chat-form textarea,.conversation-provider .chat-compose input:not([type=file]){min-width:0;min-height:48px;flex:1;border:1px solid #cfe2da;border-radius:16px;padding:12px;font-size:16px;max-height:120px}
.massage-conversation .chat-form button,.conversation-provider .chat-compose button{min-height:48px;border-radius:14px;background:#08795f;color:#fff}
.conversation-provider .outcall-hero,.conversation-provider .massage-search-answer,.conversation-provider .language-banner,.conversation-provider #therapistView>article:first-child{display:none!important}
.conversation-provider .partner-job-nav{gap:5px;padding:8px}
.conversation-provider .partner-job-nav a,.conversation-provider .partner-job-nav button{font-size:14px;padding:8px;min-width:0}
.conversation-provider #therapistView .panel{border:0;box-shadow:none;background:transparent}
.conversation-provider #therapistSummary{background:#fff;padding:14px;border-radius:14px;border-left:4px solid #14866a}
.conversation-provider .step-actions{margin:12px 0}
.conversation-provider .step-actions button{min-height:52px;font-size:18px}
.conversation-provider .chat-compose .photo-button{min-width:44px}
.massage-conversation [hidden]{display:none!important}
.massage-conversation .system-event{margin:12px 0;text-align:center}
.massage-conversation .system-event .bubble{background:#e5f3ed;color:#164b3a;border:1px solid #c5dfd2}
#completionActions{padding:16px 0;display:flex;flex-wrap:wrap;gap:10px}
#completionActions button{min-height:48px;white-space:normal}
#reviewForm{width:100%;display:grid;gap:12px}
#reviewForm label{display:grid;gap:6px}
#reviewForm select,#reviewForm textarea{font:inherit;width:100%;box-sizing:border-box;padding:12px;border:1px solid #b4cabe;border-radius:12px}
#completionNotice{width:100%;margin:0}
@media(max-width:430px){.massage-conversation .voucher-shell,.massage-conversation main{padding:10px 10px 110px}.massage-conversation .chat-status{display:none}.massage-conversation .card-head h2{font-size:18px}}