/* Main pane: top toolbar, chat scroll container, provider pill. */
#main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
#tb{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:10px;flex-shrink:0;background:var(--tb-bg);backdrop-filter:blur(8px)}
.tb-title{font-size:14px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prov-pill{padding:4px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;font-size:11.5px;color:var(--text2);display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;transition:all .15s}
.prov-pill:hover{border-color:var(--border2);color:var(--text)}
.pdot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.tb-status{font-size:11.5px;color:var(--accent2);background:var(--abg);border:1px solid var(--ab);padding:3px 9px;border-radius:20px;display:none;align-items:center;gap:6px}
.tb-status.show{display:inline-flex}

#chat{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}
#chat::-webkit-scrollbar{width:5px}
#chat::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
