/* CUIDA conversation: teal #087f86, ink #153e4c, mist #f3f9f8,
   mint #d9eee5, paper #fff. System type with a spacious 30/16/13 scale.
   A quiet, centered welcome gives way to left-aligned conversation.
   The care emblem is the focal point; controls stay within thumb reach. */
.app.is-chat .app-head,.app.is-chat>.tabbar{display:none}
#view-chat{background:#f3f9f8}
#view-chat svg,.chat-sheet svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.chat-toolbar{display:flex;align-items:center;gap:7px;padding:calc(10px + env(safe-area-inset-top)) 14px 7px;flex:none;background:#f3f9f8;min-height:68px}
.chat-icon{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#285459;background:transparent;position:relative}
.chat-icon:hover,.chat-icon:active{background:#dfeee8}
.chat-mode{display:flex;align-items:center;gap:4px;margin-right:auto;min-width:0;min-height:44px;border:0;background:transparent;color:#153e4c;font:inherit;font-size:19px;font-weight:750;letter-spacing:-.55px;text-align:left}
.chat-mode span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-mode svg{width:17px!important;height:17px!important;stroke-width:2!important}
.chat-profile{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;border:3px solid #fff;background:#d9eee5;color:#155e60;font:inherit;font-size:16px;font-weight:750;box-shadow:0 0 0 1px #c3ddd5}
.chat-activity-dot{position:absolute;width:7px;height:7px;right:9px;top:7px;background:#087f86;border-radius:50%;box-shadow:0 0 0 2px #f3f9f8}
.chat-context{align-self:center;display:flex;align-items:center;gap:7px;max-width:calc(100% - 32px);flex:none;min-height:34px;padding:5px 12px;background:#e4f0eb;border:0;border-radius:20px;color:#406c64;font:inherit;font-size:12px}
.chat-context span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-context-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#388474}
.chat-context svg{width:12px!important;height:12px!important}
#view-chat .chat-scroll{background:#f3f9f8;padding:22px 0 16px;overscroll-behavior:contain;scroll-behavior:smooth}
#view-chat .chat-scroll.chat-empty{display:flex;flex-direction:column}
.chat-welcome{margin:auto 0;padding:30px 23px 28px;text-align:center;width:100%}
.chat-emblem{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 23px;background:white;border-radius:32px;box-shadow:0 8px 26px #22584f08}
.chat-emblem img{display:block;object-fit:contain;width:73px;height:73px}
.chat-welcome h2{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-1.1px;color:#153e4c;max-width:350px;margin:0 auto}
.chat-welcome>p{font-size:14px;line-height:1.6;color:#627a79;margin:15px auto 27px;max-width:27ch}
.chat-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;max-width:360px;margin:auto}
.chat-starters button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #d4e6de;background:#fbfefd;color:#3c625b;padding:9px 12px;border-radius:14px;font:inherit;font-size:12px;font-weight:550}
.chat-starters svg{width:16px!important;height:16px!important;stroke-width:1.6!important;color:#087f86}
.chat-starters button:hover{background:#dfeee7;border-color:#a9cabc}
#view-chat .msg{padding-left:16px;padding-right:16px}
#view-chat .bubble{font-size:16px;line-height:1.6;box-shadow:none;border-color:#dce9e3;background:#fff;border-radius:19px 19px 19px 5px;overflow-wrap:anywhere}
#view-chat .msg.user .bubble{background:#d9eee5;color:#183f42;border-color:transparent;border-radius:19px 19px 5px 19px}
#view-chat .avatar{width:26px;height:26px;flex:none;margin-top:4px}
#view-chat .listen-button{background:transparent;border:1px solid #d8e7df;color:#32665d;font-size:12px;min-height:38px;border-radius:12px;margin-top:12px}
.chat-compose-area{flex:none;padding:5px 14px calc(10px + env(safe-area-inset-bottom));background:#f3f9f8}
#view-chat .chat-composer{display:block;margin:0;padding:11px 10px 8px;background:#fff;border:1px solid #cfe0d8;border-radius:25px;box-shadow:0 6px 22px #245e5110}
.chat-composer:focus-within{border-color:#73aaa4!important;box-shadow:0 0 0 3px #087f8609!important}
#view-chat #msgInput{display:block;width:100%;min-height:44px;max-height:120px;resize:none;border:0;outline:0;background:transparent;color:#153e4c;font:inherit;font-size:16px;line-height:1.5;padding:8px 8px 4px;box-shadow:none;border-radius:0}
#view-chat #msgInput::placeholder{color:#778e8b;opacity:1}
.chat-composer-tools{display:flex;align-items:center;gap:6px;margin-top:2px}
.chat-draft-count{flex:1;min-width:0;font-size:11px;color:#6a807a;font-variant-numeric:tabular-nums}
.chat-draft-count.is-over-limit{color:#9b3b30;font-weight:700}
#view-chat .chat-mic{display:grid;place-items:center;min-height:42px;width:42px;min-width:42px;max-width:none;border:0;background:transparent;color:#345e59;border-radius:50%;font-size:0;padding:0}
.chat-mic::before{content:'';display:block;width:23px;height:23px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='12' rx='3'/%3E%3Cpath d='M6 11v1a6 6 0 0 0 12 0v-1M12 18v3m-3 0h6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
#view-chat .chat-mic[aria-pressed=true]{background:#fff0e9;color:#943d32}
.chat-mic[aria-pressed=true]::before{mask:none;background:currentColor;width:14px;height:14px;border-radius:3px}
#view-chat .chat-conversation{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;max-width:none;background:#087f86;color:white;border:1px solid #087f86;border-radius:22px;padding:8px 12px;font:inherit;font-size:12px;font-weight:650;white-space:nowrap}
.chat-conversation::before{content:'';display:block;width:17px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M3 9v6M8 3v18M13 6v12M18 9v6' stroke='black' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
#view-chat .chat-conversation[aria-pressed=true]{color:#0a6d66;background:#d9eee5;border-color:#9fcbbd}
#view-chat .send{width:42px;height:42px;min-width:42px;border-radius:50%;background:#087f86;color:white;box-shadow:none;display:flex;align-items:center;justify-content:center}
#view-chat .send svg{width:22px;height:22px;stroke-width:2}
.chat-composer:has(#sendBtn:not([hidden])) .chat-conversation{font-size:0!important;width:42px;padding:8px!important;gap:0!important}
.chat-footnote{text-align:center;font-size:10px;line-height:1.5;color:#758982;margin:10px 6px 0}
#view-chat .conversation-controls{border:0;border-radius:17px;background:#e3f0e9;margin:0 0 9px;padding:3px 0 4px}
#view-chat .voice-tools{padding:7px 12px;background:transparent;gap:6px;align-items:center}
#view-chat #voiceStatus{font-size:12px;line-height:1.45;padding:0;min-width:120px;color:#305e56}
#view-chat #voiceStatus[data-state=error],#view-chat #voiceStatus[data-state=blocked]{color:#8a4232}
#view-chat #voiceStatus[data-state=recording]{color:#8d392f;font-weight:650}
#view-chat .voice-tools button{font-size:12px;min-height:40px;background:white;border-color:#bad7c9}
#view-chat .voice-auto-option{font-size:11px;min-height:34px;padding:3px 12px 4px}
.chat-sheet{padding:24px;width:calc(100% - 24px);max-width:430px;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d4e4db;border-radius:27px;background:#fbfefd;color:#153e4c;margin:auto;box-shadow:0 22px 70px #153e4c25}
.chat-context-notice{flex:none;display:flex;align-items:center;gap:10px;margin:4px 14px 8px;padding:10px 12px;border:1px solid #d4e4db;border-radius:14px;background:#fbfefd;color:#153e4c}
.chat-context-notice p{flex:1;min-width:0;font-size:13px;line-height:1.5;margin:0}
.chat-context-notice button{flex:none;min-height:44px;border:1px solid #087f86;border-radius:11px;padding:8px 12px;background:#087f86;color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.chat-sheet::backdrop{background:#143c4878;backdrop-filter:blur(3px)}
.chat-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.chat-sheet-head h2{font-size:23px;letter-spacing:-.65px;line-height:1.2;margin:0;font-weight:700}
.chat-sheet-close{width:44px;height:44px;min-width:44px;border:0;background:#e5f0e9;color:#34665c;border-radius:50%;font:inherit;font-size:25px;cursor:pointer}
.chat-sheet-description{font-size:13px;line-height:1.65;color:#5c7a71;margin:0 0 20px}
.chat-sheet-body{display:flex;flex-direction:column;gap:5px}
.chat-sheet-action{display:flex;gap:13px;align-items:center;width:100%;padding:15px 12px;min-height:52px;text-align:left;border:1px solid transparent;border-radius:15px;background:transparent;color:#1d4b48;font:inherit;cursor:pointer}
.chat-sheet-action>span:not(.chat-action-symbol){flex:1;min-width:0}
.chat-sheet-action strong{display:block;font-size:15px;font-weight:650;line-height:1.4}
.chat-sheet-action small{display:block;font-size:12px;line-height:1.6;color:#627d73;margin-top:4px}
.chat-sheet-action[aria-pressed=true],.chat-sheet-action[aria-current=page]{background:#dfefe5;border-color:#c2dccd}
.chat-sheet-action:hover{background:#edf5ef}
.chat-action-symbol{display:grid;place-items:center;flex:none;width:32px;height:32px;font-size:23px;color:#0f7b78}
.chat-activity-empty{padding:18px 12px;font-size:14px;line-height:1.65;color:#607c72}
.chat-activity-row{padding:14px 12px;border-top:1px solid #e0ebe3}
.chat-activity-row p{font-size:14px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.chat-activity-row time{font-size:12px;color:#6b8379;display:block;margin-top:6px}
.chat-activity-error{font-size:13px;color:#9c4933;padding:12px;line-height:1.5}
@media(max-width:360px){.chat-toolbar{padding-left:9px;padding-right:10px;gap:3px}.chat-mode{font-size:18px}.chat-profile{width:36px;height:36px}.chat-welcome{padding:20px 18px}.chat-welcome h2{font-size:27px}.chat-welcome>p{font-size:13px;margin-bottom:20px}.chat-emblem{width:80px;height:80px;margin-bottom:19px}.chat-emblem img{width:65px;height:65px}.chat-compose-area{padding-left:10px;padding-right:10px}.chat-starters{gap:7px}.chat-starters button{font-size:11px;padding:8px 10px}.chat-sheet{padding:20px}}
@media(max-height:690px){.chat-welcome{padding-top:12px;padding-bottom:12px}.chat-emblem{width:63px;height:63px;margin-bottom:15px;border-radius:23px}.chat-emblem img{width:55px;height:55px}.chat-welcome h2{font-size:26px}.chat-welcome>p{margin:11px auto 16px}.chat-starters button{min-height:39px}.chat-footnote{margin-top:7px}.chat-toolbar{min-height:58px;padding-top:calc(5px + env(safe-area-inset-top))}}
@media(max-width:560px){.chat-sheet{margin:auto auto max(12px,env(safe-area-inset-bottom));border-radius:26px}}
@media(prefers-reduced-motion:reduce){#view-chat .chat-scroll{scroll-behavior:auto}}