/* AI panel shell with its original Clear glass toolbar. */
/* The existing Duo panel owns geometry. This is its selected, lazy-built content. */
html:root.ivy-duo-mode #ivy-duo-billie-panel>.bw-workspace{
 --bw-paper:#fff;--bw-ink:#1c1c1e;--bw-secondary:#77777f;--bw-group:#f5f5f7;--bw-line:#e8e8ed;--bw-accent:#6d6289;
 display:flex!important;position:absolute;inset:0;flex-direction:column;box-sizing:border-box;overflow:clip;
 background:var(--bw-paper);color:var(--bw-ink);font:400 15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 padding-top:max(48px,calc(env(safe-area-inset-top,0px) + 16px));isolation:isolate;pointer-events:auto;
}
html:root.ivy-duo-mode.dark-mode #ivy-duo-billie-panel>.bw-workspace{--bw-paper:#101114;--bw-ink:#f5f5f7;--bw-secondary:#a0a0aa;--bw-group:#1d1e23;--bw-line:#2b2c34;--bw-accent:#c6b9e2;}
html:root.ivy-duo-mode #ivy-duo-billie-panel>.bw-workspace[hidden],.bw-workspace [hidden]{display:none!important;}
.bw-workspace *{box-sizing:border-box;}
.bw-workspace button{font:inherit;color:inherit;-webkit-text-fill-color:currentColor;}
.bw-workspace button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.bw-workspace button:disabled{cursor:default;opacity:.4;}
.bw-workspace button:focus-visible,.bw-workspace select:focus-visible,.bw-workspace textarea:focus-visible{outline:2px solid var(--bw-accent);outline-offset:3px;}
.bw-workspace svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.bw-view{flex:1;min-height:0;overflow:clip;}
.bw-footer{flex-shrink:0;padding:6px 14px max(12px,env(safe-area-inset-bottom,0px));background:var(--bw-paper);}
.bw-tabs{position:relative;display:flex;gap:3px;padding:5px;border-radius:26px;background:var(--bw-group);margin:12px 0 0;}
.bw-tab{position:relative;z-index:1;display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;gap:3px;min-width:0;border:0;border-radius:22px;background:none;padding:8px 2px 7px;color:var(--bw-secondary)!important;font-size:9px!important;font-weight:550!important;letter-spacing:.1px;}
.bw-tab[aria-current=page]{color:var(--bw-ink)!important;}
.bw-tab svg{width:19px;height:19px;stroke-width:1.55;}
html:root.ivy-duo-mode .bw-workspace .duo-lens-nav.has-tab-lens::before{-webkit-backdrop-filter:var(--duo-clear-pill-material)!important;backdrop-filter:var(--duo-clear-pill-material)!important;}

/* Opened Duo: readable content and a thumb-friendly rail inside the panel.
   Passport (closed Duo) keeps its existing bottom toolbar and dimensions. */
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel>.bw-workspace{
 flex-direction:row;padding:32px 14px 24px 24px;gap:12px;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel .bw-view{
 min-width:0;max-width:680px;margin-inline:auto;padding:8px 20px 24px;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel :is(.bc-conversations,.bs-studio){
 width:100%;max-width:560px;margin-inline:auto;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel .bw-footer{
 display:flex;align-items:center;justify-content:center;width:88px;padding:10px 0;flex:none;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel .bw-tabs{
 flex-direction:column;width:78px;margin:0;padding:6px;gap:6px;border-radius:29px;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel .bw-tab{
 flex:none;min-height:66px;padding:11px 4px;gap:6px;border-radius:23px;
}
html:root.ivy-duo-mode.ivy-duo-layout--canvas #ivy-duo-billie-panel .bw-tab svg{width:22px;height:22px;}
