:root{--fc-ink:#171717;--fc-muted:#8b8b8b;--fc-user:#f3f3f3;--fc-line:#e7e7e7;--fc-soft:#f8f8f8;--fc-send:#202020;--fc-radius:24px;--fc-font:"Söhne",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fc-mono:"Söhne Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
#msgs,.chat-msgs{font-family:var(--fc-font)!important;color:var(--fc-ink)!important;background:#fff!important}
.msg,.cmsg{width:100%!important;max-width:760px!important;margin:0 auto 22px!important}
.msg .who,.cwho{display:none!important}
.msg.user,.cmsg.user{display:flex!important;flex-direction:column!important;align-items:flex-end!important}
.bubble,.cbody{font-family:var(--fc-font)!important;font-size:16px!important;line-height:1.6!important;color:var(--fc-ink)!important;letter-spacing:0!important}
.msg.user .bubble,.cmsg.user .cbody{display:inline-block!important;width:auto!important;max-width:85%!important;background:var(--fc-user)!important;border:0!important;border-radius:20px!important;padding:10px 14px!important;box-shadow:none!important;white-space:pre-wrap!important}
.msg.ai .bubble,.cmsg.ai .cbody{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#mainChatForm,.chat-compose{background:#fff!important;border-top:0!important;padding:10px 14px 12px!important;margin:0!important}
.cbox,.chat-box{position:relative!important;max-width:780px!important;margin:0 auto!important;background:#fff!important;border:1px solid #dedede!important;border-radius:var(--fc-radius)!important;box-shadow:0 1px 6px rgba(0,0,0,.06)!important}
#prompt,#chatPrompt{width:100%!important;min-height:54px!important;max-height:200px!important;padding:15px 52px 13px 50px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--fc-ink)!important;font:15px/1.5 var(--fc-font)!important;resize:none!important}
#mainAttach,#chatAttach{position:absolute!important;left:10px!important;bottom:10px!important;width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#454545!important;padding:0!important;display:grid!important;place-items:center!important;font-size:22px!important;box-shadow:none!important}
#send,#chatSend{position:absolute!important;right:10px!important;bottom:10px!important;width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;padding:0!important;background:var(--fc-send)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:15px!important;box-shadow:none!important}
#send:disabled,#chatSend:disabled{background:#d7d7d7!important;color:#fff!important;opacity:1!important}
.fleet-activity,.tool,.ctool,.coord-note{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.fleet-activity{font-size:14px!important;line-height:1.45!important;color:var(--fc-muted)!important;font-weight:400!important}
.tool,.ctool{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--fc-muted)!important}
.md-p{margin:0 0 12px!important}.md-li{margin:5px 0!important;line-height:1.55!important}.md-code{font-size:13px!important;line-height:1.55!important;border-radius:12px!important;background:#f7f7f8!important;border:1px solid #e9e9eb!important}
.ai .bubble h1,.cmsg.ai .cbody h1{font-size:24px!important}.ai .bubble h2,.cmsg.ai .cbody h2{font-size:20px!important}.ai .bubble h3,.cmsg.ai .cbody h3{font-size:17px!important}.ai .bubble h1,.ai .bubble h2,.ai .bubble h3,.cmsg.ai .cbody h1,.cmsg.ai .cbody h2,.cmsg.ai .cbody h3{margin:20px 0 10px!important;font-weight:650!important;letter-spacing:-.015em!important}
@media(max-width:760px){
 html,body{height:100%;background:#fff!important}
 #msgs,.chat-msgs{padding:16px 12px 14px!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .msg,.cmsg{margin-bottom:18px!important;max-width:100%!important}
 .bubble,.cbody{font-size:16px!important;line-height:1.62!important}
 .msg.user .bubble,.cmsg.user .cbody{max-width:88%!important;padding:9px 13px!important;border-radius:19px!important}
 #mainChatForm,.chat-compose{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(16px)}
 .cbox,.chat-box{max-width:680px!important;border-radius:22px!important}
 #prompt,#chatPrompt{font-size:16px!important;line-height:1.42!important;min-height:50px!important;max-height:30vh!important;padding:13px 48px 11px 45px!important}
 #mainAttach,#chatAttach{left:8px!important;bottom:8px!important;width:34px!important;height:34px!important}
 #send,#chatSend{right:8px!important;bottom:8px!important;width:34px!important;height:34px!important}
 .fleet-activity,.tool,.ctool,.coord-note{max-width:680px!important}
 .hint,.chat-foot{display:none!important}
}
/* Unified execution + learning controls across Main and Teach */
.exec-mode-wrap,.chat-exec-mode-wrap,.learning-mode-wrap,.chat-learning-wrap{max-width:780px;margin-left:auto!important;margin-right:auto!important;font-family:var(--fc-font)!important}
.exec-mode-wrap,.chat-exec-mode-wrap{display:flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;margin-top:6px!important;color:#777!important;font-size:12px!important}
#execMode,#chatExecMode{width:auto!important;min-width:86px!important;border:1px solid #dedede!important;border-radius:9px!important;background:#fff!important;padding:5px 8px!important;font:600 12px/1.2 var(--fc-font)!important;color:#282828!important}
.exec-mode-desc,.chat-exec-mode-desc{font-size:11px!important;color:#858585!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
#teamWindow,.chat-team-window{border:0!important;background:transparent!important;color:#2f6fe0!important;padding:3px 0!important;font-size:11px!important;font-weight:650!important;white-space:nowrap}
.learning-mode-wrap,.chat-learning-wrap{display:flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;margin-top:4px!important;color:#777!important;font-size:12px!important}
.learning-mode-wrap label,.chat-learning-wrap label{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;color:#333!important;white-space:nowrap}
.learning-mode-wrap input[type=text],.chat-learning-wrap input[type=text]{flex:1!important;min-width:0!important;height:30px!important;border:1px solid #dedede!important;border-radius:9px!important;padding:5px 8px!important;background:#fff!important;font:11.5px var(--fc-font)!important;color:#333!important}
.learning-mode-state,.chat-learning-state{font-size:10.5px!important;color:#888!important;white-space:nowrap!important;max-width:110px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
 .exec-mode-wrap,.chat-exec-mode-wrap,.learning-mode-wrap,.chat-learning-wrap{max-width:680px!important;padding:0 2px!important}
 .exec-mode-wrap,.chat-exec-mode-wrap{min-height:25px!important;margin-top:4px!important;gap:5px!important}
 #execMode,#chatExecMode{min-width:78px!important;padding:4px 7px!important;font-size:11px!important}
 .exec-mode-desc,.chat-exec-mode-desc{font-size:10.5px!important}
 #teamWindow,.chat-team-window{font-size:10.5px!important}
 .learning-mode-wrap,.chat-learning-wrap{min-height:27px!important;margin-top:2px!important;gap:5px!important;flex-wrap:nowrap!important}
 .learning-mode-wrap label,.chat-learning-wrap label{font-size:11px!important}
 .learning-mode-wrap input[type=text],.chat-learning-wrap input[type=text]{height:28px!important;font-size:11px!important;padding:4px 7px!important;flex-basis:auto!important}
 .learning-mode-state,.chat-learning-state{font-size:10px!important;max-width:70px!important}
}
@media(max-width:390px){.exec-mode-desc,.chat-exec-mode-desc,.learning-mode-state,.chat-learning-state{display:none!important}}

/* ChatGPT mobile visual parity: natural system type, softer activity rows */
.fleet-activity .activity-dot{width:22px!important;height:22px!important;display:inline-grid!important;grid-template-columns:repeat(2,6px)!important;grid-template-rows:repeat(2,6px)!important;gap:3px!important;align-content:center!important;justify-content:center!important;background:none!important;border-radius:0!important;animation:fleetActivityFade 1.15s ease-in-out infinite!important;transform:none!important}
.fleet-activity .activity-dot::before{content:"";width:6px;height:6px;border:1.7px solid #a0a0a0;border-radius:50%;box-shadow:9px 0 0 -1.7px #fff,9px 0 0 0 #a0a0a0,0 9px 0 -1.7px #fff,0 9px 0 0 #a0a0a0,9px 9px 0 -1.7px #fff,9px 9px 0 0 #a0a0a0;box-sizing:border-box}
.fleet-activity.done .activity-dot{animation:none!important;opacity:.72!important;background:none!important}
@keyframes fleetActivityFade{0%,100%{opacity:.48}50%{opacity:1}}
@media(max-width:760px){
 #msgs,.chat-msgs{padding-left:18px!important;padding-right:18px!important}
 .ai .bubble,.cmsg.ai .cbody{font-size:16px!important;line-height:1.62!important}
 .user .bubble,.cmsg.user .cbody{font-size:16px!important;line-height:1.5!important}
 .fleet-activity{font-size:14px!important;line-height:1.45!important;gap:10px!important;margin-top:3px!important;margin-bottom:14px!important;color:#929292!important}
 .md-p{margin-bottom:14px!important}
}


/* Söhne typography preference */
.md-code,.md-inline,code,pre{font-family:var(--fc-mono)!important}

/* === Fleet Chat UI v5: one ChatGPT-style presentation across chat surfaces === */
:root{
  --fc-page:#fff;
  --fc-ink:#1f1f1f;
  --fc-muted:#7d7d7d;
  --fc-faint:#a1a1a1;
  --fc-user:#f4f4f4;
  --fc-hover:#f2f2f2;
  --fc-line:#e7e7e7;
  --fc-compose:#f7f7f8;
  --fc-send:#212121;
  --fc-max:768px;
  --fc-radius:26px;
  --fc-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Conversation canvas */
#chat,.chat{background:var(--fc-page)!important}
#msgs,.chat-msgs{
  background:var(--fc-page)!important;
  color:var(--fc-ink)!important;
  font-family:var(--fc-font)!important;
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
}
#msgs{padding:28px 20px 18px!important}
.chat-msgs{padding:28px 20px 18px!important}
.msg,.cmsg{width:100%!important;max-width:var(--fc-max)!important;margin:0 auto 24px!important}
.msg .who,.cwho{display:none!important}
.msg.user,.cmsg.user{display:flex!important;flex-direction:column!important;align-items:flex-end!important}
.bubble,.cbody{font:400 16px/1.62 var(--fc-font)!important;letter-spacing:0!important;color:var(--fc-ink)!important}
.msg.user .bubble,.cmsg.user .cbody{
  display:inline-block!important;width:auto!important;max-width:min(85%,620px)!important;
  padding:10px 15px!important;background:var(--fc-user)!important;border:0!important;
  border-radius:22px!important;box-shadow:none!important;white-space:pre-wrap!important;
}
.msg.ai .bubble,.cmsg.ai .cbody{
  width:100%!important;max-width:var(--fc-max)!important;margin:0 auto!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}

/* Assistant typography closer to ChatGPT's reading rhythm */
.ai .bubble .md-p,.cmsg.ai .cbody .md-p,.ai .bubble p{margin:0 0 15px!important}
.md-gap{height:7px!important}
.md-li{margin:6px 0!important;line-height:1.58!important;grid-template-columns:24px 1fr!important}
.ai .bubble h1,.cmsg.ai .cbody h1{font-size:25px!important;line-height:1.25!important}
.ai .bubble h2,.cmsg.ai .cbody h2{font-size:20px!important;line-height:1.3!important}
.ai .bubble h3,.cmsg.ai .cbody h3{font-size:17px!important;line-height:1.35!important}
.ai .bubble h1,.ai .bubble h2,.ai .bubble h3,.cmsg.ai .cbody h1,.cmsg.ai .cbody h2,.cmsg.ai .cbody h3{
  margin:22px 0 10px!important;font-weight:650!important;letter-spacing:-.018em!important;
}
.md-inline{background:#f3f3f3!important;border-radius:6px!important;padding:2px 5px!important;font-size:.9em!important}
.md-code{background:#f7f7f8!important;border:1px solid #e8e8ea!important;border-radius:12px!important;padding:14px 15px!important;font-size:13px!important;line-height:1.56!important}
blockquote{margin:12px 0!important;padding:2px 0 2px 13px!important;border-left:3px solid #d6d6d6!important;color:#555!important}

/* Tool/activity rows are subordinate to the conversation */
.fleet-activity,.tool,.ctool,.coord-note{max-width:var(--fc-max)!important;margin-left:auto!important;margin-right:auto!important}
.fleet-activity{margin-top:0!important;margin-bottom:15px!important;color:#8e8e8e!important;font-size:14px!important;line-height:1.45!important}
.tool,.ctool{margin-top:4px!important;margin-bottom:13px!important;padding:0!important;border:0!important;background:transparent!important;color:#777!important;box-shadow:none!important}
.tool .head{padding:4px 0!important;font-size:12.5px!important}.tool .lbl,.ctool strong{font-weight:500!important;color:#737373!important}
.tool .body pre,.ctool pre{background:#f7f7f8!important;border:1px solid #ececec!important;border-radius:10px!important;padding:10px 11px!important}
.coord-note{border:1px solid #ededed!important;background:#fafafa!important;border-radius:12px!important;padding:9px 11px!important}

/* Composer: floating ChatGPT-style surface with subtle fade into the transcript */
#mainChatForm,.chat-compose{
  position:relative!important;z-index:5!important;background:#fff!important;border:0!important;
  margin:0!important;padding:16px 16px 12px!important;
}
#mainChatForm::before,.chat-compose::before{
  content:"";position:absolute;left:0;right:0;top:-34px;height:35px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.92) 72%,#fff);
}
.cbox,.chat-box{
  position:relative!important;max-width:800px!important;margin:0 auto!important;
  min-height:58px!important;background:var(--fc-compose)!important;border:1px solid #e2e2e2!important;
  border-radius:27px!important;box-shadow:0 1px 5px rgba(0,0,0,.07)!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.cbox:focus-within,.chat-box:focus-within,.cbox.drop-hot,.chat-box.drop-hot{
  border-color:#d4d4d4!important;box-shadow:0 2px 9px rgba(0,0,0,.09)!important;
}
#prompt,#chatPrompt{
  min-height:56px!important;max-height:210px!important;padding:16px 54px 14px 50px!important;
  border:0!important;background:transparent!important;outline:0!important;resize:none!important;
  color:var(--fc-ink)!important;font:400 16px/1.48 var(--fc-font)!important;
}
#prompt::placeholder,#chatPrompt::placeholder{color:#8f8f8f!important}
#mainAttach,#chatAttach{
  left:10px!important;bottom:11px!important;width:34px!important;height:34px!important;border:0!important;
  border-radius:50%!important;background:transparent!important;color:#494949!important;font-size:22px!important;
}
#mainAttach:hover,#chatAttach:hover{background:#e9e9ea!important}
#send,#chatSend{
  right:10px!important;bottom:11px!important;width:34px!important;height:34px!important;border:0!important;
  border-radius:50%!important;background:var(--fc-send)!important;color:#fff!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;font-size:15px!important;
}
#send:disabled,#chatSend:disabled{background:#d7d7d7!important;color:#fff!important;opacity:1!important}
#send.stopping,#chatSend.stopping{font-size:12px!important}
.hint,.chat-foot{max-width:800px!important;margin:7px auto 0!important;padding:0 6px!important;color:#9a9a9a!important;font-size:10.5px!important}

/* Attachments use small neutral file cards */
.main-chat-files,.chat-files{padding:10px 11px 0!important;gap:8px!important}
.main-chat-file,.chat-file,.sent-file-main,.sent-file{
  background:#fff!important;border:1px solid #e2e2e2!important;border-radius:13px!important;color:#444!important;box-shadow:none!important;
}

/* Mode / learning controls become quiet utility chips instead of admin rows */
.exec-mode-wrap,.chat-exec-mode-wrap,.learning-mode-wrap,.chat-learning-wrap{
  max-width:800px!important;margin-left:auto!important;margin-right:auto!important;font-family:var(--fc-font)!important;
}
.exec-mode-wrap,.chat-exec-mode-wrap{
  display:flex!important;align-items:center!important;gap:7px!important;margin-top:7px!important;min-height:27px!important;color:#777!important;font-size:11.5px!important;
}
#execMode,#chatExecMode{
  min-width:0!important;width:auto!important;border:0!important;border-radius:999px!important;background:#f2f2f2!important;
  color:#3d3d3d!important;padding:5px 9px!important;font:600 11.5px/1.2 var(--fc-font)!important;cursor:pointer!important;
}
#execMode:hover,#chatExecMode:hover{background:#e9e9e9!important}
.exec-mode-desc,.chat-exec-mode-desc{font-size:10.8px!important;color:#949494!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important}
#teamWindow,.chat-team-window{border:0!important;border-radius:999px!important;background:#f2f2f2!important;color:#444!important;padding:5px 9px!important;font-size:10.8px!important;font-weight:600!important}
#teamWindow:hover,.chat-team-window:hover{background:#e9e9e9!important}
.learning-mode-wrap,.chat-learning-wrap{
  display:flex!important;align-items:center!important;gap:6px!important;min-height:27px!important;margin-top:3px!important;color:#777!important;font-size:11px!important;
}
.learning-mode-wrap label,.chat-learning-wrap label{
  margin:0!important;padding:4px 7px!important;border-radius:999px!important;background:#f7f7f7!important;
  display:flex!important;align-items:center!important;gap:4px!important;color:#4b4b4b!important;font-size:10.8px!important;font-weight:600!important;white-space:nowrap!important;
}
.learning-mode-wrap input[type=text],.chat-learning-wrap input[type=text]{
  flex:1!important;min-width:0!important;height:27px!important;border:0!important;border-radius:999px!important;background:#f7f7f7!important;
  padding:5px 9px!important;color:#444!important;font:10.8px var(--fc-font)!important;
}
.learning-mode-state,.chat-learning-state{max-width:105px!important;color:#9a9a9a!important;font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Teach chat gets the same quiet top bar as the main conversation */
.chat-head-clean{padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #ededed!important}
.chat-head-clean .chat-title{min-height:32px!important}.chat-head-clean h2{font-size:14px!important;font-weight:600!important}
.chat-head-clean .chat-dot{width:18px!important;height:18px!important;border-radius:50%!important;background:#212121!important}
.chat-new{border:0!important;border-radius:9px!important;background:transparent!important;color:#686868!important;padding:6px 8px!important}.chat-new:hover{background:#f2f2f2!important;color:#222!important}

/* Streaming cursor */
.msg.ai.streaming .bubble:after,.cmsg.ai.streaming .cbody:after{content:'▋';display:inline-block;margin-left:1px;color:#333;animation:fcCursor .9s steps(1) infinite}
@keyframes fcCursor{50%{opacity:0}}

@media(max-width:760px){
  #msgs,.chat-msgs{padding:20px 16px 10px!important}
  .msg,.cmsg{max-width:100%!important;margin-bottom:20px!important}
  .bubble,.cbody{font-size:16px!important;line-height:1.62!important}
  .msg.user .bubble,.cmsg.user .cbody{max-width:90%!important;border-radius:20px!important;padding:9px 13px!important}
  #mainChatForm,.chat-compose{padding:10px 10px calc(8px + env(safe-area-inset-bottom))!important}
  #mainChatForm::before,.chat-compose::before{top:-24px;height:25px}
  .cbox,.chat-box{max-width:100%!important;border-radius:25px!important}
  #prompt,#chatPrompt{font-size:16px!important;min-height:54px!important;max-height:38vh!important;padding:15px 51px 13px 47px!important}
  #mainAttach,#chatAttach{left:8px!important;bottom:10px!important}
  #send,#chatSend{right:8px!important;bottom:10px!important}
  .hint,.chat-foot{display:none!important}
  .exec-mode-wrap,.chat-exec-mode-wrap,.learning-mode-wrap,.chat-learning-wrap{max-width:100%!important;padding:0 2px!important}
  .exec-mode-desc,.chat-exec-mode-desc{font-size:10px!important}
  .learning-mode-wrap,.chat-learning-wrap{overflow-x:auto!important;scrollbar-width:none!important;flex-wrap:nowrap!important}
  .learning-mode-wrap::-webkit-scrollbar,.chat-learning-wrap::-webkit-scrollbar{display:none!important}
  .learning-mode-wrap input[type=text],.chat-learning-wrap input[type=text]{min-width:130px!important}
}
@media(max-width:430px){
  .exec-mode-desc,.chat-exec-mode-desc,.learning-mode-state,.chat-learning-state{display:none!important}
  #msgs,.chat-msgs{padding-left:14px!important;padding-right:14px!important}
}