/* S181 EXECUTIVE CHAT EXPERIENCE REBUILD - 2026-05-25 (recreated) */
html body .app:not(.technical-view) .center .founder-presence-copilot,
html body .app:not(.technical-view) .center .s116-execution-stream,
html body .app:not(.technical-view) .center .execution-movements-ledger,
html body .app:not(.technical-view) .center .tb-stab,
html body .app:not(.technical-view) .center .recovery-status-banner{
  display: none !important;
}
html body .center .msg.msg-user,
html body .center .msg[data-from="user"],
html body .center .msg[data-role="user"]{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.055);
  border-left: 1px solid rgba(255,255,255,.075);
  padding: 9px 14px !important;
  border-radius: 14px;
  margin-bottom: 14px !important;
}
html body .center .msg.msg-user .body,
html body .center .msg[data-from="user"] .body,
html body .center .msg[data-role="user"] .body{
  color: var(--tx-1) !important;
  font-weight: 460;
}
html body .center .msg.msg-assistant,
html body .center .msg[data-from="assistant"],
html body .center .msg[data-from="hq"],
html body .center .msg[data-role="assistant"]{
  background: transparent;
  padding: 8px 18px !important;
  border-left: none;
  margin-bottom: 14px !important;
}
html body .app:not(.technical-view) .center .msg-loading-skeleton,
html body .app:not(.technical-view) .center .msg-skeleton,
html body .app:not(.technical-view) .center .loading-dots,
html body .app:not(.technical-view) .center .typing-indicator-big,
html body .app:not(.technical-view) .center .thinking-bubble{
  display: none !important;
}
html body .center .msg.is-streaming .body::after,
html body .center .msg[data-streaming="true"] .body::after{
  content: "▍";
  display: inline;
  margin-left: 2px;
  color: var(--ac-blue);
  animation: s181-blink 1s steps(2) infinite;
  opacity: 0.7;
}
@keyframes s181-blink{
  0%, 50% { opacity: 0.8; }
  51%, 100% { opacity: 0.15; }
}
.s181-exec-line{
  position: sticky;
  top: 48px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 18px;
  background: linear-gradient(180deg, rgba(13,19,32,0.92), rgba(13,19,32,0.78));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: 11.5px;
  color: var(--tx-3);
  min-height: 28px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}
.s181-exec-line[data-visible="true"]{ opacity: 1; transform: translateY(0); pointer-events: auto; }
.s181-exec-line-dot{ width: 6px; height: 6px; border-radius: 50%; background: var(--ac-blue); flex: 0 0 auto; animation: s181-pulse 1.4s ease-in-out infinite; }
@keyframes s181-pulse{ 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.4);opacity:.6;} }
.s181-exec-line-text{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.s181-msg-meta{ display:inline-flex; align-items:center; gap:6px; margin-top:4px; font-size:10.5px; color:var(--tx-faint); }
.s181-msg-meta-sep{ display:inline-block; margin:0 2px; opacity:.5; }
html body .center .artifact-card,
html body .center .artifact-chat-thumb{
  border-radius: 8px !important;
  padding: 8px 10px !important;
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  max-width: 720px;
  margin: 6px 0 !important;
}
.s181-msg-actions{ display:flex; gap:4px; opacity:0; transition: opacity .14s ease; margin-top:6px; }
html body .center .msg:hover .s181-msg-actions{ opacity: 1; }
.s181-msg-action-btn{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:6px; padding:3px 8px; font-size:10.5px; color:var(--tx-3); cursor:pointer; }
.s181-msg-action-btn:hover{ background:rgba(255,255,255,.08); color:var(--tx-1); }
.s181-msg-action-btn[data-copied="1"]{ color: var(--ac-green); }
html body .app:not(.technical-view) .center .msg-trace,
html body .app:not(.technical-view) .center .msg-runstate,
html body .app:not(.technical-view) .center .msg-provider-debug,
html body .app:not(.technical-view) .center .live-reasoning-feed{
  display: none !important;
}

/* S200 · clean chat center / stable header / lighter Founder messages */
html body:not(.technical-view) #founder-flow-dock,
html body:not(.technical-view) .founder-flow-dock{
  display: none !important;
}

html body .hq-chat-header-pill{
  min-height: 46px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  padding: 6px 12px !important;
  border-radius: 10px;
}

html body .hq-chat-title{
  display: block;
  max-width: min(42vw, 520px);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.15;
}

html body .hq-chat-meta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: min(42vw, 520px);
  font-size: 12px;
  font-weight: 500;
  color: var(--tx-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .hq-chat-meta .tb-soft,
html body .hq-chat-meta .tb-sep{
  font-size: inherit;
  color: var(--tx-3);
}

html body .center .msg.msg-user,
html body .center .msg[data-from="user"],
html body .center .msg[data-role="user"]{
  max-width: 760px;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-left: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

html body .center .msg.msg-assistant,
html body .center .msg[data-from="assistant"],
html body .center .msg[data-from="hq"],
html body .center .msg[data-role="assistant"]{
  max-width: 760px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
}

html body .center .msg .body,
html body .center .msg .body-md{
  font-size: 15.5px;
  line-height: 1.62;
  max-width: 74ch;
}

html body .center .msg.msg-user .body,
html body .center .msg[data-from="user"] .body,
html body .center .msg[data-role="user"] .body{
  font-weight: 470;
}

html body .center .composer,
html body .composer{
  border-top-color: rgba(255,255,255,.045) !important;
  box-shadow: none !important;
}

html body .center .comp-card{
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(255,255,255,.065) !important;
  box-shadow: none !important;
}

html body .app:not(.technical-view) .center .msg .body[data-s181-humanized="1"],
html body .app:not(.technical-view) .center .msg .body-md[data-s181-humanized="1"]{
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(127,178,255,.055);
  border: 1px solid rgba(127,178,255,.10);
  color: var(--tx-2);
}

html body .app:not(.technical-view) .center code,
html body .app:not(.technical-view) .center pre{
  white-space: pre-wrap;
  word-break: break-word;
}


