/* OLEN Chatbox isolated authority — 2026-09-23.
   Intentionally scoped to data-olen-chatbox so it cannot style any other OLEN component. */
[data-olen-chatbox="2026-clean"]{position:relative;width:100%;max-width:720px;margin:0 auto;box-sizing:border-box}
[data-olen-chatbox="2026-clean"] .olen-cbx-capsule{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:60px!important;margin:0!important;padding:3px 6px!important;gap:4px!important;border:1px solid rgba(82,246,220,.52)!important;border-radius:24px!important;outline:0!important;background:#020806!important;background-color:#020806!important;background-image:radial-gradient(circle at 85% 5%,#0a2b20 0,transparent 28%),linear-gradient(#04120e,#020806)!important;background-size:100vw 100dvh!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important;box-shadow:none!important;box-sizing:border-box!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-input{flex:1!important;min-width:0!important;min-height:38px!important;max-height:min(260px,35dvh)!important;height:auto;margin:0!important;padding:9px 5px!important;border:0!important;border-radius:0!important;outline:0!important;resize:none!important;overflow-y:hidden;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#eef7f4!important;-webkit-text-fill-color:#eef7f4!important;font:inherit!important;line-height:20px!important;box-sizing:border-box!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-input::placeholder{color:#81918c!important;opacity:1!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-plus,[data-olen-chatbox="2026-clean"] .olen-cbx-mic{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#dcebe6!important;display:grid!important;place-items:center!important;align-self:center!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-plus{font-size:24px!important;font-weight:300!important;line-height:1!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-mic svg{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone{height:34px!important;min-height:34px!important;margin:0!important;padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#aebdb8!important;display:flex!important;align-items:center!important;gap:5px!important;align-self:center!important;font:inherit!important;font-size:12px!important;white-space:nowrap!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-action{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;align-self:center!important;overflow:visible!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-action img{grid-area:1/1!important;width:38px!important;height:38px!important;display:block!important;object-fit:contain!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-action img[hidden]{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-voice{grid-area:1/1;width:38px!important;height:38px!important;border:2px solid #45e7da!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;box-sizing:border-box!important;background:rgba(3,28,26,.72)!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-voice i{display:block!important;width:2px!important;border-radius:2px!important;background:linear-gradient(180deg,#58f5e6,#b16cff)!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-voice i:nth-child(1){height:10px!important}[data-olen-chatbox="2026-clean"] .olen-cbx-voice i:nth-child(2){height:17px!important}[data-olen-chatbox="2026-clean"] .olen-cbx-voice i:nth-child(3){height:12px!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-action[data-mode="send"] .olen-cbx-voice,[data-olen-chatbox="2026-clean"] .olen-cbx-action[data-mode="stop"] .olen-cbx-voice{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-action[data-mode="voice"] img{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone-menu{position:absolute!important;right:82px!important;bottom:62px!important;z-index:260!important;width:150px!important;padding:6px!important;background:#0b2119!important;border:1px solid #ffffff18!important;border-radius:14px!important;box-shadow:0 14px 38px #0008!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone-menu[hidden]{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone-menu button{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#e8f3ef!important;text-align:left!important;font:inherit!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-disclaimer{position:static!important;margin:5px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;color:#81918c!important;font-size:9px!important;line-height:1.3!important}
@media(max-width:699px){
 [data-olen-chatbox="2026-clean"]{position:fixed!important;z-index:120!important;left:10px!important;right:10px!important;bottom:calc(58px + var(--safe))!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:translateY(-29px)!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-tone,[data-olen-chatbox="2026-clean"] .olen-cbx-disclaimer{display:none!important}
}
@media(min-width:700px){
 [data-olen-chatbox="2026-clean"] .olen-cbx-plus{padding-bottom:0!important}

}
@media(min-width:700px) and (max-width:1099px){
 [data-olen-chatbox="2026-clean"]{position:fixed!important;z-index:120!important;left:calc(var(--olen-chat-rail) + max(28px,calc((100vw - var(--olen-chat-rail) - 620px)/2)))!important;right:max(28px,calc((100vw - var(--olen-chat-rail) - 620px)/2))!important;bottom:24px!important;width:auto!important;max-width:620px!important;margin:0!important}
 .screen[data-screen="chat"].side-expanded [data-olen-chatbox="2026-clean"]{left:calc(var(--olen-chat-panel) + max(28px,calc((100vw - var(--olen-chat-panel) - 620px)/2)))!important;right:max(28px,calc((100vw - var(--olen-chat-panel) - 620px)/2))!important}
}
@media(min-width:1100px){
 .screen[data-screen="chat"]{--olen-chat-desktop-column:clamp(760px,55vw,960px)}
 [data-olen-chatbox="2026-clean"]{position:fixed!important;z-index:120!important;left:calc(var(--olen-chat-rail) + max(64px,calc((100vw - var(--olen-chat-rail) - var(--olen-chat-desktop-column))/2)))!important;right:max(64px,calc((100vw - var(--olen-chat-rail) - var(--olen-chat-desktop-column))/2))!important;bottom:24px!important;width:auto!important;max-width:var(--olen-chat-desktop-column)!important;margin:0!important}
 .screen[data-screen="chat"].side-expanded [data-olen-chatbox="2026-clean"]{left:calc(var(--olen-chat-panel) + max(64px,calc((100vw - var(--olen-chat-panel) - var(--olen-chat-desktop-column))/2)))!important;right:max(64px,calc((100vw - var(--olen-chat-panel) - var(--olen-chat-desktop-column))/2))!important}
}
/* Attachments and browser-voice feedback, scoped to the isolated composer. */
[data-olen-chatbox="2026-clean"] .olen-cbx-capsule:has(.olen-cbx-preview:not([hidden])){padding-top:8px!important;padding-bottom:5px!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview{position:static!important;order:-1!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;display:flex;flex-wrap:wrap;gap:8px;padding:5px 8px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview[hidden],[data-olen-chatbox="2026-clean"] .olen-cbx-status[hidden]{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview-item{position:relative;width:72px;height:72px;flex:0 0 72px}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview-item button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:1px solid rgba(82,246,220,.52);border-radius:50%;background:#061610;color:#fff;cursor:pointer}
[data-olen-chatbox="2026-clean"] .olen-cbx-status{position:absolute;bottom:calc(100% + 8px);right:0;max-width:75%;padding:8px 10px;border-radius:12px;background:#061610;border:1px solid rgba(82,246,220,.52);color:#e5f6f1;font-size:12px}

.olen-chat-messages .olen-chat-image{display:block;width:auto;max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;margin-top:8px}

/* Chat conversation shares the composer column on tablet and desktop. */
@media(min-width:700px) and (max-width:1099px){
 .screen[data-screen="chat"] .olen-chat-messages{width:100%!important;max-width:620px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
}
@media(min-width:1100px){
 .screen[data-screen="chat"] .olen-chat-messages{width:100%!important;max-width:var(--olen-chat-desktop-column)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
}

/* Tablet rail only: slightly wider shared conversation/composer column; expanded sidebar unchanged. */
@media(min-width:700px) and (max-width:1099px){
 .screen[data-screen="chat"]:not(.side-expanded) [data-olen-chatbox="2026-clean"]{left:calc(var(--olen-chat-rail) + max(28px,calc((100vw - var(--olen-chat-rail) - 680px)/2)))!important;right:max(28px,calc((100vw - var(--olen-chat-rail) - 680px)/2))!important;max-width:680px!important}
 .screen[data-screen="chat"]:not(.side-expanded) .olen-chat-messages{max-width:680px!important}
}

/* Plus menu and local conversation image library; mobile plus position unchanged. */
[data-olen-chatbox="2026-clean"] .olen-cbx-attach-menu,[data-olen-chatbox="2026-clean"] .olen-cbx-library{position:absolute;left:0;bottom:calc(100% + 8px);z-index:270;width:min(300px,100%);box-sizing:border-box;padding:7px;background:#0b2119;border:1px solid #ffffff18;border-radius:14px;box-shadow:0 14px 38px #0008}
[data-olen-chatbox="2026-clean"] .olen-cbx-attach-menu[hidden],[data-olen-chatbox="2026-clean"] .olen-cbx-library[hidden]{display:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-attach-menu button{display:block;width:100%;min-height:40px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#e8f3ef;text-align:left;font:inherit;font-size:13px;cursor:pointer}
[data-olen-chatbox="2026-clean"] .olen-cbx-attach-menu button:hover{background:rgba(82,246,220,.09)}
[data-olen-chatbox="2026-clean"] .olen-cbx-library{width:min(360px,100%);max-height:290px;overflow:auto}
[data-olen-chatbox="2026-clean"] .olen-cbx-library-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#e8f3ef;font-size:13px;padding:4px 5px 10px}
[data-olen-chatbox="2026-clean"] .olen-cbx-library-head button{border:0;background:transparent;color:#e8f3ef;font-size:22px;cursor:pointer}
[data-olen-chatbox="2026-clean"] .olen-cbx-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;color:#aebdb8;font-size:12px}
[data-olen-chatbox="2026-clean"] .olen-cbx-library-image{aspect-ratio:1;border:1px solid rgba(82,246,220,.3);border-radius:9px;padding:0;overflow:hidden;background:#061610;cursor:pointer}
[data-olen-chatbox="2026-clean"] .olen-cbx-library-image img{display:block;width:100%;height:100%;object-fit:cover}

/* Two explicit composer rows: attachments never share a flex line with text or actions. */
[data-olen-chatbox="2026-clean"] .olen-cbx-capsule{flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:0!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row{display:flex!important;align-items:flex-end!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:52px!important;box-sizing:border-box!important;padding:7px 0!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview{order:0!important;flex:0 0 auto!important;width:100%!important;padding:4px 8px 5px!important;align-items:flex-start!important;align-content:flex-start!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview-item{width:72px!important;height:72px!important;flex:0 0 72px!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-preview-item button{top:2px!important;right:2px!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:15px!important;font-weight:400!important;box-sizing:border-box!important;transform:none!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-plus,[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-mic,[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-tone,[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-action{align-self:flex-end!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-input{scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior:contain!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-input::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Adaptive ChatGPT-style composer: short text stays inline; longer text gets its own full-width row. */
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 34px 38px!important;grid-template-rows:minmax(38px,auto) 38px!important;column-gap:4px!important;row-gap:4px!important;align-items:end!important;padding:8px 0 7px!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-input{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important;align-self:start!important;padding:7px 12px!important;box-sizing:border-box!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-plus{grid-column:1!important;grid-row:2!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-tone{grid-column:3!important;grid-row:2!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-mic{grid-column:4!important;grid-row:2!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-action{grid-column:5!important;grid-row:2!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-input{max-height:min(260px,35dvh)!important}

/* Keep the long-text field full-width; legacy flex sizing must not constrain a grid item. */
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded .olen-cbx-input{display:block!important;flex:none!important;grid-column:1 / -1!important;grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:38px!important;max-height:min(260px,35dvh)!important;overflow-x:hidden!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded{grid-template-columns:34px minmax(0,1fr) auto 34px 38px!important;grid-template-rows:auto 38px!important}

/* Locked composer: optically center the plus glyph on the 38px action row in every viewport. */
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-plus{height:38px!important;min-height:38px!important;align-self:flex-end!important;place-items:center!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-plus span{display:block!important;line-height:1!important;transform:translateY(-2px)!important}

/* Quiet composer labels: preserve Aurora typography and keep entered text fully legible. */
[data-olen-chatbox="2026-clean"] .olen-cbx-input::placeholder{color:#748780!important;-webkit-text-fill-color:#748780!important;opacity:1!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone{color:#748780!important;-webkit-text-fill-color:#748780!important}
[data-olen-chatbox="2026-clean"] .olen-cbx-tone svg,[data-olen-chatbox="2026-clean"] .olen-cbx-tone .chevron{opacity:.75!important}

/* Mobile-only optical adjustment: move plus glyph down 1px, leaving its button and other layouts untouched. */
@media(max-width:699px){[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-plus span{transform:translateY(0px)!important}}

/* Airier ChatGPT-like control rhythm, with OLEN Aurora colors and outlined voice button preserved. */
@media(min-width:700px){
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row{gap:7px!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-tone{gap:8px!important;padding:0 7px!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row.olen-cbx-text-expanded{column-gap:7px!important}
}

/* Approved control proportions: readable response style and a 2px inset for the Aurora voice/send button. */
@media(min-width:700px){
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-tone{font-size:calc(1em - 1px)!important;line-height:20px!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-tone span{font-size:inherit!important;line-height:inherit!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-tone span:last-child{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:10px!important;height:20px!important;font-size:0!important;line-height:0!important;transform:none!important;flex:0 0 10px!important}
 [data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-tone span:last-child::after{content:""!important;display:block!important;width:5px!important;height:5px!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:translateY(-1px) rotate(45deg)!important}
}
[data-olen-chatbox="2026-clean"] .olen-cbx-compose-row .olen-cbx-action{transform:translateX(-4px)!important}