/* Bubbles unified conversation v1 — one pane / one scroll / same WebView.
   Loaded last on the main site, standalone site and Android WebView. */
:root{--bu-ink:#202635;--bu-purple:#5d2a9c;--bu-accent:#7237bc;--bu-paper:#fffcf9;--bu-muted:#536273;--bu-line:#ddd6e7}
.ba-panel,.ba-panel *{box-sizing:border-box}
.ba-launcher[hidden],.ba-panel[hidden]{display:none!important}
:root{--bu-orb-blue:radial-gradient(circle at 32% 22%,#fff 0,#ffffffd9 8%,transparent 23%),radial-gradient(circle at 70% 78%,#3e55cb 0,#667dea 35%,transparent 68%),radial-gradient(circle at 25% 36%,#a9faff 1%,#50cce9 41%,#7155d8 82%)}
.ba-launcher{
 width:72px;height:72px;border:2px solid #98faf7;border-radius:50%;
 background:var(--bu-orb-blue);
 box-shadow:inset 4px 5px 14px #ffffffb8,inset -8px -10px 18px #3d259d9c,
 0 0 0 2px #d4ffff99,0 10px 28px #32227480;
}
/* Generic Oracle Octaves button styles otherwise paint Bubbles pale grey.
   Restore only its blue glass surface; never override state-based glow/animation. */
body.oracle-octaves-page button.ba-launcher,
body.oracle-octaves-home button.ba-launcher{
 background:var(--bu-orb-blue);border:2px solid #98faf7;border-radius:50%;
 padding:0;color:#fff;
}
.ba-launcher .ba-orb-shine{top:12%;left:18%;height:30%;width:40%;background:radial-gradient(ellipse,#ffffffe8,#ffffff03 78%)}
.ba-launcher[data-state="thinking"]{box-shadow:0 0 0 3px #9b80ed,0 0 35px #9872eaaa,inset -6px -8px 18px #362187}
.ba-launcher[data-state="hearing"]{box-shadow:0 0 0 4px #89ffd9,0 0 35px #51f5c9,inset -6px -8px 16px #362187}
.ba-launcher[data-state="error"],.ba-launcher[data-state="muted"]{filter:saturate(.45)}
.ba-panel{
 display:flex;flex-direction:column;gap:0;overflow:hidden;
 background:var(--bu-paper);color:var(--bu-ink);
 border:1px solid var(--bu-line);border-radius:22px;
 box-shadow:0 16px 50px #32234555;
 padding:0;
 width:min(520px,calc(100vw - 20px));height:min(79dvh,720px);
 min-height:0;
}
.ba-panel .ba-header{
 flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
 min-height:62px;padding:10px 15px;margin:0;gap:12px;
 background:linear-gradient(95deg,#f3eafa,#fff);
 border-bottom:1px solid var(--bu-line);
}
.ba-panel .ba-header strong{font-size:21px;line-height:1.2;color:var(--bu-ink)}
.ba-panel .ba-close{width:50px;min-height:46px;border-radius:15px;background:#fff;border:1px solid var(--bu-line)}
.ba-panel .ba-thread{
 display:block;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;
 overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
 touch-action:pan-y;padding:12px 13px 18px;
 scroll-behavior:auto;overflow-anchor:auto;
}
.ba-panel .ba-messages{
 flex:none;display:flex;flex-direction:column;gap:12px;
 min-height:0;overflow:visible;background:transparent;padding:8px 0 14px;
}
.ba-panel .ba-message{max-width:95%;border-radius:19px;padding:12px 15px;
 font:500 16px/1.48 system-ui,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap}
.ba-panel .ba-assistant{background:#f0edf5;color:var(--bu-ink)}
.ba-panel .ba-you{background:#e4f4eb;color:#143e2d}
.ba-panel .ba-owner-status{
 display:inline-block;width:auto;max-width:100%;border:1px solid #c9e1d5;
 border-radius:999px;margin:0 0 7px;padding:6px 11px;
 font:700 12px/1.4 system-ui,sans-serif;color:#285741;background:#effaf3;
}
.ba-panel .ba-tools{max-height:none;overflow:visible;flex:none;border:1px solid var(--bu-line);
 border-radius:14px;margin:6px 0 10px;padding:0;background:#fff}
.ba-panel .ba-tools > summary{display:flex;align-items:center;min-height:48px;
 font-size:15px;line-height:1.35;padding:10px 13px;cursor:pointer;
 color:var(--bu-purple);border-radius:13px;background:#f7f1fb}
.ba-panel .ba-tools[open]{padding-bottom:12px}
.ba-panel .ba-tools[open] > summary{border-bottom:1px solid var(--bu-line);border-radius:13px 13px 0 0}
.ba-panel .ba-tools > :not(summary){max-width:100%;margin-left:10px;margin-right:10px}
.ba-panel .ba-section-heading{font-size:15px;line-height:1.35;margin:13px 10px 7px!important;color:var(--bu-purple)}
.ba-panel .ba-tool-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.ba-panel .ba-composer{
 display:grid;grid-template-columns:minmax(0,1fr);gap:7px;flex:0 0 auto;
 padding:9px 11px max(11px,env(safe-area-inset-bottom));
 background:#fff;border:0;border-top:1px solid var(--bu-line);
 border-radius:0;margin:0;
}
.ba-panel .ba-composer textarea{
 box-sizing:border-box;display:block;width:100%;min-height:58px;height:67px;max-height:110px;
 padding:10px 12px;border:1px solid #c9bdcf;border-radius:13px;
 resize:vertical;font:500 16px/1.45 system-ui,sans-serif;
 color:var(--bu-ink);background:#fff;outline-offset:2px;
}
.ba-panel .ba-composer .ba-status{
 display:block;font-size:12px;line-height:1.4;color:var(--bu-muted);
 margin:0;overflow-wrap:anywhere;max-height:3.1em;overflow-y:auto;
}
.ba-panel .ba-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:6px}
.ba-panel .ba-actions > *{min-width:0}
.ba-panel .ba-actions button{min-width:0;min-height:48px;padding:7px 5px;
 border-radius:13px;font:750 13px/1.25 system-ui,sans-serif}
.ba-panel .ba-actions .ba-send{color:#fff;background:#7138b5;border:1px solid #7138b5}
.ba-panel .ba-photo-upload{position:relative;display:flex;align-items:center;justify-content:center;
 min-width:0;min-height:48px;border:1px solid #d5c1e7;border-radius:13px;
 background:#f7f0fb;color:#492775;overflow:hidden}
.ba-panel .ba-photo-upload .ba-photo-label{font-size:13px;font-weight:750}
.ba-panel .ba-photo-upload .ba-photo-file{position:absolute;inset:0;width:100%;height:100%;
 min-height:0;opacity:0;cursor:pointer;z-index:2}
.ba-panel .ba-photo-preview{display:flex;align-items:center;gap:8px;padding:6px;background:#f6f3fa;border-radius:12px}
.ba-panel .ba-photo-preview[hidden]{display:none!important}
.ba-panel .ba-photo-preview img{max-height:64px;width:64px;object-fit:cover;border-radius:8px}
.ba-panel .ba-photo-preview .ba-control{margin-left:auto}
.ba-panel .ba-message-actions{gap:6px;padding:0 3px}
.ba-panel :is(button,a,input,textarea,summary){touch-action:manipulation}
.ba-panel :focus-visible{outline:3px solid #4778db;outline-offset:2px}
@media(max-width:600px){
 .ba-panel:not([hidden]){
  inset:auto 0 0 0;width:100vw;max-width:none;right:0;bottom:0;
  height:min(92dvh,880px);max-height:calc(100dvh - 18px);
  min-height:0;border-radius:23px 23px 0 0;border-width:1px 0 0;
 }
 .ba-panel .ba-thread{padding:8px 12px 13px}
 .ba-panel .ba-header{min-height:58px}
 .ba-panel .ba-tool-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ba-panel .ba-actions button,.ba-panel .ba-actions .ba-photo-label{font-size:12px}
 .ba-panel .ba-composer{padding:7px 9px max(9px,env(safe-area-inset-bottom))}
 .ba-launcher{width:68px;height:68px;right:15px;bottom:85px}
}
html.bubbles-native-overlay,html.bubbles-native-overlay body{height:100%;min-height:0;overflow:hidden}
html.bubbles-native-overlay .ba-panel:not([hidden]){
 inset:0!important;width:100%!important;height:100%!important;max-height:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 padding:0!important;overflow:hidden!important;gap:0!important;
}
html.bubbles-native-overlay .ba-panel .ba-thread{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;
 overscroll-behavior-y:contain;touch-action:pan-y;padding:7px 12px 14px}
html.bubbles-native-overlay .ba-panel .ba-messages{flex:none;overflow:visible;padding:0 0 12px}
html.bubbles-native-overlay .ba-panel .ba-composer{
 flex:none;max-height:42dvh;overflow-y:auto;padding:7px 9px max(9px,env(safe-area-inset-bottom))}
html.bubbles-native-overlay .ba-panel .ba-composer textarea{height:61px;min-height:54px;max-height:86px;resize:none}
html.bubbles-native-overlay .ba-panel .ba-actions{grid-template-columns:1fr 1.25fr}
html.bubbles-native-overlay .ba-panel .ba-actions .ba-mic,
html.bubbles-native-overlay .ba-panel .ba-actions .ba-speak{display:none!important}
html.bubbles-native-overlay .ba-panel .ba-actions .ba-photo-upload{display:flex!important}
html.bubbles-native-overlay .ba-panel .ba-tools{display:block;max-height:none;overflow:visible}
html.bubbles-native-overlay .ba-panel .ba-owner-status{font-size:12px;margin-bottom:7px}
html.bubbles-native-overlay .ba-panel .ba-composer .ba-status{font-size:12px}
@media(prefers-reduced-motion:reduce){.ba-launcher,.ba-panel,.ba-thread{animation:none!important;transition:none!important}}

/* Stage 2: compact first-party provider sign-ins above Bubbles conversation. */
.ba-inline-account-gate{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;
 padding:11px;margin:5px 8px 9px;border:1px solid #d4c3e5;border-radius:14px;background:#faf8ff;
 color:#38254c;overflow-wrap:anywhere}
.ba-inline-account-gate>.ba-inline-account-title,.ba-inline-account-gate>.ba-inline-account-hint{
 grid-column:1 / -1;margin:0}
.ba-inline-account-gate>.ba-inline-account-title{font-size:16px;line-height:1.4}
.ba-inline-account-gate>.ba-inline-account-hint{font-size:12px}
.ba-inline-account-provider{min-width:0;display:flex;flex-direction:column;gap:6px;
 background:#fff;border:1px solid #e4dcef;border-radius:12px;padding:9px}
.ba-inline-account-provider[data-status=connected]{border-color:#75b99b;background:#f5fbf7}
.ba-inline-account-provider[data-status=unavailable]{opacity:.8}
.ba-inline-account-provider strong{font-size:14px}
.ba-inline-account-provider small{display:block;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.ba-inline-account-provider .ba-control{min-height:43px;margin:0;font-size:12px;padding:7px}
.ba-inline-account-gate>.ba-control{grid-column:1 / -1;margin:0;min-height:40px}
.ba-inline-account-gate[data-ready=true]{background:#f4fbf7;border-color:#75b99b}
@media(max-width:410px){.ba-inline-account-gate{grid-template-columns:1fr}}
html.bubbles-native-overlay .ba-inline-account-gate{margin:7px 0}

/* ChatGPT-style conversation history: one compact, owner-scoped, reopenable chat list. */
.ba-panel .ba-conversation-folders{flex:none;margin:4px 6px 7px;border:1px solid #cfc4dc;
 border-radius:13px;background:#fff;min-width:0;max-width:100%}
.ba-panel .ba-conversation-folders>summary{list-style:none;cursor:pointer;min-height:46px;
 display:flex;align-items:center;padding:10px 14px;font-weight:850;color:#46226c}
.ba-panel .ba-conversation-folders>summary::before{content:'☰';margin-right:10px;font-size:16px;color:#6840a5}
.ba-panel .ba-conversation-folders[open]{padding-bottom:10px}
.ba-panel .ba-folder-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 10px 8px}
.ba-panel .ba-folder-actions button{flex:1;min-width:110px;min-height:44px}
.ba-panel .ba-folder-list{max-height:min(38dvh,300px);overflow-y:auto;padding:0 10px;display:grid;gap:5px}
.ba-panel .ba-folder-entry{width:100%;text-align:left;padding:10px 12px;min-height:44px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f7f4fb;border:1px solid #e4deeb;
 border-radius:10px;font-size:14px;color:#342247;font-weight:650}
.ba-panel .ba-folder-entry[aria-current='true']{background:#ede1fa;border-color:#9470bc}
.ba-panel .ba-conversation-folders .ba-muted{padding:0 12px}
html.bubbles-native-overlay .ba-panel .ba-conversation-folders{margin:2px 5px 6px}
@media(max-width:430px){.ba-panel .ba-folder-list{max-height:32dvh}}