body #helperDiagramDialog.cliWorkspace[open] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(880px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  padding: 12px;
  overflow: hidden;
  border-radius: 7px;
  font:
    11px/1.45 Inter,
    'Segoe UI',
    system-ui,
    sans-serif;
  animation: none !important;
  box-shadow: 0 12px 36px #0005;
}
body #helperDiagramDialog.cliWorkspace .helperDataHead {
  position: relative;
  flex: none;
  min-height: 38px;
  gap: 8px;
  margin: 0;
  padding-right: 20px;
  flex-wrap: nowrap;
}
body #helperDiagramDialog.cliWorkspace h2 {
  flex: none;
  gap: 6px;
  font-size: 14px;
}
body #helperDiagramDialog.cliWorkspace [data-scope-state] {
  font-size: 9px;
  white-space: nowrap;
  color: #b8b8b0;
}
body #helperDiagramDialog.cliWorkspace [data-scope-state][data-active='true'] {
  color: #50cda6;
}
body #helperDiagramDialog.cliWorkspace .cliHeaderTools {
  display: flex;
  gap: 4px;
  align-items: center;
  flex: none;
  margin-left: auto;
}
body #helperDiagramDialog.cliWorkspace .cliHeaderTools button {
  font-size: 8px !important;
  padding: 3px 5px !important;
  min-height: 20px;
  height: 20px;
  margin: 0 !important;
  color: #b9bcb9;
  border-color: #333735;
  background: #171b19;
  border-radius: 3px;
}
body #helperDiagramDialog.cliWorkspace [data-close] {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  padding: 3px !important;
  color: #9ba19d !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  outline: 0;
}
body #helperDiagramDialog.cliWorkspace [data-close]:focus-visible {
  outline: 1px solid #727a75;
}
body #helperDiagramDialog.cliWorkspace .cliAccountSummary {
  margin-left: auto;
  max-width: 60%;
  gap: 14px;
}
body #helperDiagramDialog.cliWorkspace .cliQuotaSummary {
  min-width: 0;
}
body #helperDiagramDialog.cliWorkspace .cliQuotaEmail {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceBody {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  scrollbar-width: thin;
}
body #helperDiagramDialog.cliWorkspace .cliComposer {
  flex: none;
  order: 0;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
body #helperDiagramDialog.cliWorkspace .cliComposerContext {
  font-size: 9px;
  color: #8f9992;
  margin-bottom: 5px;
}
body #helperDiagramDialog.cliWorkspace .cliComposer textarea {
  box-sizing: border-box;
  width: 100%;
  height: 120px !important;
  min-height: 100px !important;
  max-height: 240px;
  padding: 10px !important;
  margin: 0 !important;
  border-radius: 5px;
  font:
    13px/1.5 Inter,
    'Segoe UI',
    system-ui,
    sans-serif;
  color: #e1e5e2;
  background: #101411;
  resize: vertical;
}
body #helperDiagramDialog.cliWorkspace textarea::placeholder {
  font:
    12px/1.5 Inter,
    'Segoe UI',
    system-ui,
    sans-serif;
  color: #7c8780;
}
body #helperDiagramDialog.cliWorkspace .cliComposerActions {
  display: flex !important;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  margin: 5px 0 0 !important;
  padding: 0 !important;
}
body #helperDiagramDialog.cliWorkspace .cliActionSpacer {
  flex: 1;
}
body #helperDiagramDialog.cliWorkspace .cliAccountsGear {
  order: 0;
  margin: 0 4px 0 0 !important;
  width: 24px;
  height: 24px;
  min-width: 24px;
}
body #helperDiagramDialog.cliWorkspace [data-submit] {
  order: 1;
  color: #77d6ae !important;
  border-color: #2e614b !important;
  background: #12251b !important;
}
body #helperDiagramDialog.cliWorkspace .cliActionSpacer {
  order: 2;
}
body #helperDiagramDialog.cliWorkspace [data-pause-current] {
  order: 3;
  color: #c5cbbd;
}
body #helperDiagramDialog.cliWorkspace [data-delete-current] {
  order: 4;
  color: #ed9399 !important;
  background: #281719 !important;
  border-color: #693439 !important;
}
body #helperDiagramDialog.cliWorkspace [data-save-state] {
  order: 0;
  margin: 0;
  font-size: 10px;
  color: #b8c4bb;
}
body #helperDiagramDialog.cliWorkspace .cliProgress {
  margin: 0;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #35473c;
  background: linear-gradient(135deg, #17211b, #111714);
  animation: none !important;
}
body #helperDiagramDialog.cliWorkspace .cliProgress p {
  margin: 7px 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
body #helperDiagramDialog.cliWorkspace .cliSavedVersion {
  padding: 10px;
  margin: 6px 0;
  background: #141814;
  border: 1px solid #343e34;
  border-radius: 4px;
}
body #helperDiagramDialog.cliWorkspace .cliSavedVersion > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
body #helperDiagramDialog.cliWorkspace .cliSavedVersion small {
  color: #839389;
  font-size: 9px;
}
body #helperDiagramDialog.cliWorkspace [data-graph] {
  order: 6;
  flex: 0 1 auto;
  min-height: 22px;
  max-height: 40dvh;
  overflow: auto;
  padding: 0;
  border: 0;
  border-top: 1px solid #29312c;
  border-radius: 0;
  font-size: 9px;
  scrollbar-width: thin;
}
body #helperDiagramDialog.cliWorkspace [data-graph] > summary {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: #91a297;
  font-size: 8px;
  line-height: 16px;
  padding: 4px 1px 0;
  list-style: none;
}
body #helperDiagramDialog.cliWorkspace [data-graph] > summary::-webkit-details-marker {
  display: none;
}
body #helperDiagramDialog.cliWorkspace [data-graph] > summary::after {
  content: none;
}
body #helperDiagramDialog.cliWorkspace [data-graph] > summary svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.2;
}
body #helperDiagramDialog.cliWorkspace [data-graph] > summary:hover {
  color: #d0ddd4;
}
body #helperDiagramDialog.cliWorkspace [data-graph][open] .cliGraphChevron {
  transform: rotate(180deg);
}
body #helperDiagramDialog.cliWorkspace .cliGraphContent {
  padding: 7px 0 0;
}
body #helperDiagramDialog.cliWorkspace .helperDatum {
  padding: 7px;
  animation: none !important;
  min-width: 0;
}
body #helperDiagramDialog.cliWorkspace .helperDatum span {
  display: block;
  overflow-wrap: anywhere;
}
body #helperDiagramDialog.cliWorkspace .cliEmpty {
  padding: 8px;
  color: #87968b;
  font-size: 10px;
}
body #helperDiagramButton.cliBusy .cliBrandMark,
body .positionCLI.cliBusy .cliBrandMark {
  animation: cliWorking 2.8s ease-in-out infinite !important;
  color: #84d8bb;
  opacity: 1;
}
:is(#chart,[data-chart-node="chart"]) canvas {
  display: block;
}
@keyframes cliStatusPulse {
  0%,
  100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 600px) {
  body #helperDiagramDialog.cliWorkspace[open] {
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 12px);
    padding: 9px;
    gap: 7px;
  }
  body #helperDiagramDialog.cliWorkspace .helperDataHead {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: 5px;
    min-height: 30px;
    padding-right: 12px;
  }
  body #helperDiagramDialog.cliWorkspace .helperDataHead h2 {
    grid-column: 1;
    grid-row: 1;
    font-size: 13px;
  }
  body #helperDiagramDialog.cliWorkspace [data-guard-current] {
    grid-column: 2;
    grid-row: 1;
    font-size: 8px;
    padding: 4px;
  }
  body #helperDiagramDialog.cliWorkspace [data-scope-state] {
    grid-column: 3;
    grid-row: 1;
    font-size: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body #helperDiagramDialog.cliWorkspace .cliHeaderTools {
    grid-column: 4;
    grid-row: 1;
    margin-left: 0;
    padding-right: 5px;
  }
  body #helperDiagramDialog.cliWorkspace .cliAccountSummary {
    grid-column: 1/-1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    width: 100%;
    max-width: none;
    margin: 0;
    gap: 5px;
  }
  body #helperDiagramDialog.cliWorkspace .cliComposer textarea {
    height: 112px !important;
    min-height: 90px !important;
    font-size: 14px;
  }
  body #helperDiagramDialog.cliWorkspace .cliComposerActions button {
    font-size: 10px;
    padding: 5px 7px;
  }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 600px) {
    body #helperDiagramDialog.cliWorkspace .cliComposer textarea,
    body #helperDiagramDialog.cliWorkspace .cliSavedPrompts textarea {
      font-size: 16px;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  body .cliControl.cliBusy .cliBrandMark {
    animation: none !important;
  }
}
body [hidden] {
  display: none !important;
}

.cliResultBadge {
  font:
    8px/1.2 Inter,
    system-ui,
    sans-serif;
  margin-left: 4px;
  color: #78dcb1;
  white-space: nowrap;
}
.cliResultBadge[data-result='error'] {
  color: #ed919c;
}
.cliResultBadge[data-result='cancelled'] {
  color: #b1b7b2;
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-result='success'] {
  border-color: #365745;
  background: linear-gradient(135deg, #17251d, #111714);
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-result='error'] {
  border-color: #79404a;
  background: #26191d;
}
body #helperDiagramDialog.cliWorkspace .cliExplanation {
  display: block;
  color: #c9d5cc;
  font-size: 11px;
}
body #helperDiagramDialog.cliWorkspace .cliExplanation p {
  margin: 0;
  color: #d9e3dc;
  line-height: 1.65;
  white-space: normal;
}
body #helperDiagramDialog.cliWorkspace .cliExplanation ul {
  margin: 8px 0 0;
  padding: 0 0 0 13px;
  color: #aebfb3;
}
body #helperDiagramDialog.cliWorkspace .cliExplanation li {
  padding: 0 0 7px 3px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
body #helperDiagramDialog.cliWorkspace .cliExplanation li::marker {
  color: #628f75;
  font-size: 8px;
}
@media (max-width: 600px) {
  body #helperDiagramDialog.cliWorkspace .cliProgress {
    padding: 10px;
  }
  body #helperDiagramDialog.cliWorkspace .cliExplanation {
    font-size: 11px;
  }
  body #helperDiagramDialog.cliWorkspace [data-graph] {
    max-height: 32dvh;
  }
}

/* Motion stays on opacity and small transforms; live polling keeps its nodes. */
body #helperDiagramDialog.cliWorkspace {
  --cli-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  background: #111714f5 !important;
  border-color: #ffffff12 !important;
  box-shadow: 0 16px 44px #0006 !important;
}
body #helperDiagramDialog.cliWorkspace[open] {
  animation: cliWorkspaceEnter 0.24s var(--cli-ease) !important;
}
body #helperDiagramDialog.cliWorkspace::backdrop {
  background: #0007;
  backdrop-filter: none;
  animation: cliBackdropEnter 0.22s ease-out;
}
body #helperDiagramDialog.cliWorkspace.cliClosing::backdrop {
  animation: cliBackdropExit 0.15s ease-in forwards;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceBody > section:not([hidden]) {
  animation: cliSectionEnter 0.22s var(--cli-ease) !important;
}
body #helperDiagramDialog.cliWorkspace .cliProgress {
  border-color: #ffffff12;
  background: linear-gradient(140deg, #19221d, #131a16);
  transition:
    background-color 0.24s,
    border-color 0.24s;
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-result='success'] {
  border-color: #72978240;
  background: linear-gradient(140deg, #19271f, #131b17);
}
body #helperDiagramDialog.cliWorkspace .cliExplanationLead {
  font-weight: 450;
}
body #helperDiagramDialog.cliWorkspace .cliSavedVersion {
  background: #141d17;
  border-color: #ffffff0c;
}
body #helperDiagramDialog.cliWorkspace .helperDatum {
  background: #111a15 !important;
  border-color: #ffffff0b !important;
}
body #helperDiagramDialog.cliWorkspace :is(button, summary) {
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.18s,
    border-color 0.18s,
    background-color 0.18s,
    opacity 0.18s,
    transform 0.18s var(--cli-ease);
}
body #helperDiagramDialog.cliWorkspace button:active {
  transform: scale(0.98);
}
body #helperDiagramDialog.cliWorkspace button:focus-visible,
body #helperDiagramDialog.cliWorkspace summary:focus-visible {
  outline: 1px solid #82ae9660;
  outline-offset: 2px;
}
body #helperDiagramDialog.cliWorkspace .cliHeaderTools button {
  border-color: #ffffff0e;
  background: transparent;
  color: #9bac9f;
}
body #helperDiagramDialog.cliWorkspace .cliComposer textarea {
  background: #0d1510 !important;
  border-color: #ffffff12 !important;
  transition:
    border-color 0.22s,
    background-color 0.22s;
}
body #helperDiagramDialog.cliWorkspace .cliComposer textarea:focus {
  border-color: #719c8150 !important;
  box-shadow: none;
  outline: none;
}
body #helperDiagramButton.cliBusy .cliBrandMark,
body .positionCLI.cliBusy .cliBrandMark {
  animation: cliSoftWorking 3.6s ease-in-out infinite !important;
}
body #helperDiagramDialog.cliWorkspace .cliHeadingMark {
  animation: cliSoftPulse 4s ease-in-out infinite !important;
}
body #helperDiagramDialog.cliWorkspace details[open] > .cliGraphContent,
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails[open] > .cliDecisionContent {
  animation: cliSectionEnter 0.2s var(--cli-ease);
}
body #helperDiagramDialog.cliWorkspace summary::after {
  transition: transform 0.2s var(--cli-ease);
  color: #718779;
}
body #helperDiagramDialog.cliWorkspace details[open] > summary::after {
  transform: rotate(180deg);
}
body #helperDiagramDialog.cliWorkspace .cliGraphChevron {
  transition: transform 0.2s var(--cli-ease);
}
body #helperDiagramDialog.cliWorkspace .cliFlow [data-flow-node] rect {
  transition:
    fill 0.3s,
    stroke 0.3s;
}
@keyframes cliWorkspaceEnter {
  from {
    opacity: 0;
    transform: translateY(7px) scale(0.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes cliSectionEnter {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cliBackdropEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cliBackdropExit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes cliSoftPulse {
  0%,
  100% {
    opacity: 0.65;
  }
  50% {
    opacity: 1;
  }
}
@keyframes cliSoftWorking {
  0%,
  100% {
    transform: rotate(-5deg);
    opacity: 0.72;
  }
  50% {
    transform: rotate(5deg);
    opacity: 1;
  }
}
@keyframes cliDoneEnter {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  body #helperDiagramDialog.cliWorkspace,
  body #helperDiagramDialog.cliWorkspace::backdrop,
  body #helperDiagramDialog.cliWorkspace *,
  body #helperDiagramButton.cliBusy .cliBrandMark,
  body .positionCLI.cliBusy .cliBrandMark {
    animation: none !important;
    transition: none !important;
  }
}

.cliStatusMark {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: none;
  color: var(--cli-state-color, #90a197);
}
.cliStatusMark[data-state='working'],
.cliStatusMark[data-state='ready'],
.cliStatusMark[data-state='done'] {
  --cli-state-color: #78dcb0;
}
.cliStatusMark[data-state='paused'] {
  --cli-state-color: #e6a45c;
}
.cliStatusMark[data-state='waiting'] {
  --cli-state-color: #e6a45c;
}
.cliStatusMark[data-state='error'] {
  --cli-state-color: #ec7d89;
}
.cliStatusIcon {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cliStatusSymbol {
  position: absolute;
  right: -2px;
  bottom: -2px;
  min-width: 10px;
  height: 10px;
  display: grid;
  place-items: center;
  border-radius: 3px;
  background: #111914;
  font:
    650 8px/1 Arial,
    sans-serif;
  border: 1px solid currentColor;
}
.cliStatusMark[data-state='working'] .cliStatusIcon {
  animation: cliStatusOrbit 4.8s linear infinite;
}
.cliStatusMark[data-state='done'] .cliStatusSymbol {
  animation: cliDoneEnter 0.26s ease-out;
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='working'],
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='ready'],
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='done'] {
  border-color: #6bc59b3d;
  background: linear-gradient(140deg, #19271f, #131b17);
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='paused'] {
  border-color: #e6a45c45;
  background: linear-gradient(140deg, #282219, #1b1914);
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='error'] {
  border-color: #ec7d894d;
  background: linear-gradient(140deg, #291c20, #1e1619);
}
body #helperDiagramDialog.cliWorkspace[data-cli-state='working'] .cliHeadingMark,
body #helperDiagramDialog.cliWorkspace[data-cli-state='ready'] .cliHeadingMark,
body #helperDiagramDialog.cliWorkspace[data-cli-state='done'] .cliHeadingMark {
  color: #78dcb0;
  stroke: currentColor;
}
body #helperDiagramDialog.cliWorkspace[data-cli-state='paused'] .cliHeadingMark {
  color: #e6a45c;
  stroke: currentColor;
  animation: none !important;
}
body #helperDiagramDialog.cliWorkspace[data-cli-state='error'] .cliHeadingMark {
  color: #ec7d89;
  stroke: currentColor;
  animation: none !important;
}
body #helperDiagramDialog.cliWorkspace[data-cli-state='working'] .cliHeadingMark {
  animation: cliStatusOrbit 4.8s linear infinite !important;
}
body #helperDiagramButton[data-cli-state='working'],
body .positionCLI[data-cli-state='working'],
body #helperDiagramButton[data-cli-state='ready'],
body .positionCLI[data-cli-state='ready'],
body #helperDiagramButton[data-cli-state='done'],
body .positionCLI[data-cli-state='done'] {
  color: #78dcb0 !important;
  border-color: #6bc59b45 !important;
}
body #helperDiagramButton[data-cli-state='paused'],
body .positionCLI[data-cli-state='paused'] {
  color: #e6a45c !important;
  border-color: #e6a45c45 !important;
}
body #helperDiagramButton[data-cli-state='error'],
body .positionCLI[data-cli-state='error'] {
  color: #ec7d89 !important;
  border-color: #ec7d8945 !important;
}
body #helperDiagramButton[data-cli-state='paused'] .cliResultBadge,
body .positionCLI[data-cli-state='paused'] .cliResultBadge {
  color: #e6b479;
}
body #helperDiagramButton[data-cli-state='error'] .cliResultBadge,
body .positionCLI[data-cli-state='error'] .cliResultBadge {
  color: #ec909a;
}
body #helperDiagramDialog.cliWorkspace .cliNewText {
  animation: cliTextReveal 0.26s ease-out;
}
@keyframes cliTextReveal {
  from {
    opacity: 0.25;
  }
  to {
    opacity: 1;
  }
}
@keyframes cliStatusOrbit {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
body #helperDiagramDialog.cliWorkspace .cliProgress[data-state='waiting'] {
  border-color: #e6a45c45;
  background: linear-gradient(140deg, #282219, #1b1914);
}
body #helperDiagramDialog.cliWorkspace[data-cli-state='waiting'] .cliHeadingMark {
  color: #e6a45c;
  stroke: currentColor;
  animation: none !important;
}
body #helperDiagramButton[data-cli-state='waiting'],
body .positionCLI[data-cli-state='waiting'] {
  color: #e6a45c !important;
  border-color: #e6a45c45 !important;
}
body #helperDiagramButton[data-cli-state='waiting'] .cliBrandMark,
body .positionCLI[data-cli-state='waiting'] .cliBrandMark {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .cliStatusMark .cliStatusIcon,
  .cliStatusMark .cliStatusSymbol,
  body #helperDiagramDialog.cliWorkspace[data-cli-state='working'] .cliHeadingMark,
  body #helperDiagramDialog.cliWorkspace .cliNewText {
    animation: none !important;
  }
}
@keyframes cliAdvanceEnter {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body #helperDiagramDialog.cliWorkspace .cliDecisionDetails {
  margin-top: 12px;
  border-top: 1px solid #ffffff0b;
  padding-top: 8px;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  font-size: 10px;
  color: #a1b7a8;
  cursor: pointer;
  padding: 3px 0;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails summary::-webkit-details-marker {
  display: none;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails summary::after {
  content: none;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails summary > span {
  transition: transform 0.2s var(--cli-ease);
  color: #718779;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionDetails[open] summary > span {
  transform: rotate(180deg);
}
body #helperDiagramDialog.cliWorkspace .cliDecisionContent {
  display: grid;
  gap: 14px;
  padding-top: 12px;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionContent h4 {
  font-size: 9px;
  font-weight: 500;
  color: #83ac94;
  margin: 0 0 7px;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionNotes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
body #helperDiagramDialog.cliWorkspace .cliDecisionNotes li {
  padding-left: 10px;
  border-left: 1px solid #79ad8e35;
  font-size: 11px;
  line-height: 1.65;
  color: #becbc2;
  overflow-wrap: anywhere;
  animation: cliAdvanceEnter 0.3s var(--cli-ease);
}
@media (prefers-reduced-motion: reduce) {
  body #helperDiagramDialog.cliWorkspace .cliDecisionNotes li {
    animation: none !important;
  }
}

.preparedEntryLabel[style*='--card-color: #'] {
  color: var(--card-color) !important;
  border-color: var(--card-color) !important;
  background: color-mix(in srgb, var(--card-color) 10%, #111714) !important;
}
.preparedEntryLabel[data-card-size='small'] {
  font-size: 9px !important;
  padding: 3px 5px !important;
}
.preparedEntryLabel[data-card-size='large'] {
  font-size: 13px !important;
  padding: 8px 10px !important;
}

.preparedEntryLabel[data-card-size='small'] b,
.preparedEntryLabel[data-card-size='large'] b {
  font-size: inherit !important;
}

body #helperDiagramDialog.cliWorkspace .cliExecutionNotice {
  font-size: 11px;
  line-height: 1.6;
  color: #cfb78a;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #cfb78a22;
  animation: cliAdvanceEnter 0.3s var(--cli-ease);
}
/* Workspace navigation and compact management collections. */
body #helperDiagramDialog.cliWorkspace[open] {
  width: min(860px, calc(100vw - 24px));
  padding: 16px;
  gap: 12px;
  border-radius: 14px;
  font-size: 12px;
}
body #helperDiagramDialog.cliWorkspace .cliAccountSummary {
  display: none;
}
body #helperDiagramDialog.cliWorkspace .helperDataHead {
  min-height: 26px;
}
body #helperDiagramDialog.cliWorkspace .cliHeaderTools button {
  height: 28px;
  min-height: 28px;
  padding: 5px 9px !important;
  font-size: 10px !important;
  border-radius: 7px;
}
body #helperDiagramDialog.cliWorkspace .cliHeaderTools .cliAccountsGear {
  width: 28px;
  min-width: 28px;
  padding: 6px !important;
  margin: 0 !important;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav {
  display: flex;
  gap: 3px;
  flex: none;
  overflow-x: auto;
  padding: 3px;
  background: #ffffff04;
  border: 1px solid #ffffff08;
  border-radius: 9px;
  scrollbar-width: none;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav button {
  flex: 1;
  white-space: nowrap;
  border: 0;
  background: transparent;
  color: #91a298;
  padding: 8px 10px;
  min-height: 34px;
  border-radius: 6px;
  font-size: 11px;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav button[aria-pressed='true'] {
  background: #26372c;
  color: #c2e3cf;
  box-shadow: 0 1px 4px #0003;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav span {
  margin-left: 4px;
  font-size: 9px;
  color: #8ba695;
  font-variant-numeric: tabular-nums;
}
body #helperDiagramDialog.cliWorkspace .cliWorkspaceBody {
  order: 1;
  min-height: 80px;
  max-height: 58dvh;
}
body #helperDiagramDialog.cliWorkspace .cliComposer {
  order: 2;
  border-top: 1px solid #ffffff0b;
  padding-top: 10px !important;
}
body #helperDiagramDialog.cliWorkspace .cliComposer textarea {
  height: 88px !important;
  min-height: 70px !important;
  max-height: 180px;
  border-radius: 8px;
  font-size: 13px;
}
body #helperDiagramDialog.cliWorkspace .cliComposerContext {
  margin-bottom: 6px;
  font-size: 10px;
}
body #helperDiagramDialog.cliWorkspace [data-save-state] {
  order: 3;
}
body #helperDiagramDialog.cliWorkspace .cliAccountsSettings {
  flex: none;
  max-height: 32dvh;
  overflow: auto;
}
body #helperDiagramDialog.cliWorkspace .cliCollectionHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 2px 8px;
  color: #8da497;
}
body #helperDiagramDialog.cliWorkspace .cliCollectionHead:first-child {
  margin-top: 2px;
}
body #helperDiagramDialog.cliWorkspace .cliCollectionHead h3 {
  margin: 0;
  font-size: 11px;
  font-weight: 550;
  color: #b5c6bc;
}
body #helperDiagramDialog.cliWorkspace .cliCollectionHead > span {
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
body #helperDiagramDialog.cliWorkspace .cliCollectionEmpty {
  padding: 18px 12px;
  border: 1px dashed #ffffff0d;
  border-radius: 9px;
  color: #788d80;
  font-size: 11px;
}
body #helperDiagramDialog.cliWorkspace .cliManageCard {
  border: 1px solid #ffffff0b;
  border-radius: 9px;
  background: #ffffff04;
  margin-bottom: 8px;
  overflow: hidden;
  animation: cliSectionEnter 0.2s var(--cli-ease);
}
body #helperDiagramDialog.cliWorkspace .cliCardMain {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 12px;
  color: #c6d5cb;
  border-radius: 0;
  min-width: 0;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain > span:last-child {
  flex: 1;
  min-width: 0;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain b {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 550;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain em {
  margin-left: auto;
  font-size: 9px;
  font-weight: 400;
  font-style: normal;
  color: #96b6a3;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain small {
  display: block;
  margin-top: 3px;
  font-size: 10px;
  color: #81978a;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain p {
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.55;
  color: #99aba0;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
body #helperDiagramDialog.cliWorkspace .cliCardDot {
  margin-top: 5px;
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cfaa74;
}
body #helperDiagramDialog.cliWorkspace .cliCardDot[data-active='true'] {
  background: #76caa3;
  box-shadow: 0 0 0 3px #76caa310;
}
body #helperDiagramDialog.cliWorkspace .cliCardActions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px 10px 10px;
}
body #helperDiagramDialog.cliWorkspace .cliCardActions button {
  border: 1px solid #ffffff0b;
  background: transparent;
  color: #9bb7a6;
  font-size: 10px;
  min-height: 29px;
  padding: 5px 9px;
  border-radius: 6px;
  margin: 0;
}
body #helperDiagramDialog.cliWorkspace .cliCardActions .cliDanger {
  color: #c28c92;
  margin-left: auto;
}
body #helperDiagramDialog.cliWorkspace .cliCardMain:hover {
  background: #ffffff03;
}
body #helperDiagramDialog.cliWorkspace .cliSavedPrompts article {
  padding: 12px;
  margin: 0 0 8px;
  border: 1px solid #ffffff0c;
  border-radius: 9px;
  background: #ffffff02;
}
body #helperDiagramDialog.cliWorkspace .cliSavedPrompts article > b {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #bfd1c5;
}
body #helperDiagramDialog.cliWorkspace .cliSavedPrompts article > small {
  display: block;
  font-size: 9px;
  color: #84978b;
  margin: 3px 0 8px;
}
body #helperDiagramDialog.cliWorkspace .cliSavedPrompts textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 9px;
  font:
    12px/1.55 Inter,
    system-ui,
    sans-serif;
  min-height: 80px;
  resize: vertical;
  border-radius: 6px;
}
body #helperDiagramDialog.cliWorkspace .cliSavedPrompts button {
  min-height: 29px;
  font-size: 10px;
  margin-top: 7px;
}
@media (max-width: 600px) {
  body #helperDiagramDialog.cliWorkspace[open] {
    padding: 12px;
    width: calc(100vw - 12px);
    gap: 10px;
    max-height: calc(100dvh - 16px);
  }
  body #helperDiagramDialog.cliWorkspace .helperDataHead {
    display: flex;
    gap: 6px;
    padding-right: 16px;
    min-height: 26px;
  }
  body #helperDiagramDialog.cliWorkspace .cliHeaderTools {
    margin-left: auto;
    padding-right: 0;
  }
  body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav button {
    flex: none;
    font-size: 10px;
    padding: 8px 9px;
    min-height: 36px;
  }
  body #helperDiagramDialog.cliWorkspace .cliCardActions button {
    min-height: 34px;
  }
  body #helperDiagramDialog.cliWorkspace .cliComposer textarea {
    height: 82px !important;
  }
  body #helperDiagramDialog.cliWorkspace .cliWorkspaceBody {
    max-height: 55dvh;
  }
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 600px) {
    body #helperDiagramDialog.cliWorkspace .cliComposer textarea,
    body #helperDiagramDialog.cliWorkspace .cliSavedPrompts textarea {
      font-size: 16px;
    }
  }
}

body #helperDiagramDialog.cliWorkspace .cliPromptPreview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.55;
  color: #99afa1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 8px 0;
}
@media (max-width: 600px) {
  body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav {
    gap: 1px;
  }
  body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav button {
    flex: 1;
    min-width: 0;
    font-size: 9.5px;
    padding: 8px 4px;
  }
  body #helperDiagramDialog.cliWorkspace .cliWorkspaceNav span {
    font-size: 8px;
    margin-left: 2px;
  }
}
/* Conversation: messages first; operational details stay collapsed. */
body #helperDiagramDialog.cliWorkspace [data-progress] {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
}
body #helperDiagramDialog.cliWorkspace .cliChatTurn {
  margin: 0 0 14px;
}
body #helperDiagramDialog.cliWorkspace .cliUserBubble {
  margin: 0 0 10px 44px;
  padding: 10px 12px;
  border: 1px solid #ffffff0b;
  border-radius: 10px 10px 3px 10px;
  background: #ffffff04;
}
body #helperDiagramDialog.cliWorkspace .cliMessageMeta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 20px;
  margin-bottom: 7px;
  font-size: 10px;
  color: #92a79b;
}
body #helperDiagramDialog.cliWorkspace .cliMessageMeta > strong {
  font-size: 11px;
  color: #c3d6c9;
  font-weight: 550;
}
body #helperDiagramDialog.cliWorkspace .cliMessageMeta > time {
  margin-left: auto;
  font-size: 9px;
  color: #6e8878;
}
body #helperDiagramDialog.cliWorkspace .cliMessageMeta > button {
  border: 0;
  background: transparent;
  margin-left: auto;
  padding: 3px 0;
  font-size: 9px;
  color: #95aa9d;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt {
  border: 0;
  padding: 0;
  margin: 0;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt > summary {
  list-style: none;
  cursor: pointer;
  font-size: 11px;
  color: #bdcec2;
  line-height: 1.6;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt > summary::-webkit-details-marker {
  display: none;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt > summary::after {
  content: none;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt[open] > summary {
  display: none;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt p {
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
  color: #bdcec2;
  white-space: pre-wrap;
}
body #helperDiagramDialog.cliWorkspace .cliAssistantBubble {
  padding: 0 2px 10px;
  margin: 0 0 10px;
}
body #helperDiagramDialog.cliWorkspace .cliChatStatus {
  font-size: 9px;
  color: #87aa97;
}
body #helperDiagramDialog.cliWorkspace .cliAssistantBubble .cliExplanation {
  padding-left: 29px;
  font-size: 12px;
}
body #helperDiagramDialog.cliWorkspace .cliAssistantBubble .cliExplanation ul {
  margin-top: 6px;
}
body #helperDiagramDialog.cliWorkspace .cliAssistantBubble .cliDecisionDetails {
  margin-left: 29px;
  border: 0;
  border-top: 1px solid #ffffff08;
  padding: 6px 0 0;
  margin-top: 10px;
}
body #helperDiagramDialog.cliWorkspace .cliAssistantBubble .cliDecisionDetails > summary {
  font-size: 10px;
  color: #738f7d;
  padding: 4px 0;
}
body #helperDiagramDialog.cliWorkspace .cliChatAdvances {
  list-style: none;
  margin: 0;
  padding: 0 0 0 29px;
}
body #helperDiagramDialog.cliWorkspace .cliChatAdvances li {
  margin: 0;
  padding: 0 0 10px;
  color: #b1c6b9;
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  animation: cliSectionEnter 0.24s var(--cli-ease);
}
body #helperDiagramDialog.cliWorkspace .cliChatAdvances li:last-child {
  padding-bottom: 0;
  color: #d0dfd5;
}
body #helperDiagramDialog.cliWorkspace .cliChatHistory {
  margin: 10px 0;
  border: 0;
  padding: 0;
}
body #helperDiagramDialog.cliWorkspace .cliChatHistory > summary {
  cursor: pointer;
  color: #789483;
  font-size: 10px;
  list-style: none;
  padding: 6px 0;
}
body #helperDiagramDialog.cliWorkspace .cliChatHistory > summary span {
  margin-left: 5px;
  font-size: 9px;
  color: #5f7a69;
}
body #helperDiagramDialog.cliWorkspace .cliOlderReply {
  padding: 0 14px 12px 29px;
}
body #helperDiagramDialog.cliWorkspace .cliOlderReply > span {
  display: block;
  font-size: 10px;
  color: #7e9e8b;
  margin-bottom: 6px;
}
body #helperDiagramDialog.cliWorkspace .cliOlderReply .cliExplanation {
  font-size: 11px;
}
body #helperDiagramDialog.cliWorkspace .cliChatHistory[open] {
  padding-bottom: 8px;
}
body #helperDiagramDialog.cliWorkspace .cliChatNotice {
  margin: 10px 0 0 29px;
  padding: 8px 10px;
  border-left: 2px solid #a58b50;
  color: #b1a482;
  font-size: 10px;
}
body #helperDiagramDialog.cliWorkspace .cliReturnLive {
  width: 100%;
  text-align: left;
  margin: 0 0 12px;
  padding: 8px 10px;
  border: 1px solid #6da18325;
  background: #6da18308;
  border-radius: 7px;
  color: #9ec6ae;
  font-size: 10px;
}
body #helperDiagramDialog.cliWorkspace .cliComposerContext {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
body #helperDiagramDialog.cliWorkspace [data-draft-state] {
  font-size: 9px;
  color: #7a9e89;
}
body #helperDiagramDialog.cliWorkspace .cliComposer[data-editing='true'] textarea {
  border-color: #a88d5530 !important;
}
@media (max-width: 600px) {
  body #helperDiagramDialog.cliWorkspace .cliUserBubble {
    margin-left: 20px;
  }
  body #helperDiagramDialog.cliWorkspace .cliMessageMeta {
    font-size: 9px;
  }
  body #helperDiagramDialog.cliWorkspace .cliChatAdvances li,
  body #helperDiagramDialog.cliWorkspace .cliAssistantBubble .cliExplanation {
    font-size: 11px;
  }
  body #helperDiagramDialog.cliWorkspace [data-draft-state] {
    font-size: 8px;
  }
  body #helperDiagramDialog.cliWorkspace .cliComposerContext {
    gap: 3px;
  }
}
body #helperDiagramDialog.cliWorkspace .cliPromptToggle {
  display: none;
  font-size: 9px;
  color: #7f9c8b;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt[open] > summary {
  display: block;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt[open] .cliPromptExcerpt {
  display: none;
}
body #helperDiagramDialog.cliWorkspace .cliUserPrompt[open] .cliPromptToggle {
  display: inline;
}
body #helperDiagramDialog.cliWorkspace [data-scanner-detail] {
  background: transparent !important;
  border: 0 !important;
  padding: 0;
}
body #helperDiagramDialog.cliWorkspace .cliScannerMeta {
  padding-left: 29px;
  font-size: 9px;
  color: #7b9787;
  margin: 0 0 12px;
}
body #helperDiagramDialog.cliWorkspace [data-scanner-detail] .cliMessageMeta button {
  margin-left: auto;
}
body #helperDiagramDialog.cliWorkspace [data-scanner-detail] .cliChatHistory {
  padding-left: 29px;
}
body #helperDiagramDialog.cliWorkspace .cliScannerOverview {
  margin-top: 10px;
  color: #a8bdaf;
  font-size: 10px;
  text-align: left;
}
body #helperDiagramDialog.cliWorkspace [data-scanner-detail] .cliScannerOverview {
  margin: 0 0 16px 29px;
}
body #helperDiagramDialog.cliWorkspace .cliScannerOverviewLead {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #bdd5c7;
  font-size: 11px;
  line-height: 1.5;
}
body #helperDiagramDialog.cliWorkspace .cliParallelPulse {
  display: flex;
  gap: 3px;
  flex: none;
}
body #helperDiagramDialog.cliWorkspace .cliParallelPulse i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #60c4a1;
  animation: cliParallelBreathe 1.8s ease-in-out infinite;
}
body #helperDiagramDialog.cliWorkspace .cliScannerRound {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 9px 0 5px;
  color: #7e9989;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}
body #helperDiagramDialog.cliWorkspace .cliScannerRoundTrack {
  height: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: #ffffff08;
}
body #helperDiagramDialog.cliWorkspace .cliScannerRoundTrack > span {
  display: block;
  height: 100%;
  background: #60c4a170;
  transition: width 0.35s ease;
}
body #helperDiagramDialog.cliWorkspace .cliScannerTotals {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 16px;
  margin-top: 7px;
  color: #7e9989;
  font-size: 9px;
}
body #helperDiagramDialog.cliWorkspace .cliScannerTotals b {
  display: inline;
  font-size: inherit;
  font-weight: 500;
  color: #afc7b8;
  font-variant-numeric: tabular-nums;
}
body #helperDiagramDialog.cliWorkspace .cliScannerDataWait {
  margin-top: 5px;
  font-size: 9px;
  color: #8c927d;
}
body #helperDiagramDialog.cliWorkspace .cliScannerOverview[data-paused] .cliParallelPulse i {
  animation: none;
  background: #b49a63;
}
body #helperDiagramDialog.cliWorkspace .cliScannerOverview[data-paused] .cliScannerOverviewLead {
  color: #b7ac90;
}
@keyframes cliParallelBreathe {
  0%,
  100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  body #helperDiagramDialog.cliWorkspace .cliParallelPulse i {
    animation: none;
  }
  body #helperDiagramDialog.cliWorkspace .cliScannerRoundTrack > span {
    transition: none;
  }
}