/* ArtinAI 3.2.3 — selected AI clarity, send geometry, popover alignment. */
/* Explicitly distinguish agent from model without increasing header height. */
.artinai-body .artin-chat .n-minimal-chat-header .n-minimal-chat-identity{
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;
 width:auto!important;min-width:0!important;max-width:min(74%,720px)!important;
 padding:5px 9px!important;gap:9px!important;height:46px!important;min-height:46px!important;
 text-align:right!important;white-space:nowrap!important;box-sizing:border-box!important;
}
.artinai-body .artin-chat .n-minimal-chat-selected{
 display:inline-flex!important;align-items:center!important;min-width:0!important;gap:9px!important;
 direction:rtl!important;max-width:100%!important;
}
.artinai-body .artin-chat .n-minimal-chat-agent,
.artinai-body .artin-chat .n-minimal-chat-model{
 display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:center!important;gap:1px!important;min-width:0!important;max-width:280px!important;
 line-height:1.3!important;white-space:nowrap!important;
}
.artinai-body .artin-chat .n-minimal-chat-label{
 font-size:9px!important;font-weight:500!important;color:var(--muted)!important;
 line-height:1.2!important;white-space:nowrap!important;
}
.artinai-body .artin-chat .n-minimal-chat-agent strong,
.artinai-body .artin-chat .n-minimal-chat-model strong{
 font-size:13px!important;line-height:1.4!important;font-weight:690!important;
 color:var(--text)!important;overflow:hidden!important;text-overflow:ellipsis!important;
 max-width:100%!important;white-space:nowrap!important;display:block!important;
}
.artinai-body .artin-chat .n-minimal-chat-model{
 background:var(--hover)!important;padding:4px 9px!important;border-radius:9px!important;
 max-width:245px!important;
}
.artinai-body .artin-chat .n-minimal-chat-model strong{font-size:11px!important;font-weight:600!important}
.artinai-body .artin-chat .n-minimal-chat-identity>.n-svg{flex:0 0 15px!important}
/* Send is a true square, never a stretched oval, regardless of inherited button styles. */
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send{
 box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
 flex:0 0 40px!important;flex-grow:0!important;flex-shrink:0!important;
 width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;
 aspect-ratio:1/1!important;padding:0!important;margin:0 0 0 0!important;
 border-radius:13px!important;border:0!important;line-height:1!important;
 background:var(--text)!important;color:var(--bg)!important;
 align-self:center!important;position:relative!important;left:auto!important;right:auto!important;
 transform:none!important;box-shadow:none!important;overflow:hidden!important;
}
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send .n-svg,
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send svg{
 width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;
 display:block!important;margin:0!important;transform:none!important;stroke-width:2!important;
}
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send:disabled{
 background:color-mix(in srgb,var(--muted) 36%,var(--surface))!important;
 color:var(--surface)!important;opacity:1!important;cursor:not-allowed!important;
}
.artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send:not(:disabled):hover{
 background:var(--accent)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 17%,transparent)!important;
}
/* The + sits on the left side of the RTL composer. Anchor its popover to the
   left edge of that trigger so it opens INTO the page, not outside the viewport. */
.artinai-body .artin-chat .n-composer-minimal .n-attach-dropdown{position:relative!important;isolation:isolate!important}
.artinai-body .artin-chat .n-composer-minimal .n-attach-dropdown>.n-attach-menu{
 position:absolute!important;bottom:calc(100% + 12px)!important;top:auto!important;
 left:0!important;right:auto!important;transform:none!important;
 width:min(290px,calc(100vw - 44px))!important;max-width:calc(100vw - 44px)!important;
 box-sizing:border-box!important;z-index:150!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-composer-tool-group>.n-studio-tools-menu{
 left:0!important;right:auto!important;max-width:calc(100vw - 44px)!important;
 box-sizing:border-box!important;transform:none!important;
}
.artinai-body .artin-chat .n-composer-minimal .n-attach-menu.show{display:block!important}
.artinai-body .artin-chat .n-composer-minimal .n-attach-menu>button{white-space:normal!important}
.artinai-body .artin-chat .n-composer-minimal .n-attach-menu>button span{min-width:0!important}
/* Prevent menu opening from generating horizontal page scrolling. */
.artinai-body .artin-chat .n-main{min-width:0!important;max-width:100%!important;overflow-x:clip!important}
.artinai-body .artin-chat .n-workspace,
.artinai-body .artin-chat .n-docked{min-width:0!important;max-width:100%!important}
@media(max-width:600px){
 .artinai-body .artin-chat .n-minimal-chat-header .n-minimal-chat-identity{
  max-width:calc(100vw - 125px)!important;min-width:0!important;gap:5px!important;
 }
 .artinai-body .artin-chat .n-minimal-chat-selected{gap:5px!important;max-width:100%!important}
 .artinai-body .artin-chat .n-minimal-chat-agent{max-width:45%!important}
 .artinai-body .artin-chat .n-minimal-chat-model{max-width:52%!important;padding:4px 6px!important}
 .artinai-body .artin-chat .n-minimal-chat-agent strong{font-size:11px!important}
 .artinai-body .artin-chat .n-minimal-chat-model strong{font-size:10px!important}
 .artinai-body .artin-chat .n-composer-studio.n-composer-minimal .n-composer-side-all-left>.n-send{
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important;
 }
}