/* IUAI_AICHAT_CONVERSATION_PANEL_V21_20261016 */
:root{
  --iuai-ai-panel-left-v21:240px;
  --iuai-ai-panel-top-v21:72px;
  --iuai-ai-panel-width-v21:270px;
}

/* The panel is docked beside the primary sidebar. */
.iuai-ai-conversation-panel-v21{
  position:fixed;
  z-index:82;
  left:var(--iuai-ai-panel-left-v21);
  top:var(--iuai-ai-panel-top-v21);
  bottom:0;
  width:var(--iuai-ai-panel-width-v21);
  display:none;
  flex-direction:column;
  overflow:hidden;
  box-sizing:border-box;
  border-right:1px solid var(--line,#243646);
  background:var(--panel,#0e1620);
  color:var(--ink,#e8f0f6);
  box-shadow:8px 0 22px rgba(0,0,0,.035);
}
.iuai-ai-conversation-panel-v21.show{display:flex}

/* Critical V2.1 layout fix:
   reserve real horizontal space for the secondary conversation panel.
   V2 was fixed-position only and could cover the actual chat view. */
body.workspace-flow-active.iuai-ai-conversation-panel-open-v21 #workspace .app-main{
  padding-left:calc(var(--ui-gutter) + var(--iuai-ai-panel-width-v21))!important;
  transition:padding-left .16s ease;
}
body:not(.workspace-flow-active).iuai-ai-conversation-panel-open-v21 .app-view[data-app-view="chat"].active{
  margin-left:var(--iuai-ai-panel-width-v21)!important;
  width:calc(100% - var(--iuai-ai-panel-width-v21))!important;
  box-sizing:border-box!important;
}

/* Header */
.iuai-ai-panel-head-v21{
  min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 12px 10px 14px;border-bottom:1px solid var(--line,#243646);
}
.iuai-ai-panel-title-v21{display:flex;align-items:center;gap:8px;min-width:0}
.iuai-ai-panel-title-v21 strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iuai-ai-panel-mark-v21{
  width:27px;height:27px;display:grid;place-items:center;border-radius:8px;
  font-size:9px;font-weight:900;color:#65ccf6;border:1px solid rgba(74,177,224,.28);
  background:rgba(56,147,190,.08)
}
.iuai-ai-panel-new-v21,.iuai-ai-panel-invite-v21{
  border:1px solid var(--line,#2a3d4e);background:transparent;color:var(--ink,#e6eef5);
  border-radius:8px;cursor:pointer;font:inherit
}
.iuai-ai-panel-new-v21{height:30px;padding:0 8px;font-size:10px;font-weight:700}
.iuai-ai-panel-new-v21:hover,.iuai-ai-panel-invite-v21:hover{border-color:#4db8e8;background:rgba(55,152,200,.08)}

/* Search */
.iuai-ai-panel-search-v21{
  margin:10px 11px 7px;height:35px;display:flex;align-items:center;gap:7px;
  border:1px solid var(--line,#2a3d4e);border-radius:8px;padding:0 9px;
  background:rgba(110,140,165,.04);color:var(--muted,#8296a8)
}
.iuai-ai-panel-search-v21 input{
  width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;
  color:var(--ink,#e6eef5)!important;font:inherit;font-size:10.5px!important;box-shadow:none!important;padding:0!important
}
.iuai-ai-panel-search-v21 input::placeholder{color:var(--muted,#7f93a4)}

/* Sections */
.iuai-ai-panel-scroll-v21{flex:1;min-height:0;overflow:auto;padding:2px 7px 18px;scrollbar-width:thin}
.iuai-ai-panel-section-v21{margin-top:7px}
.iuai-ai-panel-section-head-v21{height:33px;display:flex;align-items:center;gap:5px;padding:0 2px}
.iuai-ai-panel-section-head-v21>button:first-child{
  flex:1;min-width:0;height:29px;border:0;background:transparent;color:var(--muted,#8ca0b2);
  display:flex;align-items:center;gap:5px;padding:0 4px;cursor:pointer;text-align:left;font:inherit
}
.iuai-ai-panel-section-head-v21 b{font-size:10px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iuai-ai-panel-section-head-v21 em{
  margin-left:auto;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;
  font-size:9px;font-style:normal;background:rgba(100,130,155,.09);color:var(--muted,#8296a8)
}
.iuai-ai-panel-section-head-v21 .chev{font-size:10px;transition:transform .15s}
.iuai-ai-panel-section-v21.collapsed .chev{transform:rotate(-90deg)}
.iuai-ai-panel-section-v21.collapsed .iuai-ai-thread-list-v21{display:none}
.iuai-ai-panel-invite-v21{height:25px;padding:0 6px;font-size:9px;color:#5dbde6}

/* Thread rows */
.iuai-ai-thread-list-v21{display:grid;gap:2px}
.iuai-ai-thread-item-v21{
  width:100%;min-height:54px;
  display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;
  border:1px solid transparent;background:transparent;color:var(--ink,#dce7ef);
  border-radius:8px;padding:6px 6px;cursor:pointer;text-align:left;font:inherit
}
.iuai-ai-thread-item-v21:hover{background:rgba(89,139,174,.07);border-color:rgba(100,150,184,.10)}
.iuai-ai-thread-item-v21.active{
  background:rgba(50,158,211,.10);border-color:rgba(62,177,230,.28);
  box-shadow:inset 2px 0 0 #41bff0
}
.iuai-ai-thread-owner-v21{
  width:25px;height:25px;border-radius:8px;overflow:hidden;
  display:grid;place-items:center;background:rgba(64,155,196,.09);color:#53bce9;
  font-size:10px;font-weight:800;border:1px solid rgba(77,164,204,.10)
}
.iuai-ai-thread-owner-v21 img{width:100%;height:100%;object-fit:cover}
.iuai-ai-thread-symbol-v21{font-size:11px}
.iuai-ai-thread-copy-v21{min-width:0;display:grid;gap:3px}
.iuai-ai-thread-copy-v21 b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10.5px;font-weight:670;color:inherit
}
.iuai-ai-thread-copy-v21 small{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:8.8px;color:var(--muted,#8296a8)
}
.iuai-ai-thread-item-v21 time{
  font-size:8.5px;color:var(--muted,#8296a8);white-space:nowrap;align-self:start;margin-top:3px
}
.iuai-ai-panel-empty-v21{padding:13px 8px 15px;font-size:9.5px;color:var(--muted,#8194a6);text-align:center}

/* Light theme */
body:not([data-theme="dark"]) .iuai-ai-conversation-panel-v21{
  background:#f8fafc;color:#17324a;border-color:#d8e2eb;box-shadow:8px 0 22px rgba(37,62,88,.035)
}
body:not([data-theme="dark"]) .iuai-ai-panel-head-v21,
body:not([data-theme="dark"]) .iuai-ai-panel-search-v21{border-color:#d9e3ec}
body:not([data-theme="dark"]) .iuai-ai-panel-search-v21{background:#fff;color:#6f8498}
body:not([data-theme="dark"]) .iuai-ai-panel-search-v21 input{color:#17324a!important}
body:not([data-theme="dark"]) .iuai-ai-panel-new-v21,
body:not([data-theme="dark"]) .iuai-ai-panel-invite-v21{border-color:#cbd9e4;color:#294a64;background:#fff}
body:not([data-theme="dark"]) .iuai-ai-panel-title-v21 strong,
body:not([data-theme="dark"]) .iuai-ai-thread-item-v21{color:#17324a}
body:not([data-theme="dark"]) .iuai-ai-thread-item-v21:hover{background:#eef5fa;border-color:#dbe7ef}
body:not([data-theme="dark"]) .iuai-ai-thread-item-v21.active{background:#e8f4fb;border-color:#b9deef;box-shadow:inset 2px 0 0 #20ade7}
body:not([data-theme="dark"]) .iuai-ai-thread-owner-v21{background:#eef7fb;color:#1689ba;border-color:#dcebf3}

/* Kill the old wrong V1 and old V2 UI if a browser cached them. */
#iuai-ai-subnav-v1,
#iuai-ai-conversation-panel-v2{display:none!important}

/* Compact desktop. Keep it docked, never overlap the chat canvas. */
@media(max-width:1180px) and (min-width:950px){
  :root{--iuai-ai-panel-width-v21:230px}
  body.workspace-flow-active.iuai-ai-conversation-panel-open-v21 #workspace .app-main{
    padding-left:calc(var(--ui-gutter) + var(--iuai-ai-panel-width-v21))!important
  }
}
/* Below this size, hide the permanent secondary rail rather than covering the chat. */
@media(max-width:949px){
  .iuai-ai-conversation-panel-v21{display:none!important}
  body.workspace-flow-active.iuai-ai-conversation-panel-open-v21 #workspace .app-main{padding-left:var(--ui-gutter)!important}
  body:not(.workspace-flow-active).iuai-ai-conversation-panel-open-v21 .app-view[data-app-view="chat"].active{
    margin-left:0!important;width:100%!important
  }
}