/* Agent Workbench · theme v4 (2026-10-28)
 * Neutral chat-app look: white canvas, light-grey sidebar, ink buttons, one readable column.
 * Presentation only, loaded after brand.css; no layout ownership taken from React.
 */
html,html [data-theme-scope]{
  --wb-acc:#0d0d0d!important; --wb-acc-2:#2a2a2a!important; --wb-acc-soft:rgba(13,13,13,.06)!important; --wb-ink:#0d0d0d!important;
  --wb-shadow:0 1px 2px rgba(0,0,0,.04)!important; --wb-shadow-lg:0 4px 24px rgba(0,0,0,.06)!important;
  --surface-primary:#ffffff!important; --surface-primary-alt:#ffffff!important; --surface-secondary:#f4f4f4!important; --surface-tertiary:#ececec!important;
  --surface-sidebar:#f9f9f9!important; --surface-nav-selected:#ececec!important; --surface-nav-hover:#efefef!important; --surface-chat:#ffffff!important; --surface-canvas:#ffffff!important;
  --surface-user-message:#f4f4f4!important; --surface-composer:#ffffff!important; --surface-card:#ffffff!important; --surface-card-hover:#f9f9f9!important; --surface-active-alt:#ececec!important; --presentation:#ffffff!important;
  --text-primary:#0d0d0d!important; --text-secondary:#5d5d5d!important; --text-tertiary:#8f8f8f!important;
  --border-light:#ececec!important; --border-medium:#e3e3e3!important; --ring-primary:#0d0d0d!important;
  --surface-submit:#0d0d0d!important; --surface-submit-hover:#2a2a2a!important;
  --wb-link:#1a64d6;
}
html.dark,html.dark [data-theme-scope]{
  --wb-acc:#ececec!important; --wb-acc-2:#ffffff!important; --wb-acc-soft:rgba(255,255,255,.08)!important; --wb-ink:#ececec!important;
  --wb-shadow:none!important; --wb-shadow-lg:0 4px 24px rgba(0,0,0,.3)!important;
  --surface-primary:#212121!important; --surface-primary-alt:#212121!important; --surface-secondary:#2f2f2f!important; --surface-tertiary:#383838!important;
  --surface-sidebar:#171717!important; --surface-nav-selected:#2a2a2a!important; --surface-nav-hover:#232323!important; --surface-chat:#212121!important; --surface-canvas:#212121!important;
  --surface-user-message:#303030!important; --surface-composer:#303030!important; --surface-card:#2a2a2a!important; --surface-card-hover:#303030!important; --surface-active-alt:#2a2a2a!important; --presentation:#212121!important; --surface-search:#2a2a2a!important;
  --text-primary:#ececec!important; --text-secondary:#b4b4b4!important; --text-tertiary:#8f8f8f!important;
  --border-light:#2f2f2f!important; --border-medium:#3a3a3a!important; --ring-primary:#ececec!important;
  --surface-submit:#ececec!important; --surface-submit-hover:#ffffff!important;
  --wb-link:#7ab7ff;
}
html,body,button,input,textarea,select{font-family:ui-sans-serif,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif!important}
html.wb-en body{letter-spacing:0}
body{background:var(--surface-primary)!important;color:var(--text-primary)}
::selection{background:rgba(26,100,214,.18)}
*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}
html.dark *{scrollbar-color:rgba(255,255,255,.15) transparent}

/* no decorative gradients: plain canvas like a chat app */
html.wb-new main,html.wb-new #messages-view,html.dark.wb-new main,html.dark.wb-new #messages-view,html.wb-new body main{background:var(--surface-primary)!important}

/* ===== sidebar: rail and history read as one panel ===== */
aside[aria-label] > div > div.bg-surface-sidebar{background:var(--surface-sidebar)!important;border-color:transparent!important}
nav.wb-history-sidebar,html.dark nav.wb-history-sidebar{--wb-side-bg:var(--surface-sidebar);--wb-side-hover:var(--surface-nav-hover);--wb-side-selected:var(--surface-nav-selected);--wb-side-ink:var(--text-primary);--wb-side-muted:var(--text-tertiary);--wb-side-search:transparent;border-inline-end-color:transparent!important}
aside[aria-label]{border-inline-end:1px solid var(--border-light)}
#close-sidebar-button,[data-testid="new-chat-button"],[data-testid="nav-user"]{border-radius:8px!important}
#close-sidebar-button:hover,[data-testid="new-chat-button"]:hover,[data-testid="nav-user"]:hover{background:var(--surface-nav-hover)!important}
[data-testid="nav-search-input"],nav .bg-surface-search{font-size:14px!important}
nav .bg-surface-search{background:transparent!important;border:1px solid transparent!important;border-radius:8px!important}
nav .bg-surface-search:hover,nav .bg-surface-search:focus-within{background:var(--surface-nav-hover)!important}
[data-testid="convo-item"]{height:36px!important;border-radius:8px!important;margin:0!important;box-shadow:none!important}
[data-testid="convo-item"] *{font-size:14px!important;font-weight:400!important}
[data-testid="convo-item"][aria-current="page"],[data-testid="convo-item"].bg-surface-active-alt,[data-testid="convo-item"]:has(a[aria-current="page"]){background:var(--surface-nav-selected)!important;box-shadow:none!important}
[data-testid="convo-list-row"] h2{font-size:12px!important;font-weight:500!important;letter-spacing:0!important;color:var(--text-tertiary)!important;padding-top:14px!important}

/* ===== top bar ===== */
#export-menu-button{border:0!important;background:transparent!important;border-radius:8px!important;box-shadow:none!important}
#export-menu-button:hover,#export-menu-button[aria-expanded=true]{background:var(--surface-secondary)!important}
@media (max-width:767px){
  main button.border-border-chrome,main a.border-border-chrome,#export-menu-button{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
}
#wb-modes{background:var(--surface-secondary)!important;border:0!important;padding:3px!important}
#wb-modes button{min-width:72px!important;min-height:30px!important;padding:4px 16px!important;font-size:14px!important;font-weight:500!important;color:var(--text-secondary)!important}
#wb-modes button.on{background:var(--surface-primary)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
html.dark #wb-modes button.on{background:#424242!important}
#wb-modes[data-locked=true]{background:transparent!important}
#wb-modes[data-locked=true] button.on{background:transparent!important;box-shadow:none!important;color:var(--text-secondary)!important;font-weight:500!important}

/* ===== landing ===== */
#wb-welcome h1{font-size:28px!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--text-primary)!important}

/* ===== composer ===== */
form:has([data-testid="composer-surface"]){max-width:768px!important}
[data-testid="composer-surface"],html.dark [data-testid="composer-surface"]{border:1px solid var(--border-medium)!important;border-radius:28px!important;background:var(--surface-composer)!important;box-shadow:0 4px 16px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.08)!important}
html.dark [data-testid="composer-surface"]{border-color:transparent!important;box-shadow:none!important}
[data-testid="composer-surface"]:focus-within{border-color:#d0d0d0!important;box-shadow:0 4px 16px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.1)!important}
html.dark [data-testid="composer-surface"]:focus-within{border-color:#4a4a4a!important;box-shadow:none!important}
[data-testid="composer-surface"] #prompt-textarea{min-height:56px!important;padding:16px 20px 4px!important;font-size:16px!important;line-height:24px!important}
[data-testid="composer-surface"] .wb-controls-region{padding:0 10px 10px!important}
[data-testid="composer-surface"] [data-testid="send-button"],html.dark [data-testid="composer-surface"] [data-testid="send-button"]{width:36px!important;height:36px!important;border-radius:50%!important;background:var(--surface-submit)!important;color:var(--surface-primary)!important;opacity:1!important}
[data-testid="composer-surface"] [data-testid="send-button"]:hover:not(:disabled){background:var(--surface-submit-hover)!important}
[data-testid="composer-surface"] [data-testid="send-button"]:disabled{background:#d7d7d7!important;color:#fff!important}
html.dark [data-testid="composer-surface"] [data-testid="send-button"]:disabled{background:#4a4a4a!important;color:#212121!important}
[data-testid="composer-palette-button"]{border-radius:50%!important}
[data-testid="composer-palette-button"]:hover{background:var(--surface-secondary)!important}
#wb-skill-trigger{border:1px solid var(--border-medium)!important;border-radius:999px!important;background:transparent!important;color:var(--text-secondary)!important;height:34px!important}
#wb-skill-trigger:hover{background:var(--surface-secondary)!important;color:var(--text-primary)!important}
#wb-skill-chip{border-radius:999px!important;background:rgba(26,100,214,.08)!important;color:var(--wb-link)!important;border:0!important}
#wb-skill-chip button{color:inherit!important}
#wb-composer-tools #wb-effort{background:transparent!important}
#wb-effort-trigger{border-radius:999px!important;color:var(--text-secondary)!important}
#wb-effort-trigger:hover{background:var(--surface-secondary)!important;color:var(--text-primary)!important}

/* menus: opaque, soft shadow */
#wb-skill-menu,#wb-effort-menu,html.dark #wb-skill-menu,html.dark #wb-effort-menu,.dark #wb-skill-menu{background:var(--surface-primary)!important;border:1px solid var(--border-light)!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important}
html.dark #wb-skill-menu,html.dark #wb-effort-menu{background:#2f2f2f!important;border-color:#3a3a3a!important}
#wb-skill-menu .wb-skill-icon{background:var(--surface-secondary)!important;color:var(--text-primary)!important;border-radius:10px!important}
#wb-skill-menu .wb-skill-heading,#wb-effort-menu .wb-effort-heading{color:var(--text-tertiary)!important;font-size:12px!important;font-weight:500!important}
#wb-toast{background:#0d0d0d!important;border-radius:999px!important;padding:8px 16px!important}
html.dark #wb-toast{background:#ececec!important;color:#0d0d0d!important}

/* ===== messages: one 768px column ===== */
.message-render.mx-auto{max-width:768px!important}
.markdown,.message-content{font-size:16px!important;line-height:1.75!important}
.markdown a{color:var(--wb-link)!important}
.message-render .user-turn [data-testid=message-body]{background:var(--surface-user-message)!important;border-radius:18px!important;padding:10px 16px!important;max-width:min(70ch,100%)}
.agent-turn > h2{font-size:14px!important;font-weight:600!important}
a.wb-dl{border-radius:16px!important;border-color:var(--border-medium)!important;box-shadow:none!important}
a.wb-dl::after{background:var(--surface-secondary)!important;color:var(--text-primary)!important;border-radius:999px!important}
html.wb-en a.wb-dl::after{content:"Download"!important}
.wb-live-progress,.wb-history-progress{max-width:768px}

/* ===== login: plain page, ink button ===== */
html.wb-login body,body:has(input[type="password"]),body:has(form[aria-label="Login form"]){background:var(--surface-primary)!important}
html.dark.wb-login body,.dark body:has(input[type="password"]){background:#212121!important}
div:has(>form input[type="password"]),div:has(>form[aria-label="Login form"] input),html.dark div:has(>form input[type="password"]){background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
#wb-hero img{box-shadow:none!important;border-radius:12px!important}
#wb-hero .wb-t{font-size:30px!important;font-weight:600!important;letter-spacing:-.01em!important}
#wb-hero .wb-s{font-size:15px!important}
form:has(input[type="password"]) input,form[aria-label="Login form"]:has(input) input{height:52px!important;border-radius:999px!important;padding-inline:20px!important;border:1px solid #c2c2c2!important;font-size:16px!important}
html.dark form:has(input[type="password"]) input{border-color:#4a4a4a!important}
form:has(input[type="password"]) input:focus,form[aria-label="Login form"]:has(input) input:focus{border-color:#0d0d0d!important;box-shadow:none!important}
html.dark form:has(input[type="password"]) input:focus{border-color:#ececec!important}
form:has(input[type="password"]) button[type="submit"],form[aria-label="Login form"]:has(input) button[type="submit"]{height:52px!important;border-radius:999px!important;background:#0d0d0d!important;color:#fff!important;box-shadow:none!important;font-size:16px!important;font-weight:500!important}
html.dark form:has(input[type="password"]) button[type="submit"]{background:#ececec!important;color:#0d0d0d!important}
form:has(input[type="password"]) button[type="submit"]:hover{background:#2a2a2a!important;filter:none!important}
#wb-lang{position:fixed;top:16px;right:16px;z-index:50;padding:8px 14px;border-radius:999px;border:1px solid var(--border-medium);background:var(--surface-primary);color:var(--text-primary);font-size:14px;cursor:pointer}
#wb-lang:hover{background:var(--surface-secondary)}

/* ===== phones ===== */
@media (max-width:767px){
  form:has([data-testid="composer-surface"]){padding-inline:12px!important}
  [data-testid="composer-surface"],html.dark [data-testid="composer-surface"]{border-radius:24px!important}
  [data-testid="composer-surface"] #prompt-textarea{min-height:48px!important;padding:14px 16px 2px!important}
  #wb-welcome h1{font-size:24px!important}
  .message-render .user-turn [data-testid=message-body]{max-width:85%}
}

/* ===== task execution, cowork-style: assistant → status → steps → result → actions ===== */
.wb-has-live-progress .agent-turn > h2{display:none!important}
.wb-live-progress,.wb-terminal-handoff{box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:768px!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}
@media (max-width:639px){.wb-live-progress,.wb-terminal-handoff{width:100%!important}}
.wb-live-progress{margin-top:8px!important;margin-bottom:4px!important}
.wb-live-heading{flex-wrap:wrap;row-gap:10px;border-bottom:0!important;padding:0!important;margin:0 0 4px!important;min-height:0!important}
.wb-live-author{flex-basis:100%;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:600}
.wb-live-author[hidden]{display:none}
.wb-live-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;flex:none;background:var(--surface-secondary);font-size:12px}
.wb-live-avatar img{width:24px;height:24px;object-fit:cover}
.wb-live-label{font-size:14px!important;color:var(--text-secondary)!important}
.wb-live-progress.is-active .wb-live-label{background:linear-gradient(90deg,var(--text-secondary) 0%,var(--text-tertiary) 40%,var(--text-secondary) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:wbShimmer 2s linear infinite}
@keyframes wbShimmer{to{background-position:-200% 0}}
.wb-live-duration{margin-left:0!important}
.wb-live-duration::before{content:'·';margin-right:8px;color:var(--text-tertiary)}
.wb-live-toggle{margin-left:auto;padding:2px 10px;border-radius:999px;font-size:13px!important;color:var(--text-secondary)!important}
.wb-live-heading:hover .wb-live-toggle{background:var(--surface-secondary)}
.wb-live-progress[open] .wb-live-feed{margin:8px 0 4px 3px!important;padding-left:18px!important;border-left:2px solid var(--border-light)!important}
.wb-live-prose p{font-size:15px!important;line-height:1.7!important;margin:10px 0!important;color:var(--text-primary)!important}
.wb-live-group details>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;color:var(--text-secondary);font-size:14px;border-radius:8px;width:fit-content;padding:0 8px 0 0}
.wb-live-group details>summary::-webkit-details-marker{display:none}
.wb-live-group details>summary:hover{color:var(--text-primary)}
.wb-live-chevron::before{content:'›';display:inline-block;font-size:15px;line-height:1;transition:transform .15s}
.wb-live-group details[open]>summary .wb-live-chevron::before{transform:rotate(90deg)}
.wb-live-group.is-pending .wb-live-operation-icon{animation:wbLivePulse 1.8s ease-in-out infinite}
.wb-live-group.is-error .wb-live-operation-status{color:#b45309}
.wb-live-group-rows{list-style:none!important;margin:0 0 6px 6px!important;padding:0 0 0 14px!important;border-left:1px dashed var(--border-medium)}
.wb-live-group-rows .wb-live-operation{min-height:28px!important;font-size:13px!important}
.wb-live-operation-icon{border-color:var(--border-medium)!important;border-radius:6px!important}
.wb-live-progress.is-active .wb-live-dot{background:#16a34a!important}
.wb-live-progress.has-warning .wb-live-dot{background:#d97706!important}
.wb-terminal-handoff{border-top:0!important;padding-top:4px!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:8px!important}
.wb-live-progress + .wb-terminal-handoff .wb-terminal-heading{display:none}
.wb-terminal-result{font-size:16px;line-height:1.75;margin:8px 0 12px!important}
.wb-terminal-files{list-style:none!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.wb-terminal-files a:not(.wb-dl){display:flex;align-items:center;gap:10px;max-width:520px;padding:14px 16px;border:1px solid var(--border-medium);border-radius:16px;text-decoration:none!important;font-weight:500}
.wb-terminal-files a:not(.wb-dl)::before{content:'';width:20px;height:20px;flex:none;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center/contain no-repeat}
.wb-terminal-files a:not(.wb-dl):hover{background:var(--surface-secondary)}