/* BND Workspace V2.4 | single light/dark appearance toggle */
.theme-picker{height:31px;width:32px;border:1px solid #e2e9e2;background:var(--surface);border-radius:9px;color:var(--green);font-size:19px;cursor:pointer;display:grid;place-items:center;line-height:1;transition:background .12s ease,border-color .12s ease}
.theme-picker:hover{border-color:var(--green)}
.theme-picker:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.theme-picker:disabled{opacity:.6;cursor:default}
#browser-tabs{justify-content:flex-start;gap:4px;overflow:auto;scrollbar-width:thin;min-height:43px}
.tab-item{display:flex;align-items:center;min-width:0;flex:1 0 auto;border-radius:7px;max-width:137px;position:relative}
.tab-item .browser-tab{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-right:7px}
.tab-item:has(.tab-close) .browser-tab{padding-right:23px}
.tab-close{position:absolute;right:3px;border:0;color:#8a9891;background:transparent;font-size:17px;width:23px;height:27px;border-radius:5px}
.tab-close:hover{background:#e2eae3;color:#34473b}
.add-browser-tab{flex:0 0 32px;height:32px;border:0;background:transparent;border-radius:7px;color:var(--green);font-size:20px;font-weight:400}
.add-browser-tab:hover{background:#dce9df}.add-browser-tab:disabled{opacity:.25;cursor:default}
.browser-panel.expanded .tab-bar{max-width:none;width:calc(100% - 34px)}
.browser-panel.expanded .tab-item{max-width:235px}
.private-signin{margin:4px 13px;padding:11px 13px;background:#e8f0eb;border:1px solid #c4d9cb;border-radius:11px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#2c5340}
.private-signin div{display:grid;gap:4px}.private-signin strong{font-size:12px}.private-signin span{font-size:11px;line-height:1.5}
.private-signin button{border:1px solid #bfd6c5;background:#fff;color:#345d48;font-weight:600;border-radius:8px;padding:8px;font-size:11px;flex-shrink:0}
/* Use explicit surface overrides because legacy V2 CSS used fixed light palette. */
body[data-theme="dark"]{--ink:#e5e9ec;--muted:#96a5b0;--line:#2c3540;--green:#8db0bd;--green2:#1e2931;--surface:#161e26;--soft:#0f151b;--rail:#121921;background:var(--soft);color:var(--ink)}
body[data-theme="dark"] .sidebar{background:var(--rail);border-color:var(--line)}
body[data-theme="dark"] .main{background:var(--soft)}
body[data-theme="dark"] .topbar{border-color:var(--line)}
body[data-theme="dark"] .browser-panel,body[data-theme="dark"] .browser-panel.expanded{background:var(--surface);border-color:var(--line)}
body[data-theme="dark"] .brand-copy,body[data-theme="dark"] .breadcrumb strong,body[data-theme="dark"] .welcome h1,body[data-theme="dark"] .assistant-content,body[data-theme="dark"] .assistant-content strong,body[data-theme="dark"] .suggest-text b{color:var(--ink)}
body[data-theme="dark"] .brand-symbol{background:#516a74}
body[data-theme="dark"] .suggestion,body[data-theme="dark"] .composer,body[data-theme="dark"] .new-chat,body[data-theme="dark"] .browser-toggle,body[data-theme="dark"] .source,body[data-theme="dark"] .source-panel,body[data-theme="dark"] .url-strip,body[data-theme="dark"] .modal-window,body[data-theme="dark"] .login-card,body[data-theme="dark"] .browser-type input,body[data-theme="dark"] .browser-go-form input{background:var(--surface);border-color:var(--line);color:var(--ink)}
body[data-theme="dark"] .browser-stage{background:var(--soft);border-color:var(--line)}
body[data-theme="dark"] .composer textarea,body[data-theme="dark"] .modal-body{color:var(--ink)}
body[data-theme="dark"] .assistant-name,body[data-theme="dark"] .source-title{color:var(--green)}
body[data-theme="dark"] .user-content,body[data-theme="dark"] .history-btn.active,body[data-theme="dark"] .suggest-icon,body[data-theme="dark"] .assistant-avatar,body[data-theme="dark"] .tab-bar,body[data-theme="dark"] .browser-tab.active,body[data-theme="dark"] .bill-inline,body[data-theme="dark"] .private-signin{background:var(--green2);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .browser-tab.active{color:var(--green)}
body[data-theme="dark"] .send,body[data-theme="dark"] .primary-action{background:var(--green2);border:1px solid var(--green);color:var(--ink)}
body[data-theme="dark"] .login-layer{background:var(--soft)}
body[data-theme="dark"] .modal-body input,body[data-theme="dark"] .modal-body select,body[data-theme="dark"] .login-card input{background:var(--soft);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .quick-actions button,body[data-theme="dark"] .history-btn,body[data-theme="dark"] #browser-expand{color:var(--ink)}
body[data-theme="dark"] .modal-body pre{background:var(--soft);color:var(--ink)}
body[data-theme="dark"] .read-only{background:var(--green2);border-color:var(--line);color:var(--green)}
body[data-theme="dark"] .browser-go-form button,body[data-theme="dark"] #browser-expand{background:var(--green2)!important;color:var(--ink)!important;border-color:var(--line)!important}
body[data-theme="dark"] .panel-note,body[data-theme="dark"] .browser-instructions,body[data-theme="dark"] .browser-footer,body[data-theme="dark"] .browser-control-status{color:var(--muted)}
body[data-theme="dark"] .modal-header{border-color:var(--line)}
body[data-theme="dark"] .browser-type button,body[data-theme="dark"] .mini-actions button,body[data-theme="dark"] .private-signin button{background:var(--green2);border-color:var(--line);color:var(--ink)}
body[data-theme="dark"] .new-chat:hover,body[data-theme="dark"] .quick-actions button:hover{background:var(--green2)}
@media(max-width:740px){.theme-picker{width:28px;flex-shrink:0}.tab-item{max-width:95px}.private-signin{font-size:10px}}

.private-signin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.private-login-layer{position:fixed;inset:0;z-index:1900;background:rgba(5,15,25,.68);backdrop-filter:blur(7px);display:grid;place-items:center;padding:16px}
.private-login-card{width:min(430px,96vw);border:1px solid var(--line,#cad7d0);background:var(--surface,#fff);color:var(--ink,#23302b);border-radius:17px;padding:26px;box-shadow:0 26px 80px #0006;display:grid;gap:15px}
.private-login-top{display:flex;justify-content:space-between;align-items:center;color:var(--green,#355d48);font-size:10px;letter-spacing:1.1px;font-weight:750}
.private-login-top button{border:0;background:transparent;font-size:25px;color:var(--muted,#778)}
.private-login-card h2{font-size:23px;letter-spacing:-.7px;margin:0}
.private-login-card p{font-size:12px;line-height:1.65;color:var(--muted,#79857c);margin:0}
.private-login-card label{font-size:12px;font-weight:650;display:grid;gap:6px}
.private-login-card input{border:1px solid var(--line,#e0e6e1);background:var(--soft,#fbfcfb);color:var(--ink,#26382d);padding:12px 13px;border-radius:9px;font-size:13px;min-width:0}
.private-login-feedback{color:var(--green,#356);font-size:11px;min-height:12px}
.private-login-submit{border:0;background:var(--green,#355d48);color:var(--soft,#fff);padding:12px;border-radius:9px;font-weight:700}
.private-login-card small{font-size:11px;color:var(--muted,#96a);line-height:1.5}
body[data-theme="dark"] .private-login-submit{background:var(--green2);color:var(--ink);border:1px solid var(--green)}

body[data-theme="dark"] .theme-picker{background:var(--surface);border-color:var(--line);color:var(--ink)}