/* Final composer layer. Keep the draft and brand cursor bright; controls sit
   quietly behind them. Component IDs deliberately beat the earlier states. */
body.flow{
 --composer-secondary:#a499a8;
 --composer-secondary-hover:#c3b3ca;
 --composer-placeholder:#a79ba7;
 --composer-send-accent:var(--mayrose-pink,#f5b1df);
}
body.flow #composer textarea{caret-color:var(--composer-send-accent)}
body.flow #composer textarea::placeholder,
body.flow #composer textarea:focus::placeholder{
 color:var(--composer-placeholder);opacity:1;text-shadow:none;
}
body.flow #composer :is(.project-selector,.thinking-mode,.composer-collapse){
 color:var(--composer-secondary);text-shadow:none;
}
body.flow #composer #model-label{color:var(--composer-secondary)}
body.flow #composer #mode-label{color:#968b9b}
body.flow #composer :is(.project-selector,.thinking-mode)[aria-expanded="true"],
body.flow #composer :is(.project-selector,.thinking-mode,.composer-collapse):focus-visible,
body.flow #composer .thinking-mode[aria-expanded="true"] #model-label,
body.flow #composer .thinking-mode:focus-visible #model-label{
 color:var(--composer-secondary-hover);
}
body.flow .workspace .mobile-reply,
body.flow .workspace.has-messages:not(.mobile-composing) .mobile-reply{color:var(--composer-placeholder)}
body.flow .workspace .mobile-reply i{color:var(--composer-send-accent)}
body.flow #composer #send-button{
 flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;
 color:var(--composer-send-accent);
 background:linear-gradient(145deg,#18141c,#100e14);
 border:1px solid #c8b6d023;border-radius:50%;
 box-shadow:inset 0 1px 0 #ead8ff0d,inset 0 -1px 0 #0006,0 2px 5px #0003;
 opacity:1;transform:none;text-shadow:none;
 transition:background .16s,border-color .16s,box-shadow .16s;
 -webkit-tap-highlight-color:transparent;
}
body.flow #composer #send-button svg{filter:none}
body.flow #composer #send-button:disabled{
 color:#958398;background:linear-gradient(145deg,#151219,#100e14);
 border-color:#c8b6d014;box-shadow:inset 0 1px 0 #ead8ff07;
 opacity:1;transform:none;cursor:default;
}
body.flow #composer #send-button:focus-visible{
 outline:2px solid var(--composer-send-accent);outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
 body.flow #composer :is(.project-selector,.thinking-mode,.composer-collapse):hover,
 body.flow #composer .thinking-mode:hover #model-label{color:var(--composer-secondary-hover)}
 body.flow #composer #send-button:hover:not(:disabled){
  color:var(--composer-send-accent);background:linear-gradient(145deg,#201a25,#151119);
  border-color:#c8b6d03b;box-shadow:inset 0 1px 0 #ead8ff12,inset 0 -1px 0 #0006,0 2px 6px #0004;
 }
}
body.flow #composer #send-button:active:not(:disabled){
 background:#100e14;border-color:#c8b6d032;
 box-shadow:inset 0 1px 3px #0008,0 1px 0 #ead8ff08;
}
@media(prefers-reduced-motion:reduce){body.flow #composer #send-button{transition:none}}
@media(forced-colors:active){
 body.flow #composer #send-button{color:ButtonText;background:ButtonFace;border:1px solid ButtonText;box-shadow:none}
 body.flow #composer #send-button:disabled{color:GrayText;border-color:GrayText}
 body.flow #composer #send-button:focus-visible{outline-color:Highlight}
 body.flow #composer textarea::placeholder{color:GrayText}
 body.flow #composer :is(.project-selector,.thinking-mode,.composer-collapse),
 body.flow #composer #model-label,body.flow #composer #mode-label{color:ButtonText}
}