:root {
  --da-panel-width: clamp(360px, 22vw, 410px);
  --da-panel-gap: 14px;
  --da-reserved-space: calc(var(--da-panel-width) + 30px);
}

html[data-domain-agent-page] body {
  box-sizing: border-box;
  transition: padding-right 280ms cubic-bezier(.22, .8, .2, 1);
}

.domain-agent-launcher {
  position: fixed;
  z-index: var(--sv-z-overlay, 700);
  top: 50%;
  right: 0;
  display: grid;
  place-items: center;
  gap: 7px;
  width: 38px;
  min-height: 132px;
  padding: 13px 8px;
  border: 1px solid color-mix(in srgb, var(--da-accent, var(--sv-color-brand)) 42%, transparent);
  border-right: 0;
  border-radius: 14px 0 0 14px;
  background: var(--sv-color-surface-elevated);
  color: #f7f5ef;
  box-shadow: -10px 16px 38px rgba(0, 0, 0, .3);
  transform: translateY(-50%);
  cursor: pointer;
}

.domain-agent-launcher[hidden] {
  display: none;
}

.domain-agent-launcher span {
  color: var(--da-accent, var(--sv-color-brand));
  font-size: 15px;
}

.domain-agent-launcher strong {
  writing-mode: vertical-rl;
  letter-spacing: .12em;
  font: 750 12px/1 var(--sv-font-sans);
}

.domain-agent-drawer {
  --da-accent: var(--sv-color-brand, #d7fc00);
  position: fixed;
  z-index: var(--sv-z-overlay, 700);
  top: var(--da-panel-gap);
  right: var(--da-panel-gap);
  bottom: var(--da-panel-gap);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(var(--da-panel-width), calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid var(--sv-color-border);
  border-radius: var(--sv-radius-dialog, 16px);
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  box-shadow: 0 24px 90px rgba(0, 0, 0, .46);
  transform: translateX(calc(100% + 34px));
  transition: transform 280ms cubic-bezier(.22, .8, .2, 1);
}

.domain-agent-drawer.is-open {
  transform: none;
}

.domain-agent-drawer.is-resizing {
  transition: none;
  user-select: none;
}

.da-resize-handle {
  position: absolute;
  z-index: 4;
  top: 18px;
  bottom: 18px;
  left: -3px;
  width: 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: col-resize;
  touch-action: none;
}

.da-resize-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 3px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  transform: translateY(-50%);
  transition: background 160ms ease, height 160ms ease;
}

.da-resize-handle:hover::after,
.da-resize-handle:focus-visible::after,
.domain-agent-drawer.is-resizing .da-resize-handle::after {
  height: 72px;
  background: color-mix(in srgb, var(--da-accent, var(--sv-color-brand)) 70%, white);
}

.da-resize-handle:focus-visible {
  outline: none;
}

body.da-panel-resizing {
  cursor: col-resize;
  user-select: none;
}

body.da-panel-resizing iframe,
body.da-panel-resizing img,
body.da-panel-resizing video {
  pointer-events: none;
}

.da-conversation {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

.da-context-host { flex: 0 0 auto; padding: 14px 16px 0; }
.da-context-host[hidden] { display: none; }

.da-creative-reference {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--da-accent) 32%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--da-accent) 7%, var(--sv-color-surface-subtle));
}

.da-creative-reference > img {
  width: 42px;
  height: 42px;
  border-radius: 7px;
  object-fit: cover;
  background: var(--sv-color-canvas);
}

.da-creative-reference > div { min-width: 0; display: grid; gap: 2px; }
.da-creative-reference small { color: var(--da-accent); font: 700 8px/1 var(--sv-font-mono); letter-spacing: .12em; }
.da-creative-reference strong { overflow: hidden; color: var(--sv-color-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.da-creative-reference span { overflow: hidden; color: var(--sv-color-text-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.da-creative-reference button { border: 0; color: var(--sv-color-text-muted); background: transparent; cursor: pointer; }
.da-creative-reference button:hover { color: var(--sv-color-text); }

.da-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--sv-color-border-soft);
}

.da-head-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.da-session-toggle,
.da-new,
.da-clear {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid var(--sv-color-border-soft);
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  color: var(--sv-color-text-muted);
  font: 700 11px/1 var(--sv-font-sans);
  cursor: pointer;
}

.da-new { width: auto; }
.da-session-toggle:hover,
.da-session-toggle:focus-visible,
.da-session-toggle.is-active,
.da-new:hover,
.da-new:focus-visible,
.da-clear:hover:not(:disabled),
.da-clear:focus-visible:not(:disabled) { border-color: var(--da-accent); color: var(--da-accent); outline: 0; }

.da-clear:disabled { opacity: .38; cursor: not-allowed; }

.da-identity {
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 10px;
  align-items: center;
}

.da-pulse {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--da-accent);
  box-shadow: 0 0 18px var(--da-accent);
}

.da-identity small {
  display: block;
  color: var(--sv-color-text-muted);
  letter-spacing: .14em;
  font: 700 10px/1.2 var(--sv-font-mono);
}

.da-identity strong {
  display: block;
  margin-top: 5px;
  font: 700 16px/1.1 var(--sv-font-sans);
}

.da-close {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid var(--sv-color-border-soft);
  border-radius: 9px;
  background: rgba(255, 255, 255, .035);
  color: var(--sv-color-text-muted);
  font: 650 11px/1 var(--sv-font-sans);
  cursor: pointer;
}

.da-close[hidden] {
  display: none !important;
}

.da-close:hover,
.da-close:focus-visible {
  border-color: var(--da-accent);
  color: var(--da-accent);
  outline: none;
}

.domain-agent-sessions {
  position: fixed;
  z-index: 1199;
  top: var(--da-panel-gap);
  right: calc(var(--da-panel-width) + var(--da-panel-gap) * 2);
  bottom: var(--da-panel-gap);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: 270px;
  overflow: hidden;
  border: 1px solid var(--sv-color-border);
  border-radius: 18px;
  background: var(--sv-color-surface);
  color: var(--sv-color-text);
  box-shadow: 0 22px 72px rgba(0, 0, 0, .38);
  opacity: 0;
  transform: translateX(24px) scale(.98);
  pointer-events: none;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.22, .8, .2, 1);
}

.domain-agent-sessions.is-open { opacity: 1; transform: none; pointer-events: auto; }
.domain-agent-sessions>header { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--sv-color-border-soft) }
.domain-agent-sessions>header small,.domain-agent-sessions>header strong{display:block}.domain-agent-sessions>header small{color:var(--sv-color-text-faint);font: 700 9px/1 var(--sv-font-mono);letter-spacing:.14em}.domain-agent-sessions>header strong{margin-top:6px;font: 750 16px/1.1 var(--sv-font-sans)}
.da-session-panel-close{width:32px;height:32px;border:1px solid var(--sv-color-border-soft);border-radius:8px;background:transparent;color:var(--sv-color-text-muted);font-size:18px;cursor:pointer}.da-session-panel-close:hover,.da-session-panel-close:focus-visible{border-color:var(--da-accent);color:var(--da-accent);outline:0}
.da-session-list{min-height:0;overflow:auto;padding:10px}.da-session-list>p{margin:0;padding:18px 12px;color:var(--sv-color-text-muted);font-size:12px;line-height:1.65}
.da-session-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sv-color-text-muted);text-align:left;cursor:pointer}.da-session-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font: 650 12px/1.4 var(--sv-font-sans)}.da-session-item small{color:var(--sv-color-text-faint);font: 700 9px var(--sv-font-mono)}.da-session-item:hover{background:rgba(255,255,255,.035);color:var(--sv-color-text)}.da-session-item.is-active{border-color:color-mix(in srgb,var(--da-accent) 28%,transparent);background:color-mix(in srgb,var(--da-accent) 6%,transparent);color:var(--da-accent)}
.domain-agent-sessions>footer{display:grid;gap:8px;padding:13px;border-top:1px solid var(--sv-color-border-soft)}.domain-agent-sessions>footer button{min-height:39px;border:1px solid var(--sv-color-border);border-radius:9px;background:var(--sv-color-surface-elevated);color:var(--sv-color-text);font: 700 12px var(--sv-font-sans);cursor:pointer}.domain-agent-sessions>footer button:hover:not(:disabled){border-color:var(--da-accent);color:var(--da-accent)}.domain-agent-sessions>footer .da-session-clear{background:transparent;color:var(--sv-color-text-muted)}.domain-agent-sessions>footer .da-session-clear:hover:not(:disabled){border-color:#ff8f84;color:#ff8f84}.domain-agent-sessions>footer button:disabled{opacity:.4;cursor:not-allowed}

.da-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  background: rgba(255, 255, 255, .025);
  color: var(--sv-color-text-muted);
  font: 600 11px/1.4 var(--sv-font-sans);
}

.da-route b {
  color: var(--da-accent);
  font-family: var(--sv-font-mono);
}

.da-messages {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 13px;
  min-height: 0;
  overflow: auto;
  padding: 18px;
}

.da-load-older {
  align-self: center;
  margin: 0 0 4px;
  padding: 7px 14px;
  border: 1px solid var(--sv-color-border);
  border-radius: 999px;
  background: transparent;
  color: var(--sv-color-text-muted);
  font: 500 12px/1.4 var(--sv-font-sans);
  cursor: pointer;
}

.da-load-older:hover:not(:disabled) {
  color: var(--sv-color-text);
  border-color: var(--sv-color-text-muted);
}

.da-load-older:disabled {
  opacity: 0.55;
  cursor: wait;
}

.da-composer-dock {
  position: relative;
  z-index: 2;
  min-height: 0;
  align-self: stretch;
  background: var(--sv-color-surface-strong);
}

.da-empty {
  padding: 26px 18px;
  border: 1px dashed var(--sv-color-border);
  border-radius: 14px;
  color: var(--sv-color-text-muted);
  font: 500 13px/1.7 var(--sv-font-sans);
}

.da-message {
  max-width: 90%;
  padding: 11px 13px;
  overflow-wrap: anywhere;
  border-radius: 15px;
  white-space: pre-wrap;
  font: 500 13px/1.65 var(--sv-font-sans);
}

.da-message-content {
  white-space: pre-wrap;
}

.da-doc-results {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.da-doc-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--sv-color-border);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  color: var(--sv-color-text);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.da-doc-item:hover,
.da-doc-item:focus-visible {
  border-color: color-mix(in srgb, var(--da-accent, #7ee7ff) 56%, transparent);
  background: rgba(255, 255, 255, .07);
  transform: translateX(-1px);
  outline: none;
}

.da-doc-index {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: var(--da-accent, #7ee7ff);
  font: 750 11px/1 var(--sv-font-sans);
}

.da-doc-body {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.da-doc-body strong {
  display: block;
  font: 650 13px/1.45 var(--sv-font-sans);
  color: var(--sv-color-text);
}

.da-doc-body small {
  display: block;
  color: var(--sv-color-text-muted);
  font: 500 11px/1.45 var(--sv-font-sans);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.da-message.user {
  align-self: flex-end;
  border-bottom-right-radius: 4px;
  background: var(--da-accent);
  color: var(--sv-color-on-brand);
}

.da-message.assistant {
  align-self: flex-start;
  border: 1px solid var(--sv-color-border-soft);
  border-bottom-left-radius: 4px;
  background: var(--sv-color-surface-hover);
}

.da-speaker {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  color: var(--sv-color-text);
  font: 750 11px/1.2 var(--sv-font-sans);
}

.da-speaker > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--da-accent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--da-accent) 70%, transparent);
}

.da-speaker > b {
  margin-left: auto;
  padding: 3px 6px;
  border: 1px solid color-mix(in srgb, var(--da-accent) 24%, transparent);
  border-radius: 999px;
  color: var(--da-accent);
  font: 700 9px/1 var(--sv-font-sans);
}

.da-evidence {
  margin-top: 10px;
  color: var(--sv-color-text-muted);
  font: 600 10px/1.4 var(--sv-font-sans);
}

.da-evidence summary {
  width: fit-content;
  cursor: pointer;
  list-style: none;
}

.da-evidence summary::before {
  content: "＋";
  margin-right: 5px;
  color: var(--da-accent);
}

.da-evidence[open] summary::before { content: "−"; }
.da-evidence summary::-webkit-details-marker { display: none; }

.da-evidence > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.da-evidence span {
  padding: 3px 6px;
  border: 1px solid var(--sv-color-border-soft);
  border-radius: 5px;
  font-family: var(--sv-font-mono);
}

.da-message.is-pending {
  animation: da-message-in .2s ease both;
}

.da-message.is-streaming .da-message-content::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1em;
  margin-left: 4px;
  vertical-align: -.15em;
  background: var(--da-accent);
  animation: da-caret .7s steps(1) infinite;
}

.da-thinking {
  min-width: 190px;
  color: var(--sv-color-text-muted);
}

.da-thinking-label {
  font-size: 12px;
}

.da-thinking-dots {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}

.da-thinking-dots i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--da-accent);
  animation: da-thinking 1.1s ease-in-out infinite;
}

.da-thinking-dots i:nth-child(2) { animation-delay: .14s; }
.da-thinking-dots i:nth-child(3) { animation-delay: .28s; }

@keyframes da-thinking {
  0%, 70%, 100% { opacity: .25; transform: translateY(0); }
  35% { opacity: 1; transform: translateY(-3px); }
}

@keyframes da-caret { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } }
@keyframes da-message-in { from { opacity: 0; transform: translateY(6px); } }

.da-approval {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(255, 184, 77, .32);
  border-radius: 10px;
  background: rgba(255, 184, 77, .07);
}

.da-approval button {
  width: 100%;
  margin-top: 8px;
  padding: 9px;
  border: 0;
  border-radius: 8px;
  background: #ffbd57;
  color: #17120a;
  font-weight: 800;
  cursor: pointer;
}

.da-repair {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(240, 168, 168, .35);
  border-radius: 10px;
  background: rgba(240, 168, 168, .08);
  font-size: 12px;
}
.da-repair b { display: block; margin-bottom: 4px; color: #f0a8a8; }
.da-repair-link,
.da-plugin-open a,
.da-inline-link {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #d4ed70;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.da-message-content .da-inline-link { margin-top: 0; }

.da-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-height: 74px;
  overflow: auto;
  padding: 0 18px 12px;
}

.da-tool {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid var(--sv-color-border);
  border-radius: 999px;
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  font: 650 11px/1 var(--sv-font-sans);
  cursor: pointer;
}

.da-tool:hover,
.da-tool:focus-visible {
  border-color: var(--da-accent);
  color: var(--da-accent);
  outline: none;
}

.da-compose {
  padding: 14px 16px 16px;
  border-top: 1px solid var(--sv-color-border-soft);
  background: var(--sv-color-surface);
}

.da-compose.is-dragover {
  outline: 1px dashed var(--da-accent);
  outline-offset: -4px;
}

.da-pending-images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}

.da-pending-image {
  position: relative;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 1px solid var(--sv-color-border);
  border-radius: 8px;
  background: var(--sv-color-surface-elevated);
}

.da-pending-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.da-pending-doc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 8px 28px 8px 8px;
  border: 1px solid var(--sv-color-border);
  border-radius: 8px;
  background: var(--sv-color-surface-elevated);
}

.da-pending-doc .da-doc-mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #2b2b2b;
  color: #fff;
  font: 700 9px/1 var(--sv-font-sans);
}

.da-pending-doc .da-doc-meta {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.da-pending-doc .da-doc-meta strong {
  overflow: hidden;
  color: var(--sv-color-text);
  font: 650 12px/1.3 var(--sv-font-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.da-pending-doc .da-doc-meta small {
  color: var(--sv-color-text-muted);
  font: 11px/1.3 var(--sv-font-sans);
}

.da-user-documents {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
}

.da-user-document {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid var(--sv-color-border);
  border-radius: 8px;
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  font: 650 12px/1.3 var(--sv-font-sans);
}

.da-user-document b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: #2b2b2b;
  color: #fff;
  font: 700 8px/1 var(--sv-font-sans);
}

.da-pending-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font: 700 12px/18px var(--sv-font-sans);
  cursor: pointer;
}

.da-user-images {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
}

.da-user-image {
  display: block;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 1px solid var(--sv-color-border-soft);
  border-radius: 8px;
  background: var(--sv-color-surface-elevated);
}

.da-user-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.da-message.user .da-user-images {
  justify-content: flex-end;
}

.da-model {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.da-model > span {
  color: var(--sv-color-text-muted);
  font: 700 10px/1 var(--sv-font-mono);
  letter-spacing: .04em;
}

.da-model-select {
  min-width: 0;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--sv-color-border);
  border-radius: 9px;
  outline: 0;
  color: var(--sv-color-text);
  background: var(--sv-color-surface-elevated);
  font: 600 12px/1.3 var(--sv-font-sans);
  cursor: pointer;
}

.da-model-select:focus {
  border-color: var(--da-accent);
}

.da-compose textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 11px 12px;
  resize: none;
  border: 1px solid var(--sv-color-border);
  border-radius: 12px;
  outline: 0;
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  font: 500 13px/1.5 var(--sv-font-sans);
}

.da-compose textarea:focus {
  border-color: var(--da-accent);
}

.da-compose footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 9px;
}

.da-compose-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

.da-attach {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid var(--sv-color-border);
  border-radius: 8px;
  color: var(--sv-color-text-muted);
  background: var(--sv-color-surface-elevated);
  font: 700 11px/1 var(--sv-font-sans);
  cursor: pointer;
}

.da-attach:hover,
.da-attach:focus-within {
  border-color: var(--da-accent);
  color: var(--da-accent);
}

.da-attach-label {
  letter-spacing: .02em;
}

.da-status {
  overflow: hidden;
  color: var(--sv-color-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 600 10px/1.3 var(--sv-font-mono);
}

.da-send {
  flex: 0 0 auto;
  padding: 9px 15px;
  border: 0;
  border-radius: 9px;
  background: var(--da-accent);
  color: var(--sv-color-on-brand);
  font-weight: 850;
  cursor: pointer;
}

.da-send.is-stopping {
  border: 1px solid rgba(255, 126, 112, .72);
  background: rgba(255, 126, 112, .12);
  color: #ff9a8f;
}

.da-message.is-cancelled {
  border-style: dashed;
  color: var(--sv-color-text-muted);
}

.da-send:disabled,
.da-approval button:disabled {
  opacity: .5;
  cursor: wait;
}

html[data-domain-agent-page="computer-cleaner"] .da-message,
html[data-domain-agent-page="computer-cleaner"] .da-empty,
html[data-domain-agent-page="computer-cleaner"] .da-compose textarea {
  font-size: 14px;
  line-height: 1.72;
}

html[data-domain-agent-page="computer-cleaner"] .da-tool,
html[data-domain-agent-page="computer-cleaner"] .da-route {
  font-size: 12px;
}

/* On roomy screens, the document reflows instead of sitting behind the panel. */
@media (min-width: 1480px) {
  html[data-domain-agent-page="creative-butler"] body.domain-agent-panel-open,
  html[data-domain-agent-page="gallery-butler"] body.domain-agent-panel-open,
  html[data-domain-agent-page="computer-cleaner"] body.domain-agent-panel-open {
    padding-right: var(--da-reserved-space);
  }
}

@media (min-width: 1780px) {
  html[data-domain-agent-page="knowledge-butler"] body.domain-agent-panel-open {
    padding-right: var(--da-reserved-space);
  }
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-launcher {
  top: auto;
  bottom: 120px;
  transform: none;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] body.domain-agent-panel-open .domain-agent-launcher {
  display: none;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] {
  --da-accent: #000;
  --da-kb-black: #000;
  --da-kb-bg: var(--sv-color-reading-companion);
  --da-kb-compose: var(--sv-color-surface-strong);
  --da-kb-panel: var(--sv-color-surface);
  --da-kb-ink: var(--sv-color-text);
  --da-kb-muted: var(--sv-color-text-muted);
  --da-kb-faint: var(--sv-color-text-faint);
  --da-kb-line: var(--sv-color-border);
  --da-kb-shadow: var(--sv-shadow-panel);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-launcher {
  background: var(--da-kb-panel);
  color: var(--da-kb-ink);
  border-color: var(--da-kb-line);
  box-shadow: var(--da-kb-shadow);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-launcher span {
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-drawer {
  background: var(--da-kb-bg);
  color: var(--da-kb-ink);
  border-color: var(--da-kb-line);
  box-shadow: var(--da-kb-shadow);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-head {
  border-bottom-color: var(--da-kb-line);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-identity small {
  color: var(--da-kb-faint);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-identity strong {
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-pulse {
  background: var(--da-kb-black);
  box-shadow: none;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-toggle,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-new,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-clear,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-close {
  border-color: var(--da-kb-line);
  background: var(--da-kb-panel);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-toggle:hover,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-toggle:focus-visible,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-toggle.is-active,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-new:hover,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-new:focus-visible,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-clear:hover:not(:disabled),
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-clear:focus-visible:not(:disabled),
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-close:hover,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-close:focus-visible {
  border-color: rgba(91, 82, 72, 0.34);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-route {
  background: #f3eee6;
  border-bottom: 1px solid var(--da-kb-line);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-route b {
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-messages {
  background: var(--da-kb-bg);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-empty {
  border-color: rgba(91, 82, 72, 0.2);
  background: transparent;
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-message.user {
  background: var(--da-kb-black);
  color: var(--sv-color-text);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-message.user .da-message-content {
  color: var(--sv-color-text);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-message.assistant {
  background: var(--da-kb-panel);
  border-color: var(--da-kb-line);
  color: #3b3530;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-message.assistant .da-message-content,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-speaker,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-body strong {
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-speaker > i {
  background: var(--da-kb-black);
  box-shadow: none;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-speaker > b {
  border-color: var(--da-kb-line);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-item {
  background: var(--da-kb-panel);
  border-color: var(--da-kb-line);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-item:hover,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-item:focus-visible {
  background: #fff;
  border-color: rgba(91, 82, 72, 0.28);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-index {
  background: #eee9e1;
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-doc-body small,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-evidence,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-evidence summary {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-evidence summary::before {
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-evidence span {
  border-color: var(--da-kb-line);
  background: var(--da-kb-panel);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-tools {
  background: var(--da-kb-bg);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-tool {
  border-color: var(--da-kb-line);
  background: #eee9e1;
  color: var(--sv-color-text-faint);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-tool:hover,
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-tool:focus-visible {
  border-color: rgba(91, 82, 72, 0.28);
  background: #e2dbd1;
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-compose {
  background: var(--da-kb-compose);
  border-top-color: var(--da-kb-line);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-model > span {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-model-select {
  border-color: rgba(91, 82, 72, 0.17);
  background: var(--da-kb-panel);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-model-select:focus {
  border-color: rgba(91, 82, 72, 0.42);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-compose textarea {
  background: var(--da-kb-panel);
  border-color: rgba(91, 82, 72, 0.17);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-compose textarea:focus {
  border-color: rgba(91, 82, 72, 0.42);
  box-shadow: 0 0 0 2px rgba(91, 82, 72, 0.08);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-compose footer {
  border-color: transparent;
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-status {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-send {
  border: 0;
  background: var(--da-kb-black);
  color: var(--sv-color-text);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-send:hover:not(:disabled),
html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-send:focus-visible:not(:disabled) {
  background: var(--sv-color-surface-hover);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-thinking {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-thinking-dots i {
  background: var(--da-kb-black);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions {
  background: var(--da-kb-bg);
  color: var(--da-kb-ink);
  border-color: var(--da-kb-line);
  box-shadow: var(--da-kb-shadow);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > header {
  border-bottom-color: var(--da-kb-line);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > header small {
  color: var(--da-kb-faint);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-panel-close {
  border-color: var(--da-kb-line);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-list > p {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-item {
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-item small {
  color: var(--da-kb-faint);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-item:hover {
  background: rgba(48, 43, 38, 0.05);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .da-session-item.is-active {
  border-color: rgba(91, 82, 72, 0.22);
  background: rgba(48, 43, 38, 0.06);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > footer {
  border-top-color: var(--da-kb-line);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > footer button {
  background: var(--da-kb-panel);
  border-color: var(--da-kb-line);
  color: var(--da-kb-muted);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > footer button:hover:not(:disabled) {
  border-color: rgba(91, 82, 72, 0.34);
  color: var(--da-kb-ink);
}

html[data-app-rail="knowledge"][data-domain-agent-page="knowledge-butler"] .domain-agent-sessions > footer .da-session-clear {
  color: var(--sv-color-text-muted);
}

/* Files archive: match cream / ink monochrome page instead of dark neon drawer. */
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] {
  --da-accent: #1d1c1a;
  --da-fm-black: #1d1c1a;
  --da-fm-bg: #f7f2e8;
  --da-fm-compose: #f1ebe1;
  --da-fm-panel: #fffdf9;
  --da-fm-ink: #1d1c1a;
  --da-fm-muted: #756f65;
  --da-fm-faint: var(--sv-color-text-faint);
  --da-fm-line: rgba(49, 45, 39, 0.14);
  --da-fm-shadow: -18px 0 48px rgba(43, 36, 29, 0.14);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-launcher {
  background: var(--da-fm-panel);
  color: var(--da-fm-ink);
  border-color: var(--da-fm-line);
  box-shadow: var(--da-fm-shadow);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-launcher span {
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-drawer {
  background: var(--da-fm-bg);
  color: var(--da-fm-ink);
  border-color: var(--da-fm-line);
  box-shadow: var(--da-fm-shadow);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-head {
  border-bottom-color: var(--da-fm-line);
  background: transparent;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-identity small {
  color: var(--da-fm-faint);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-identity strong {
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-pulse {
  background: var(--da-fm-black);
  box-shadow: none;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-toggle,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-new,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-clear,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-close {
  border-color: var(--da-fm-line);
  background: var(--da-fm-panel);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-toggle:hover,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-toggle:focus-visible,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-toggle.is-active,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-new:hover,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-new:focus-visible,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-clear:hover:not(:disabled),
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-clear:focus-visible:not(:disabled),
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-close:hover,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-close:focus-visible {
  border-color: rgba(29, 28, 26, 0.34);
  color: var(--da-fm-ink);
  outline: 0;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-route {
  background: rgba(29, 28, 26, 0.03);
  border-bottom: 1px solid var(--da-fm-line);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-route b {
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-conversation,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-composer-dock,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-tools,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-messages {
  background: var(--da-fm-bg);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-empty {
  border-color: var(--da-fm-line);
  color: var(--da-fm-muted);
  background: var(--da-fm-panel);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-message.user {
  background: var(--da-fm-black);
  color: var(--sv-color-text);
  border-color: transparent;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-message.user .da-message-content {
  color: var(--sv-color-text);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-message.assistant {
  background: var(--da-fm-panel);
  border-color: var(--da-fm-line);
  color: var(--da-fm-ink);
  box-shadow: none;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-message.assistant .da-message-content,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-speaker,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-doc-body strong {
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-speaker > i {
  background: var(--da-fm-black);
  box-shadow: none;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-speaker > b {
  border-color: var(--da-fm-line);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-evidence,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-evidence summary {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-evidence summary::before {
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-evidence span {
  border-color: var(--da-fm-line);
  background: var(--da-fm-panel);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-tool {
  border-color: var(--da-fm-line);
  background: var(--da-fm-panel);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-tool:hover,
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-tool:focus-visible {
  border-color: rgba(29, 28, 26, 0.34);
  color: var(--da-fm-ink);
  background: #fff;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-compose {
  background: var(--da-fm-compose);
  border-top-color: var(--da-fm-line);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-model > span {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-model-select {
  border-color: var(--da-fm-line);
  background: var(--da-fm-panel);
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-model-select:focus {
  border-color: rgba(29, 28, 26, 0.4);
  outline: 0;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-compose textarea {
  background: var(--da-fm-panel);
  border-color: var(--da-fm-line);
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-compose textarea:focus {
  border-color: rgba(29, 28, 26, 0.4);
  outline: 0;
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-status {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-send {
  color: var(--sv-color-text);
  background: var(--da-fm-black);
  border-color: var(--da-fm-black);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-send:hover:not(:disabled),
html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-send:focus-visible:not(:disabled) {
  filter: brightness(1.08);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-thinking {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-thinking-dots i {
  background: var(--da-fm-black);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions {
  background: var(--da-fm-bg);
  color: var(--da-fm-ink);
  border-color: var(--da-fm-line);
  box-shadow: var(--da-fm-shadow);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > header {
  border-bottom-color: var(--da-fm-line);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > header small {
  color: var(--da-fm-faint);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-panel-close {
  border-color: var(--da-fm-line);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-list > p {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-item {
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-item small {
  color: var(--da-fm-faint);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-item:hover {
  background: rgba(29, 28, 26, 0.04);
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .da-session-item.is-active {
  border-color: rgba(49, 45, 39, 0.22);
  background: rgba(29, 28, 26, 0.06);
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > footer {
  border-top-color: var(--da-fm-line);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > footer button {
  background: var(--da-fm-panel);
  border-color: var(--da-fm-line);
  color: var(--da-fm-muted);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > footer button:hover:not(:disabled) {
  border-color: rgba(29, 28, 26, 0.34);
  color: var(--da-fm-ink);
}

html[data-app-rail="files"][data-domain-agent-page="computer-cleaner"] .domain-agent-sessions > footer .da-session-clear {
  color: var(--sv-color-text-muted);
}

/* Creative Butler inherits the page's neutral black + moss-green palette. */
html[data-domain-agent-page="creative-butler"] .domain-agent-drawer {
  --da-creative-bg: var(--sv-color-surface-subtle);
  --da-creative-panel: var(--sv-color-surface-strong);
  --da-creative-raised: #171d17;
  --da-creative-ink: var(--sv-color-text);
  --da-creative-muted: var(--sv-color-text-muted);
  --da-creative-line: rgba(235, 242, 232, .12);
  border-color: rgba(var(--sv-brand-rgb), .16);
  background: var(--da-creative-bg);
  color: var(--da-creative-ink);
  box-shadow: -18px 24px 72px rgba(0, 8, 1, .56);
}

html[data-domain-agent-page="creative-butler"] .da-head {
  border-bottom-color: var(--da-creative-line);
  background: var(--sv-color-surface);
}

html[data-domain-agent-page="creative-butler"] .da-identity small {
  color: var(--sv-color-text-muted);
}

html[data-domain-agent-page="creative-butler"] .da-session-toggle,
html[data-domain-agent-page="creative-butler"] .da-new,
html[data-domain-agent-page="creative-butler"] .da-clear,
html[data-domain-agent-page="creative-butler"] .da-close {
  border-color: var(--da-creative-line);
  background: rgba(235, 242, 232, .035);
  color: var(--sv-color-text-muted);
}

html[data-domain-agent-page="creative-butler"] .da-resize-handle::after {
  background: rgba(var(--sv-brand-rgb), .22);
}

html[data-domain-agent-page="creative-butler"] .da-resize-handle:hover::after,
html[data-domain-agent-page="creative-butler"] .da-resize-handle:focus-visible::after,
html[data-domain-agent-page="creative-butler"] .domain-agent-drawer.is-resizing .da-resize-handle::after {
  background: rgba(var(--sv-brand-rgb), .72);
}

html[data-domain-agent-page="creative-butler"] .da-route {
  background: rgba(var(--sv-brand-rgb), .025);
  color: var(--sv-color-text-muted);
  font-weight: 650;
}

html[data-domain-agent-page="creative-butler"] .da-conversation,
html[data-domain-agent-page="creative-butler"] .da-composer-dock,
html[data-domain-agent-page="creative-butler"] .da-tools {
  background: var(--da-creative-bg);
}

html[data-domain-agent-page="creative-butler"] .da-empty {
  border-color: var(--da-creative-line);
  color: var(--da-creative-muted);
}

html[data-domain-agent-page="creative-butler"] .da-message.user {
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  border: 1px solid rgba(235, 242, 232, .14);
  box-shadow: inset -2px 0 rgba(var(--sv-brand-rgb), .28);
}

html[data-domain-agent-page="creative-butler"] .da-message.user .da-message-content {
  color: var(--sv-color-text);
}

html[data-domain-agent-page="creative-butler"] .da-message.assistant {
  border-color: var(--da-creative-line);
  background: var(--da-creative-raised);
  color: var(--sv-color-text);
  box-shadow: inset 2px 0 rgba(var(--sv-brand-rgb), .13);
}

html[data-domain-agent-page="creative-butler"] .da-speaker {
  color: var(--sv-color-text);
}

html[data-domain-agent-page="creative-butler"] .da-evidence,
html[data-domain-agent-page="creative-butler"] .da-thinking {
  color: var(--da-creative-muted);
}

html[data-domain-agent-page="creative-butler"] .da-evidence span {
  border-color: var(--da-creative-line);
  background: var(--da-creative-panel);
}

html[data-domain-agent-page="creative-butler"] .da-tool {
  border-color: var(--da-creative-line);
  background: var(--da-creative-panel);
  color: var(--sv-color-text);
}

html[data-domain-agent-page="creative-butler"] .da-tool:hover,
html[data-domain-agent-page="creative-butler"] .da-tool:focus-visible {
  background: rgba(var(--sv-brand-rgb), .07);
}

html[data-domain-agent-page="creative-butler"] .da-compose {
  border-top-color: var(--da-creative-line);
  background: var(--sv-color-surface);
}

html[data-domain-agent-page="creative-butler"] .da-context-host {
  padding: 0 0 10px;
}

html[data-domain-agent-page="creative-butler"] .da-model > span {
  color: var(--sv-color-text-muted);
  font-size: 11px;
}

html[data-domain-agent-page="creative-butler"] .da-model-select,
html[data-domain-agent-page="creative-butler"] .da-compose textarea {
  border-color: var(--sv-color-border-soft);
  background: var(--da-creative-panel);
  color: var(--da-creative-ink);
}

html[data-domain-agent-page="creative-butler"] .da-compose textarea::placeholder {
  color: var(--sv-color-text-muted);
}

html[data-domain-agent-page="creative-butler"] .da-model-select:focus,
html[data-domain-agent-page="creative-butler"] .da-compose textarea:focus {
  border-color: rgba(var(--sv-brand-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--sv-brand-rgb), .055);
}

html[data-domain-agent-page="creative-butler"] .da-compose footer {
  justify-content: flex-end;
}

html[data-domain-agent-page="creative-butler"] .da-status {
  display: none;
}

html[data-domain-agent-page="creative-butler"] .domain-agent-sessions {
  border-color: rgba(var(--sv-brand-rgb), .18);
  background: var(--sv-color-surface-subtle);
  color: var(--sv-color-text);
  box-shadow: -18px 24px 72px rgba(0, 8, 1, .62), inset -1px 0 rgba(var(--sv-brand-rgb), .04);
  backdrop-filter: none;
}

html[data-domain-agent-page="creative-butler"] .domain-agent-sessions.is-open {
  opacity: 1;
}

html[data-domain-agent-page="creative-butler"] .domain-agent-sessions > header,
html[data-domain-agent-page="creative-butler"] .domain-agent-sessions > footer {
  border-color: var(--sv-color-border-soft);
}

html[data-domain-agent-page="creative-butler"] .da-session-item {
  color: var(--sv-color-text);
}

html[data-domain-agent-page="creative-butler"] .domain-agent-sessions > footer button {
  border-color: var(--sv-color-border-soft);
  background: var(--sv-color-surface-strong);
  color: var(--sv-color-text);
}

html[data-domain-agent-page="creative-butler"] .domain-agent-sessions > footer button:hover,
html[data-domain-agent-page="creative-butler"] .domain-agent-sessions > footer button:focus-visible {
  border-color: rgba(var(--sv-brand-rgb), .46);
  color: var(--sv-color-brand);
}

/* Smaller screens keep an overlay drawer because reserving 400px would crush the page. */
@media (max-width: 720px) {
  :root {
    --da-panel-gap: 8px;
  }

  .domain-agent-drawer {
    inset: 8px;
    width: auto;
  }

  .da-resize-handle {
    display: none;
  }

  .domain-agent-launcher {
    min-height: 112px;
  }

  .domain-agent-sessions {
    z-index: 1202;
    inset: 8px;
    width: auto;
  }
}

.da-skill-pending {
  display: grid;
  gap: 10px;
  min-width: min(200px, 70%);
}

.da-gen-canvas {
  position: relative;
  width: min(180px, 68%);
  aspect-ratio: 2 / 3;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--sv-color-border);
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--da-accent) 18%, transparent), transparent 42%),
    var(--sv-color-surface-subtle);
  display: grid;
  place-items: center;
}

.da-gen-canvas[data-ratio="3:2"] { aspect-ratio: 3 / 2; width: min(220px, 78%); }
.da-gen-canvas[data-ratio="1:1"] { aspect-ratio: 1 / 1; width: min(170px, 70%); }

.da-gen-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.da-gen-stars i {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--da-accent) 80%, white);
  opacity: 0.2;
  animation: da-gen-twinkle 1.8s ease-in-out infinite;
}

.da-gen-stars i:nth-child(1) { left: 18%; top: 22%; animation-delay: 0s; }
.da-gen-stars i:nth-child(2) { left: 62%; top: 18%; animation-delay: .2s; }
.da-gen-stars i:nth-child(3) { left: 78%; top: 42%; animation-delay: .4s; }
.da-gen-stars i:nth-child(4) { left: 28%; top: 58%; animation-delay: .1s; }
.da-gen-stars i:nth-child(5) { left: 48%; top: 36%; animation-delay: .55s; }
.da-gen-stars i:nth-child(6) { left: 70%; top: 68%; animation-delay: .3s; }
.da-gen-stars i:nth-child(7) { left: 12%; top: 74%; animation-delay: .7s; }
.da-gen-stars i:nth-child(8) { left: 86%; top: 24%; animation-delay: .15s; }
.da-gen-stars i:nth-child(9) { left: 40%; top: 78%; animation-delay: .45s; }
.da-gen-stars i:nth-child(10) { left: 55%; top: 52%; animation-delay: .65s; }
.da-gen-stars i:nth-child(11) { left: 22%; top: 40%; animation-delay: .35s; }
.da-gen-stars i:nth-child(12) { left: 74%; top: 80%; animation-delay: .5s; }

@keyframes da-gen-twinkle {
  0%, 100% { opacity: 0.15; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.35); }
}

.da-gen-label {
  position: relative;
  z-index: 1;
  font: 700 12px/1.2 var(--sv-font-sans);
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--da-accent) 70%, white);
}

.da-result-images {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.da-result-image {
  display: block;
  width: min(220px, 100%);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--sv-color-border);
}

.da-result-image img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.da-task-result,
.task-result-card {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--sv-color-border, #414141);
  background: color-mix(in srgb, var(--sv-color-surface, #202020) 92%, black);
}
.da-task-result .tag,
.task-result-card .tag {
  font-size: 11px;
  color: #d4ed70;
}
.da-task-result[data-tone="waiting"] .tag,
.task-result-card[data-tone="waiting"] .tag { color: #f0d78c; }
.da-task-result[data-tone="failed"] .tag,
.task-result-card[data-tone="failed"] .tag { color: #f0a8a8; }
.da-task-result[data-tone="partial"] .tag,
.task-result-card[data-tone="partial"] .tag { color: #c9d6a0; }
.da-task-result h3,
.task-result-card h3 {
  margin: 4px 0 8px;
  font-size: 13px;
  font-weight: 600;
}
.task-result-block { margin: 6px 0; font-size: 12px; color: var(--sv-color-text-muted, #cfcfcf); }
.task-result-block strong { display: block; color: #d4ed70; margin-bottom: 2px; }
.task-result-block ul { margin: 0; padding-left: 18px; }
.task-next { font-size: 12px; margin: 6px 0; }
.task-artifacts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.task-artifacts a { font-size: 12px; }
.task-technical { margin-top: 8px; font-size: 11px; color: #999; }
.task-technical pre {
  white-space: pre-wrap;
  overflow: auto;
  max-height: 140px;
  background: #111;
  padding: 8px;
  border-radius: 8px;
  color: #bdbdbd;
}

/* Content operations: fixed-bottom, neutral-black working conversation. */
html[data-domain-agent-page="content-butler"] {
  --da-panel-width: clamp(430px, 24vw, 480px);
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  border-color: var(--sv-color-border-strong);
  border-radius: 14px;
  background: var(--sv-color-canvas);
  box-shadow: -18px 0 54px rgba(0, 0, 0, .52);
}

html[data-domain-agent-page="content-butler"] .da-head {
  min-height: 62px;
  padding: 13px 14px;
  border-bottom-color: var(--sv-color-border);
}

html[data-domain-agent-page="content-butler"] .da-identity {
  gap: 8px;
}

html[data-domain-agent-page="content-butler"] .da-identity small {
  color: var(--sv-color-text-faint);
  font-size: 8px;
}

html[data-domain-agent-page="content-butler"] .da-identity strong {
  color: var(--sv-color-text);
  font-size: 15px;
}

html[data-domain-agent-page="content-butler"] .da-pulse {
  width: 7px;
  height: 7px;
  box-shadow: none;
}

html[data-domain-agent-page="content-butler"] .da-head-actions {
  gap: 4px;
}

html[data-domain-agent-page="content-butler"] .da-session-toggle,
html[data-domain-agent-page="content-butler"] .da-new,
html[data-domain-agent-page="content-butler"] .da-clear,
html[data-domain-agent-page="content-butler"] .da-close {
  min-height: 30px;
  padding: 0 7px;
  border-color: var(--sv-color-border-strong);
  border-radius: 7px;
  background: var(--sv-color-canvas);
  color: var(--sv-color-text-muted);
  font-size: 10px;
}

html[data-domain-agent-page="content-butler"] .da-route {
  padding: 8px 14px;
  border-bottom: 1px solid var(--sv-color-border);
  background: var(--sv-color-canvas);
  color: var(--sv-color-text-faint);
}

html[data-domain-agent-page="content-butler"] .da-route b {
  color: var(--sv-color-text-muted);
}

html[data-domain-agent-page="content-butler"] .da-conversation,
html[data-domain-agent-page="content-butler"] .da-messages {
  min-height: 0;
  background: var(--sv-color-canvas);
}

html[data-domain-agent-page="content-butler"] .da-messages {
  gap: 11px;
  padding: 16px;
}

html[data-domain-agent-page="content-butler"] .da-empty {
  padding: 16px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--sv-color-text-faint);
  font-size: 12px;
  line-height: 1.7;
}

html[data-domain-agent-page="content-butler"] .da-message {
  border: 1px solid var(--sv-color-border-strong);
  border-radius: 11px;
  background: var(--sv-color-canvas-raised);
  color: var(--sv-color-text);
}

html[data-domain-agent-page="content-butler"] .da-message.user {
  border-color: #2b2b2b;
  background: var(--sv-color-surface);
}

html[data-domain-agent-page="content-butler"] .da-composer-dock {
  position: sticky;
  bottom: 0;
  align-self: end;
  width: 100%;
  background: var(--sv-color-canvas);
}

html[data-domain-agent-page="content-butler"] .da-tools {
  display: none;
}

html[data-domain-agent-page="content-butler"] .da-compose {
  padding: 12px 14px 14px;
  border-top-color: var(--sv-color-border-strong);
  background: var(--sv-color-canvas);
}

html[data-domain-agent-page="content-butler"] .da-context-host {
  display: grid;
  gap: 7px;
  padding: 0 0 10px;
}

html[data-domain-agent-page="content-butler"] .da-context-host[hidden] {
  display: none;
}

.da-content-reference {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #242424;
  border-radius: 9px;
  background: var(--sv-color-canvas-raised);
}

.da-reference-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #303030;
  border-radius: 8px;
  color: var(--sv-color-brand);
  background: var(--sv-color-surface-subtle);
  font: 750 12px/1 var(--sv-font-sans);
}

.da-content-reference > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.da-content-reference small {
  color: var(--sv-color-text-faint);
  font: 700 8px/1 var(--sv-font-mono);
  letter-spacing: .12em;
}

.da-content-reference strong,
.da-content-reference span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.da-content-reference strong {
  color: var(--sv-color-text);
  font: 700 12px/1.25 var(--sv-font-sans);
}

.da-content-reference span {
  color: var(--sv-color-text-faint);
  font: 500 10px/1.3 var(--sv-font-sans);
}

.da-content-reference > b {
  color: var(--sv-color-text-muted);
  font: 650 10px/1 var(--sv-font-sans);
}

html[data-domain-agent-page="content-butler"] .da-model-select,
html[data-domain-agent-page="content-butler"] .da-compose textarea {
  border-color: #292929;
  background: var(--sv-color-canvas);
  color: var(--sv-color-text);
}

html[data-domain-agent-page="content-butler"] .da-compose textarea {
  min-height: 82px;
}

html[data-domain-agent-page="content-butler"] .da-status {
  color: var(--sv-color-text-faint);
}

html[data-domain-agent-page="content-butler"] .domain-agent-sessions {
  border-color: var(--sv-color-border-strong);
  background: var(--sv-color-canvas);
}

html[data-domain-agent-page="content-butler"] .da-session-item.is-active {
  border-color: #303030;
  background: var(--sv-color-canvas-raised);
  color: var(--sv-color-text);
}

/*
 * The content desk still loads an older page-specific drawer skin before this
 * shared stylesheet. Keep these selectors at the same specificity so that the
 * live drawer cannot fall back to the hidden header actions or planning card.
 */
html[data-domain-agent-page="content-butler"] .domain-agent-drawer {
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  border-color: var(--sv-color-border-strong) !important;
  background: var(--sv-color-canvas) !important;
  box-shadow: -18px 0 54px rgba(0, 0, 0, .52) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-head {
  min-height: 62px !important;
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--sv-color-border) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-identity {
  grid-template-columns: 7px minmax(0, 1fr) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-pulse {
  display: block !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-identity small {
  display: block !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-head-actions {
  display: flex !important;
  flex: 0 0 auto;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-route {
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--sv-color-border) !important;
  background: var(--sv-color-canvas) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-route::before {
  display: none !important;
  content: none !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-route b {
  display: inline !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-empty {
  min-height: 0 !important;
  padding: 16px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sv-color-text-faint) !important;
  font-size: 12px !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-empty::before,
html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-empty::after {
  display: none !important;
  content: none !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-composer-dock {
  border-top-color: var(--sv-color-border-strong) !important;
  background: var(--sv-color-canvas) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-compose {
  padding: 12px 14px 14px !important;
  background: var(--sv-color-canvas) !important;
}

html[data-domain-agent-page="content-butler"] .domain-agent-drawer .da-compose textarea {
  min-height: 82px !important;
  font-size: 12px !important;
}

.ops-agent-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 11px 14px 12px;
  border-bottom: 1px solid var(--sv-color-border);
  background: var(--sv-color-canvas);
}

.ops-agent-controls .ops-agent-expert,
.ops-agent-controls .ops-agent-skill {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 50px;
  margin: 0;
  padding: 8px 9px;
  border: 1px solid #242424;
  border-radius: 9px;
  background: var(--sv-color-canvas);
  color: var(--sv-color-text);
  text-align: left;
  cursor: pointer;
}

.ops-agent-controls .ops-agent-expert:hover,
.ops-agent-controls .ops-agent-expert:focus-visible,
.ops-agent-controls .ops-agent-skill:hover,
.ops-agent-controls .ops-agent-skill:focus-visible {
  border-color: rgba(var(--sv-brand-rgb), .46);
  color: var(--sv-color-brand);
  outline: 0;
}

.ops-agent-controls .ops-agent-expert-avatar,
.ops-agent-skill-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 8px;
  background: #13170a;
  color: var(--sv-color-brand);
  font: 750 11px/1 var(--sv-font-sans);
}

.ops-agent-controls .ops-agent-expert-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ops-agent-controls button > span:nth-child(2) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ops-agent-controls button small {
  color: var(--sv-color-text-faint);
  font: 650 8px/1 var(--sv-font-sans);
}

.ops-agent-controls button strong {
  overflow: hidden;
  color: inherit;
  font: 680 11px/1.2 var(--sv-font-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ops-agent-controls button i {
  color: var(--sv-color-text-faint);
  font-style: normal;
}

@media (max-width: 720px) {
  html[data-domain-agent-page="content-butler"] {
    --da-panel-width: calc(100vw - 16px);
  }
  html[data-domain-agent-page="content-butler"] .da-identity small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-domain-agent-page] body,
  .domain-agent-drawer {
    transition: none;
  }
  .domain-agent-sessions { transition: none; }
  .da-gen-stars i { animation: none; opacity: 0.7; }
}

/* Neutral light theme: semantic surfaces, paired foregrounds. */

.da-head-actions { flex-shrink:0; gap:5px; }
.da-head-actions button { white-space:nowrap; flex-shrink:0; }
.da-identity { min-width:0; }
.da-identity small { display:none; }
html[data-theme="light"][data-domain-agent-page] {
 --da-accent:var(--sv-color-brand);
 --da-kb-black:var(--sv-color-brand); --da-kb-bg:var(--sv-color-reading-companion); --da-kb-compose:var(--sv-color-surface-strong); --da-kb-panel:var(--sv-color-surface); --da-kb-ink:var(--sv-color-text); --da-kb-line:var(--sv-color-border); --da-kb-shadow:var(--sv-shadow-panel);
 --da-fm-black:var(--sv-color-brand);
}
html[data-theme="light"][data-domain-agent-page] .domain-agent-drawer { background:var(--sv-color-reading-companion); color:var(--sv-color-text); border-color:var(--sv-color-border); box-shadow:var(--sv-shadow-panel); }
html[data-theme="light"][data-domain-agent-page] :is(.da-head,.da-compose,.da-composer-dock) { background:var(--sv-color-surface-subtle); border-color:var(--sv-color-border); }
html[data-theme="light"][data-domain-agent-page] :is(.da-empty,.da-message,.da-compose textarea,.da-model-select) { background:var(--sv-color-surface); color:var(--sv-color-text); border-color:var(--sv-color-border); }
html[data-theme="light"][data-domain-agent-page] .da-message.is-user { background:var(--sv-color-surface-strong); }
html[data-theme="light"][data-app-rail][data-domain-agent-page] .da-send { background:var(--sv-color-brand); color:var(--sv-color-on-brand); border-color:var(--sv-color-brand); }
html[data-theme="light"][data-app-rail][data-domain-agent-page] .da-send:hover:not(:disabled) { background:var(--sv-color-brand-hover); }
html[data-theme="light"][data-app-rail][data-domain-agent-page] .da-send.is-stopping { background:var(--sv-color-danger); color:var(--sv-color-on-brand); }


html[data-theme="light"] :is(.domain-agent-drawer,.domain-agent-launcher,.domain-agent-sessions) { --da-accent:var(--sv-color-brand)!important; }
html[data-theme="light"][data-domain-agent-page] .da-route { background:var(--sv-color-surface-subtle); color:var(--sv-color-text-muted); border-color:var(--sv-color-border); }

html[data-theme="light"][data-app-rail][data-domain-agent-page] .da-tool { background:var(--sv-color-surface); color:var(--sv-color-text-muted); border-color:var(--sv-color-border); }

/* Gallery detail modal is z-index 2600; creative butler must sit above it when open. */
body:has(.sv-detail:not(.hidden)).domain-agent-panel-open .domain-agent-drawer[data-domain-agent="creative-butler"],
body:has(.sv-detail:not(.hidden)).domain-agent-panel-open .domain-agent-sessions {
  z-index: 2700;
}

.da-infer-actions {
  margin-top: 10px;
}
.da-infer-actions button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--da-accent) 40%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--da-accent) 12%, transparent);
  color: var(--da-accent);
  font: 700 12px var(--sv-font-sans);
  cursor: pointer;
}
.da-infer-actions button:hover {
  background: color-mix(in srgb, var(--da-accent) 22%, transparent);
}

.da-handoff-offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--da-accent) 24%, var(--sv-color-border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--da-accent) 7%, transparent);
}
.da-handoff-offer span {
  color: var(--sv-color-text-muted);
  font-size: 11px;
  line-height: 1.45;
}
.da-handoff-offer button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid color-mix(in srgb, var(--da-accent) 42%, transparent);
  border-radius: 999px;
  background: var(--da-accent);
  color: var(--sv-color-on-brand, #fff);
  font: 700 11px var(--sv-font-sans);
  cursor: pointer;
}
.da-handoff-offer button:disabled {
  opacity: .55;
  cursor: wait;
}

.cb-infer-dialog {
  width: min(440px, calc(100vw - 32px));
  margin: auto;
  padding: 0;
  border: 1px solid var(--sv-color-border);
  border-radius: 16px;
  background: var(--sv-color-surface);
  color: var(--sv-color-text);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}
.cb-infer-dialog::backdrop {
  background: rgba(0, 0, 0, .55);
}
.cb-infer-form {
  display: grid;
  gap: 14px;
  padding: 18px;
}
.cb-infer-form header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.cb-infer-form header small {
  display: block;
  color: var(--sv-color-text-faint);
  font: 700 9px/1 var(--sv-font-mono);
  letter-spacing: .12em;
}
.cb-infer-form header strong {
  display: block;
  margin-top: 6px;
  font: 750 18px/1.2 var(--sv-font-sans);
}
.cb-infer-close {
  width: 32px;
  height: 32px;
  border: 1px solid var(--sv-color-border-soft);
  border-radius: 8px;
  background: transparent;
  color: var(--sv-color-text-muted);
  font-size: 18px;
  cursor: pointer;
}
.cb-infer-hint {
  margin: 0;
  color: var(--sv-color-text-muted);
  font-size: 12px;
  line-height: 1.6;
}
.cb-infer-field {
  display: grid;
  gap: 6px;
}
.cb-infer-field span {
  color: var(--sv-color-text-faint);
  font-size: 11px;
}
.cb-infer-field select,
.cb-infer-field textarea {
  width: 100%;
  border: 1px solid var(--sv-color-border);
  border-radius: 10px;
  background: var(--sv-color-surface-elevated);
  color: var(--sv-color-text);
  padding: 10px 12px;
}
.cb-infer-status {
  min-height: 1.2em;
  margin: 0;
  color: var(--sv-color-text-muted);
  font-size: 12px;
}
.cb-infer-form footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.cb-infer-cancel,
.cb-infer-run {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  font: 700 12px var(--sv-font-sans);
  cursor: pointer;
}
.cb-infer-cancel {
  border: 1px solid var(--sv-color-border);
  background: transparent;
  color: var(--sv-color-text-muted);
}
.cb-infer-run {
  border: 1px solid var(--sv-color-brand);
  background: var(--sv-color-brand);
  color: var(--sv-color-on-brand);
}
.cb-infer-run:disabled {
  opacity: .5;
  cursor: not-allowed;
}