/* Shared homepage and chat composer; positions remain owned by each page. */
/* UG-CHAT-ENTRY-20261021-01: only disconnected/explicit-demo composers gain this compact notice. */
.chat-connection-notice{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:9px;background:#eef4ff;color:#29466e;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.chat-connection-notice a{color:#2855a5;text-decoration:underline;text-underline-offset:2px;}
.theme-dark .chat-connection-notice{background:#263e60;color:#d7e7ff;}.theme-dark .chat-connection-notice a{color:#b6d2ff;}
.phone .conversation-composer{display:flex;align-items:center;gap:6px;min-height:56px;padding:6px 8px;border:1px solid #b9cef5;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.phone .conversation-composer textarea{flex:1;min-width:0;width:auto;height:40px;min-height:40px;max-height:120px;margin:0;padding:8px 4px;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:#29466e;font:inherit;font-size:15px;line-height:24px;resize:none;}.phone .conversation-composer textarea::placeholder{color:#8496b0;}.phone .conversation-composer:focus-within{border-color:#5582ed;}.phone .conversation-composer .composer-send{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:0;border-radius:50%;background:var(--button-blue);color:#fff;box-shadow:none;cursor:pointer;}.phone .conversation-composer .composer-send:hover{background:var(--button-blue-hover);}.phone .conversation-composer .compose-question{flex:0 0 38px;width:38px;min-width:38px;min-height:40px;border:0;border-radius:12px;background:transparent;padding:0;display:grid;place-items:center;}.phone .conversation-composer button:focus-visible{outline:2px solid #7e9ff1;outline-offset:3px;}.phone.theme-dark .conversation-composer{background:rgba(32,48,71,.94);border-color:#405a82;}.phone.theme-dark .conversation-composer textarea{color:#e5efff;}

.phone .conversation-composer{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:12px;border-radius:20px;}.phone .conversation-composer textarea{flex:none;width:100%;height:54px;min-height:54px;max-height:104px;overflow-y:hidden;box-sizing:border-box;padding:2px 4px;font-size:16px;line-height:25px;}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;}.composer-tools{display:flex;align-items:center;gap:7px;}.phone .composer-tools button{display:flex;align-items:center;gap:5px;width:auto;min-width:0;min-height:36px;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#597498;cursor:pointer;}.composer-tools svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.composer-tools button>span{font-size:20px;line-height:20px;font-weight:600;width:18px;text-align:center;}.composer-tools small{font-size:11px;white-space:nowrap;}.phone .composer-tools button:hover,.phone .composer-tools button[aria-pressed=true],.phone .composer-tools button[aria-expanded=true]{color:#3564da;background:#e8f0ff;}.phone .composer-send{align-self:center;}.composer-attachments{display:flex;gap:6px;flex-wrap:wrap;}.composer-attachments>span{display:flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;background:#e8f0ff;border-radius:8px;font-size:12px;overflow-wrap:anywhere;}.phone .composer-attachments button{min-width:24px;min-height:24px;border:0;background:transparent;color:#29466e;padding:0;}.message-attachment{display:block;max-width:100%;margin:8px 0 0;padding:8px 12px;border:1px solid #bed1f0;border-radius:9px;background:#edf4ff;color:#29466e;overflow-wrap:anywhere;text-align:left;cursor:pointer;}.composer-question-panel{flex-shrink:0;max-height:230px;overflow:auto;border:1px solid #d7e3f6;border-radius:16px;padding:10px;background:#f5f9ff;}.composer-question-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;}.composer-question-panel button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:8px;background:transparent;color:#29466e;font:inherit;font-size:13px;cursor:pointer;}.composer-question-heading button{width:36px;text-align:center;font-size:20px;}.composer-question-panel button:hover{background:#e6efff;}
@media(max-width:370px){.composer-tools{gap:0;}.phone .composer-tools button{padding:5px 4px;}.composer-tools small{font-size:10px;}}