.app-shell{grid-template-rows:minmax(0,1fr)}
.app-main,.bot-primary{min-height:0}
.composer-wrap{flex-shrink:0}
.composer{position:relative}
.expert-mention-menu{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:45;max-width:560px;border:1px solid #45484d;background:#202326;border-radius:15px;padding:9px;box-shadow:0 16px 50px #0008;text-align:left}
.expert-menu-heading{display:flex;justify-content:space-between;gap:10px;padding:7px 10px 11px;color:#e0e3e4;font-size:12px;font-weight:550}
.expert-menu-heading>span{font-size:10px;font-weight:400;color:#90979b}
.expert-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;border:1px solid transparent;color:#e6e8e9}
.expert-option.is-active,.expert-option:hover{background:#303638;border-color:#45534d}
.expert-option>span:nth-child(2){flex:1;min-width:0}
.expert-option strong{display:block;font-size:13px;font-weight:550}
.expert-option small{display:block;font-size:11px;margin-top:5px;color:#9da5aa}
.expert-option-action{font-size:10px;color:#a7c9bc;border:1px solid #4a6056;border-radius:5px;padding:3px 7px}
.expert-menu-footnote{font-size:10px;color:#7f898f;border-top:1px solid #343a3e;margin:8px 4px 0;padding:9px 6px 2px}
.expert-menu-empty{padding:18px 12px;color:#a6afb5;font-size:12px}
.composer-mention{font-size:19px;font-weight:500;width:29px;height:29px;display:grid;place-items:center;border-radius:7px;color:#aab5bd}
.composer-mention:hover{background:#3a4348;color:#f0f4f4}
.composer-mention:disabled{opacity:.35;cursor:default}
.expert-collaborators{padding:3px 4px 9px}
.expert-chip-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.expert-chip-label{font-size:10px;color:#95a2aa;margin-right:2px}
.expert-chip{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #45574f;border-radius:8px;background:#2b3833;color:#d0e5da;font-size:10px}
.expert-chip .bot-avatar{width:17px;height:17px;min-width:17px;border-radius:6px;transform:none}
.expert-chip .avatar-face{transform:scale(.55)}
.expert-chip>span:last-child{font-size:14px;line-height:1;color:#9aaeaa;margin-left:3px}
.expert-collaborators>p{margin:8px 0 0;color:#9da9af;font-size:10px;line-height:1.65}
.expert-status{border-bottom:1px solid #303739;background:#171e1c;padding:13px 30px 14px;flex:none}
.expert-status-title{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:820px;margin:0 auto 10px}
.expert-status-title>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.expert-status-title svg{width:14px;height:14px;color:#8fc6ad}
.expert-status-title strong{font-size:11px;font-weight:550;color:#d9e5de}
.expert-status-title small{color:#8c9b94;font-size:10px;margin-left:5px}
.expert-status-title>button{display:flex;gap:5px;align-items:center;font-size:10px;color:#a5bfae;white-space:nowrap}
.expert-steps{display:flex;gap:8px;max-width:820px;margin:auto}
.expert-step{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:1px solid #35463d;background:#202b26;border-radius:9px;padding:9px 10px}
.expert-step>div:nth-child(2){flex:1;min-width:0}
.expert-step strong{display:block;font-size:10px;font-weight:500;color:#ceded4;white-space:nowrap}
.expert-step strong em{font-style:normal;font-size:8px;color:#8ea89a;margin-left:5px}
.expert-step small{display:block;font-size:9px;color:#96a79d;margin-top:5px}
.expert-step>svg{width:13px;height:13px;color:#7da68f;flex:none}
.expert-step.is-running{border-color:#649882;background:#283c32}
.expert-step.is-running>svg{animation:spin 1.5s linear infinite}
.expert-step.is-pending{opacity:.65}
.expert-step.is-failed{border-color:#765742;background:#342c25}
.expert-step.is-failed>svg,.expert-step.is-failed small{color:#d7ab83}
.expert-step.is-cancelled{opacity:.6}
.expert-reply-badge{font-size:9px!important;color:#a7c1b3!important;border:1px solid #40584c;background:#25362e;border-radius:4px;padding:2px 5px;margin-left:3px}
.expert-source-link{display:inline-flex;align-items:center;gap:5px;margin:8px 0 0;font-size:10px;color:#9ab8a8}
.expert-source-link svg{width:12px;height:12px}
.expert-notice{margin:15px 0;padding:12px 15px;border:1px solid #65503c;background:#2d2823;border-radius:10px;color:#cbb494;font-size:11px;line-height:1.8}
.expert-notice .expert-source-link{display:flex}
@media(max-width:760px){
  .expert-status{padding:11px 15px}
  .expert-status-title{align-items:flex-start;gap:8px;flex-wrap:wrap}
  .expert-status-title small{display:none}
  .expert-steps{gap:5px}
  .expert-step{padding:7px 6px;gap:6px}
  .expert-step .bot-avatar{display:none}
  .expert-step strong{font-size:9px;white-space:normal}
  .expert-step strong em{display:block;margin:3px 0 0}
  .expert-step>svg{width:11px;height:11px}
  .expert-step small{font-size:8px}
  .expert-mention-menu{left:-1px;right:-1px;bottom:calc(100% + 7px)}
  .expert-option{padding:10px 8px}
  .expert-option strong{font-size:12px}
  .expert-option small{font-size:10px}
  .expert-menu-heading{font-size:11px}
  .expert-menu-heading>span{font-size:9px}
  .expert-chip{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.expert-step.is-running>svg{animation:none}}