body[data-current-workspace-view="assistant"] {
  background:
    radial-gradient(circle at top left, rgba(212, 168, 74, 0.08), transparent 32%),
    radial-gradient(circle at bottom right, rgba(185, 132, 224, 0.05), transparent 30%),
    linear-gradient(180deg, #111214 0%, #0f1012 100%) !important;
}

body[data-current-workspace-view="assistant"] #sidebar {
  background: transparent !important;
}

body[data-current-workspace-view="assistant"] #sidebar .shell,
body[data-current-workspace-view="assistant"] #sidebar .body {
  background: transparent !important;
}

body[data-current-workspace-view="assistant"] #map {
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-current-workspace-view="assistant"] #monitoringDock,
body[data-current-workspace-view="assistant"] #mapUtilityDrawer,
body[data-current-workspace-view="assistant"] #commsCompact,
body[data-current-workspace-view="assistant"] #alertDetachedHost,
body[data-current-workspace-view="assistant"] .leaflet-control-container {
  display: none !important;
}

body[data-current-workspace-view="assistant"] #sidebar .panelSection[data-panel="assistant"] {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: var(--auth-topbar-height, 64px) !important;
  bottom: 0 !important;
  width: 100% !important;
  height: calc(100vh - var(--auth-topbar-height, 64px)) !important;
  max-width: none !important;
  max-height: calc(100vh - var(--auth-topbar-height, 64px)) !important;
  resize: none !important;
  overflow: hidden !important;
  z-index: 1810 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

body[data-current-workspace-view="assistant"] #sidebar .panelSection[data-panel="assistant"] > .head {
  display: none !important;
}

body[data-current-workspace-view="assistant"] #sidebar .panelSection[data-panel="assistant"] > .sectionBody {
  height: 100%;
  overflow: hidden;
  padding: 0;
  display: block;
}

.assistantWorkspace {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.assistantWorkspaceShell {
  height: 100%;
  min-height: 0;
}

.assistantWorkspaceFrame {
  --assistant-panel: rgba(25, 27, 31, 0.94);
  --assistant-panel-alt: rgba(17, 18, 20, 0.96);
  --assistant-elev: rgba(33, 35, 40, 0.92);
  --assistant-border: rgba(180, 170, 155, 0.18);
  --assistant-border-soft: rgba(180, 170, 155, 0.10);
  --assistant-text: #e8e4df;
  --assistant-text-strong: #f5f2ee;
  --assistant-muted: #9e9890;
  --assistant-dim: #6b6660;
  --assistant-accent: #d4a84a;
  --assistant-accent-strong: #b8912e;
  --assistant-accent-bg: rgba(212, 168, 74, 0.14);
  --assistant-accent-border: rgba(212, 168, 74, 0.40);
  --assistant-good: #5fb878;
  --assistant-warn: #e8a832;
  --assistant-bad: #e05454;
  --assistant-think: #b984e0;
  --assistant-think-bg: rgba(185, 132, 224, 0.10);
  --assistant-think-strong: rgba(185, 132, 224, 0.20);
  --assistant-think-border: rgba(185, 132, 224, 0.42);
  color: var(--assistant-text);
  display: grid;
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  grid-template-rows: 56px minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 30%, rgba(185, 132, 224, 0.08), transparent 35%),
    linear-gradient(180deg, #0f1012 0%, #111214 100%);
}

.assistantWorkspaceFrame *,
.assistantWorkspaceFrame *::before,
.assistantWorkspaceFrame *::after {
  box-sizing: border-box;
}

.assistantTopBar {
  display: grid;
  grid-template-columns: 240px 1fr auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 0 16px;
  background: rgba(20, 21, 24, 0.88);
  border-bottom: 1px solid var(--assistant-border);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.assistantBrand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.assistantBrandLogo {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--assistant-accent), var(--assistant-accent-strong));
  color: #111214;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  flex: 0 0 auto;
}

.assistantBrandText {
  min-width: 0;
}

.assistantEyebrow,
.assistantBrand .assistantEyebrow {
  color: var(--assistant-accent);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.assistantTitle,
.assistantBrand .assistantTitle {
  color: var(--assistant-text-strong);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.15;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistantTopCenter {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 12px;
  min-width: 0;
}

.assistantTopBarBreadcrumb {
  color: var(--assistant-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 12px;
}

.assistantTopBarBreadcrumb .current {
  color: var(--assistant-text-strong);
  font-weight: 600;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistantTopBarMeta,
.assistantDeckActions,
.assistantStageActions,
.assistantComposerButtons,
.assistantInlineMeta,
.assistantLibraryActions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.assistantTopBarMeta {
  justify-content: flex-end;
}

.assistantTopModes {
  display: flex;
  height: 32px;
  border: 1px solid var(--assistant-border-soft);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
  flex: 0 0 auto;
}

.assistantTopModeBtn {
  height: 100%;
  padding: 0 12px;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--assistant-border-soft);
  color: var(--assistant-muted);
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}

.assistantTopModeBtn:last-child {
  border-right: 0;
}

.assistantTopModeBtn:hover {
  color: var(--assistant-text);
}

.assistantTopModeBtn.active {
  color: var(--assistant-accent);
  background: var(--assistant-accent-bg);
}

.assistantThinkCmd {
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid var(--assistant-think-border);
  background: var(--assistant-think-strong);
  color: var(--assistant-think);
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.assistantThinkCmd[data-thinking-state="off"] {
  background: rgba(255, 255, 255, 0.025);
  border-color: var(--assistant-border);
  color: var(--assistant-muted);
}

.assistantThinkCmd[data-thinking-state="off"] .assistantThinkCmdGlow {
  display: none;
}

.assistantThinkCmd[data-thinking-state="unavailable"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.assistantThinkCmdGlow {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--assistant-think);
  box-shadow: 0 0 10px var(--assistant-think);
  animation: assistantThinkPulse 1.4s ease-in-out infinite;
  flex: 0 0 auto;
}

@keyframes assistantThinkPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}

.assistantMetaChip,
.assistantStatusPill,
.assistantDocLink,
.assistantLibraryDeleteBtn,
.assistantSourceToggle,
.assistantActionBtn,
.assistantPrimaryBtn {
  font-family: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.assistantMetaChip[hidden] {
  display: none !important;
}

.assistantStatusPill {
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(95, 184, 120, 0.12);
  border: 1px solid rgba(95, 184, 120, 0.36);
  color: #c8e8d0;
}

.assistantStatusPill.ready {
  background: rgba(95, 184, 120, 0.12);
  border-color: rgba(95, 184, 120, 0.36);
  color: #c8e8d0;
}

.assistantStatusPill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--assistant-good);
  box-shadow: 0 0 8px var(--assistant-good);
  flex: 0 0 auto;
}

.assistantStatusPill.warn {
  background: rgba(232, 168, 50, 0.12);
  border-color: rgba(232, 168, 50, 0.36);
  color: #f0d59c;
}

.assistantStatusPill.warn::before {
  background: var(--assistant-warn);
  box-shadow: 0 0 8px var(--assistant-warn);
}

.assistantStatusPill.error,
.assistantStatusPill.bad {
  background: rgba(224, 84, 84, 0.12);
  border-color: rgba(224, 84, 84, 0.36);
  color: #f4baba;
}

.assistantStatusPill.error::before,
.assistantStatusPill.bad::before {
  background: var(--assistant-bad);
  box-shadow: 0 0 8px var(--assistant-bad);
}

.assistantDeckGrid {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 380px;
  overflow: hidden;
  min-height: 0;
}

.assistantDeckColumn {
  min-height: 0;
  min-width: 0;
}

.assistantDeckColumn.assistantDeckLeft {
  border-right: 1px solid var(--assistant-border);
  background: rgba(17, 18, 20, 0.6);
  overflow: auto;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.assistantDeckColumn.assistantDeckRight {
  border-left: 1px solid var(--assistant-border);
  background: linear-gradient(180deg, rgba(185, 132, 224, 0.04), transparent 40%), rgba(17, 18, 20, 0.55);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

.assistantDeckLeft .assistantDeckCard {
  display: grid;
  gap: 8px;
  min-height: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.assistantDeckCardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.assistantDeckTitle {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--assistant-muted);
}

.assistantDeckActions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.assistantActionBtn,
.assistantDocLink,
.assistantLibraryDeleteBtn,
.assistantSourceToggle {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--assistant-border);
  background: rgba(255, 255, 255, 0.025);
  color: var(--assistant-text);
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
}

.assistantActionBtn:hover,
.assistantDocLink:hover,
.assistantLibraryDeleteBtn:hover,
.assistantSourceToggle:hover {
  color: var(--assistant-accent);
  border-color: var(--assistant-accent-border);
  background: rgba(255, 255, 255, 0.05);
}

.assistantActionBtn:disabled,
.assistantLibraryDeleteBtn:disabled,
.assistantPrimaryBtn:disabled,
.assistantSourceToggle:disabled {
  opacity: 0.42;
  cursor: not-allowed;
  box-shadow: none;
}

.assistantPrimaryBtn {
  min-height: 34px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid var(--assistant-accent-border);
  background: linear-gradient(135deg, var(--assistant-accent), var(--assistant-accent-strong));
  color: #111214;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(212, 168, 74, 0.28);
}

.assistantPrimaryBtn:hover {
  filter: brightness(1.04);
}

.assistantSub,
.assistantComposerHint,
.assistantPanelSub,
.assistantThreadMeta,
.assistantLibraryMeta,
.assistantCitationMeta,
.assistantCitationExcerpt,
.assistantSourceMeta,
.assistantSourceSnippet {
  color: var(--assistant-muted);
  font-size: 11px;
  line-height: 1.5;
}

.assistantModeGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.assistantModeBtn {
  min-height: 34px;
  padding: 8px 11px;
  border-radius: 8px;
  border: 1px solid var(--assistant-border);
  background: rgba(255, 255, 255, 0.025);
  color: var(--assistant-muted);
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}

.assistantModeBtn:hover {
  color: var(--assistant-text);
}

.assistantModeBtn.active {
  background: var(--assistant-accent-bg);
  border-color: var(--assistant-accent-border);
  color: var(--assistant-accent);
}

.assistantAdvancedModesWrap {
  display: none;
  gap: 8px;
}

.assistantAdvancedModesWrap.open {
  display: grid;
}

.assistantThreadList,
.assistantLibraryList {
  display: grid;
  gap: 6px;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
}

.assistantThreadList {
  max-height: 34vh;
}

.assistantLibraryList {
  max-height: 26vh;
}

.assistantThreadItem,
.assistantLibraryItem {
  padding: 9px 11px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent;
  color: var(--assistant-text);
  text-align: left;
}

.assistantLibraryItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.assistantThreadItem:hover,
.assistantLibraryItem:hover {
  background: rgba(255, 255, 255, 0.03);
}

.assistantThreadItem.active {
  background: var(--assistant-accent-bg);
  border-color: var(--assistant-accent-border);
}

.assistantThreadTitle,
.assistantLibraryTitle {
  font-size: 12px;
  font-weight: 600;
  color: var(--assistant-text-strong);
  overflow-wrap: anywhere;
}

.assistantThreadItem.active .assistantThreadTitle {
  color: var(--assistant-accent);
}

.assistantThreadMeta,
.assistantLibraryMeta {
  color: var(--assistant-dim);
  font-size: 10px;
  margin-top: 2px;
}

.assistantThreadEmpty,
.assistantLibraryEmpty {
  padding: 10px 11px;
  border-radius: 8px;
  color: var(--assistant-dim);
  background: rgba(255, 255, 255, 0.025);
  font-size: 12px;
  line-height: 1.5;
}

.assistantUploadRow,
.assistantUploadInput,
.assistantHiddenCompat {
  display: none !important;
}

.assistantChatStage {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: transparent;
  border: 0;
  padding: 0;
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}

.assistantStageHeader {
  padding: 14px 32px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.assistantStageHeading {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.assistantStageHeading h2 {
  color: var(--assistant-text-strong);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistantStageHeading p,
.assistantEmptyState p {
  color: var(--assistant-muted);
  font-size: 11.5px;
  line-height: 1.55;
  margin: 0;
}

.assistantStageActions {
  justify-content: flex-end;
  flex: 0 0 auto;
}

.assistantConversation {
  overflow: auto;
  padding: 16px 32px 8px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-height: 0;
  min-width: 0;
}

.assistantMessage {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: min(840px, 92%);
}

.assistantMessage.user {
  align-self: flex-end;
  text-align: right;
}

.assistantMessage.system {
  max-width: 100%;
}

.assistantMessageTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.assistantMessageLabel {
  color: var(--assistant-dim);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.assistantMessage.assistant .assistantMessageLabel {
  color: var(--assistant-accent);
}

.assistantMessageTools {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.assistantMessageText {
  color: var(--assistant-text);
  font-size: 14px;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

.assistantMessage.user .assistantMessageText {
  color: var(--assistant-text-strong);
}

.assistantMessage.system .assistantMessageText {
  color: #f0d59c;
}

.assistantMessageText strong {
  color: var(--assistant-text-strong);
}

.assistantMessageText code {
  background: var(--assistant-accent-bg);
  padding: 1px 5px;
  border-radius: 4px;
  font-family: ui-monospace, "SFMono-Regular", monospace;
  font-size: 12px;
  color: var(--assistant-accent);
}

.assistantCitationRow {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin-top: 8px;
  flex-wrap: wrap;
}

.assistantInlineCite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--assistant-accent-bg);
  border: 1px solid var(--assistant-accent-border);
  color: var(--assistant-accent);
  font-size: 9px;
  font-weight: 800;
  margin: 0 2px;
  vertical-align: text-top;
  cursor: pointer;
  text-decoration: none;
}

.assistantInlineCite:hover {
  background: var(--assistant-accent);
  color: #111214;
}

.assistantComposer {
  border-top: 1px solid var(--assistant-border-soft);
  padding: 14px 32px 18px;
  background: rgba(17, 18, 20, 0.7);
}

.assistantComposer textarea {
  width: 100%;
  min-height: 52px;
  max-height: 160px;
  padding: 12px 16px;
  background: rgba(33, 35, 40, 0.7);
  border: 1px solid var(--assistant-border);
  border-radius: 12px;
  color: var(--assistant-text);
  font-family: inherit;
  font-size: 13.5px;
  line-height: 1.55;
  resize: vertical;
  outline: none;
}

.assistantComposer textarea:focus {
  border-color: var(--assistant-accent-border);
}

.assistantComposer textarea::placeholder {
  color: var(--assistant-dim);
}

.assistantComposerFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  gap: 10px;
}

.assistantComposerHint {
  flex: 1;
  color: var(--assistant-dim);
  font-size: 11px;
  min-width: 0;
}

.assistantEmptyState {
  display: grid;
  gap: 10px;
  align-content: center;
  justify-items: start;
  min-height: 260px;
  color: var(--assistant-muted);
}

.assistantEmptyState h3 {
  margin: 0;
  color: var(--assistant-text-strong);
  font-size: 20px;
}

.assistantThinkPane {
  display: contents;
}

.assistantThinkHead {
  padding: 14px 16px;
  border-bottom: 1px solid var(--assistant-border-soft);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.assistantThinkHead .label {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--assistant-think);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.assistantThinkHead .label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--assistant-think);
  box-shadow: 0 0 12px var(--assistant-think);
  animation: assistantThinkPulse 1.4s ease-in-out infinite;
}

.assistantThinkHead .stat {
  color: var(--assistant-muted);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistantThinkBody {
  overflow: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
}

.assistantThinkStep {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
}

.assistantThinkStepNum {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--assistant-think-strong);
  border: 1px solid var(--assistant-think-border);
  color: var(--assistant-think);
  font-size: 10.5px;
  font-weight: 800;
  display: grid;
  place-items: center;
  margin-top: 2px;
}

.assistantThinkStepBody {
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(185, 132, 224, 0.06);
  border-left: 2px solid var(--assistant-think);
  color: #d4baee;
  font-size: 12px;
  font-style: italic;
  line-height: 1.55;
  white-space: pre-wrap;
}

.assistantThinkStepBody code {
  background: var(--assistant-think-strong);
  color: #e2c5f7;
  padding: 1px 5px;
  border-radius: 4px;
  font-family: ui-monospace, monospace;
  font-size: 11px;
  font-style: normal;
}

.assistantContextList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}

.assistantContextList[hidden] {
  display: none !important;
}

.assistantContextItem,
.assistantSourceCard {
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--assistant-border);
  border-left: 2px solid var(--assistant-accent);
  color: var(--assistant-text);
  font-style: normal;
  cursor: pointer;
}

.assistantContextItem:hover,
.assistantSourceCard:hover {
  border-color: var(--assistant-accent-border);
  background: var(--assistant-accent-bg);
}

.assistantSourceTitle {
  color: var(--assistant-text-strong);
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.assistantSourceBadge {
  font-size: 9px;
  font-weight: 800;
  background: var(--assistant-accent-bg);
  color: var(--assistant-accent);
  padding: 1px 5px;
  border-radius: 4px;
  flex: 0 0 auto;
}

.assistantSourceMeta {
  color: var(--assistant-dim);
  font-size: 10px;
  margin-top: 2px;
}

.assistantSourceSnippet {
  color: var(--assistant-muted);
  font-size: 11px;
  font-style: italic;
  line-height: 1.45;
  margin-top: 5px;
}

.assistantThinkEmpty {
  color: var(--assistant-dim);
  font-size: 12px;
  padding: 12px;
  text-align: center;
}

.assistantSourceCardHighlight {
  animation: assistantSourceFlash 1.2s ease-out;
}

@keyframes assistantSourceFlash {
  0% { box-shadow: 0 0 0 2px var(--assistant-accent); }
  100% { box-shadow: 0 0 0 0 transparent; }
}

.assistantThreadList::-webkit-scrollbar,
.assistantLibraryList::-webkit-scrollbar,
.assistantConversation::-webkit-scrollbar,
.assistantThinkBody::-webkit-scrollbar {
  width: 10px;
}

.assistantThreadList::-webkit-scrollbar-thumb,
.assistantLibraryList::-webkit-scrollbar-thumb,
.assistantConversation::-webkit-scrollbar-thumb,
.assistantThinkBody::-webkit-scrollbar-thumb {
  background: rgba(180, 170, 155, 0.22);
  border-radius: 999px;
}

@media (max-width: 1399px) {
  .assistantDeckGrid {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .assistantDeckColumn.assistantDeckRight {
    display: none;
  }

  .assistantTopBar {
    grid-template-columns: 200px 1fr auto;
  }

  .assistantTopBarBreadcrumb {
    display: none;
  }
}

@media (max-width: 1099px) {
  .assistantDeckGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .assistantDeckColumn.assistantDeckLeft {
    display: none;
  }

  .assistantTopBar {
    grid-template-columns: auto 1fr auto;
  }

  .assistantTopCenter {
    display: none;
  }

  .assistantStageHeader,
  .assistantConversation,
  .assistantComposer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  .assistantTopBar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .assistantTopBarMeta {
    gap: 6px;
  }

  .assistantThinkCmd {
    padding: 0 10px;
  }

  .assistantStatusPill {
    padding: 0 10px;
  }

  .assistantStageHeader {
    display: grid;
    grid-template-columns: 1fr;
  }

  .assistantStageActions {
    justify-content: flex-start;
  }

  .assistantMessage {
    max-width: 100%;
  }

  .assistantComposerFooter {
    display: grid;
    grid-template-columns: 1fr;
  }
}