/* One geometry contract for both chat composers; loaded after page styles. */
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer{min-width:0;max-width:100%;box-sizing:border-box;position:relative;flex:none;padding:12px 18px max(16px,env(safe-area-inset-bottom));border:0;background:#fffdf9}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar{display:flex;align-items:flex-end;gap:0;width:100%;min-height:48px;padding:1px 9px;border:1px solid #e1ded6;border-radius:24px;background:#fff;box-shadow:none;box-sizing:border-box}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar:focus-within{border-color:#706d65;box-shadow:none}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar textarea{display:block;flex:1;width:0;min-width:0;height:auto;min-height:44px;max-height:132px;margin:0;padding:10px 4px;border:0;border-radius:0;outline:none;box-shadow:none;resize:none;field-sizing:content;font:400 16px/24px var(--font-ui);color:#272722;background:transparent;caret-color:#d70050;box-sizing:border-box}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar textarea::placeholder{font:inherit;color:#706d65}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar>button,:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu>summary{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#272722;cursor:pointer;box-sizing:border-box}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar svg{width:18px;height:18px;flex:none}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer-bar>.agent-send{background:transparent;color:#fff;opacity:1}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-send::before{content:"";position:absolute;inset:6px;background:#252522;border-radius:50%;z-index:-1}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-send:disabled::before{background:#eae8e5}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-send:disabled{color:#706d65;cursor:default}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-mic.listening{background:#f7edf0;color:#d70050}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu{flex:0 0 44px}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu>summary{list-style:none}
.agent-attach-menu>summary::-webkit-details-marker{display:none}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu>div{position:absolute;bottom:calc(100% - 8px);left:18px;width:244px;max-width:calc(100% - 36px);padding:8px;border:1px solid #e1ded6;border-radius:20px;background:#fffdf9;z-index:3;box-shadow:none}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu label{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font:400 14px/22px var(--font-ui);cursor:pointer}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attach-menu small{display:block;padding:8px 12px;font:400 12px/18px var(--font-ui);color:#706d65}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attachments{min-width:0;max-width:100%;display:flex;gap:8px;overflow:auto;margin:0 0 12px;max-height:100px}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attachments article{display:flex;align-items:center;gap:8px;flex:0 0 240px;max-width:100%;padding:8px;border:1px solid #e1ded6;border-radius:12px;background:#f8f7f3;box-sizing:border-box}
.agent-attachments article>div{flex:1;min-width:0}.agent-attachments strong{display:block;overflow-wrap:anywhere;font:500 14px/22px var(--font-ui)}.agent-attachments small{display:block;font:400 12px/18px var(--font-ui);color:#706d65}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-attachments button{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;background:transparent;color:#272722}
.agent-attachments svg{width:18px;height:18px}
:is(.atoms-app .manual-agent-screen,.life-agent-screen) .agent-composer :is(button,summary):focus-visible{outline:2px solid #706d65;outline-offset:2px}

/* Shared conversation chrome: quiet icons, aligned with the dialogue gutter. */
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:64px;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));margin:0;border:0;background:#fffdf9;box-sizing:border-box}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button{display:flex;align-items:center;justify-content:flex-start;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#272722}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button:last-child{justify-content:flex-end}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button::before{content:none}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button svg{width:20px;height:20px}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header :is(h1,strong){font:600 20px/28px var(--font-ui);margin:0;text-align:center;color:#272722}
.atoms-app .manual-agent-screen .agent-chat-header>div{display:block;text-align:center}
.atoms-app .manual-agent-screen .agent-chat-header p{margin:0}
.atoms-app .manual-agent-screen .manual-agent-turn.assistant{gap:16px}
.atoms-app .manual-agent-screen .manual-agent-turn.assistant>span{width:24px;height:24px;min-width:24px;flex:0 0 24px;margin-top:2px;color:#272722;border-color:#272722}
.atoms-app .manual-agent-screen .manual-agent-turn.assistant>span svg{width:16px;height:16px}
.atoms-app .manual-agent-screen .manual-agent-turn.assistant>span .manual-calendar-mark{width:16px;height:16px}
.atoms-app .manual-agent-screen .manual-agent-turn.assistant>div{max-width:calc(100% - 40px)}
.atoms-app .manual-agent-screen .manual-agent-quick-options{margin-left:40px}
:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button:focus-visible{outline:2px solid #706d65;outline-offset:2px}
@media(hover:hover){:is(.atoms-app .manual-agent-screen,.life-agent-screen.life-custom-agent) .agent-chat-header>button:hover{color:#d70050;background:transparent}}
