/* Agent conversations (expert mode), drawn from Conversations/ConversationWindowView, ConversationFeedPane, ConversationFeedRows,
   ConversationComposer and ConversationStyle in the dark appearance: window 1180×760, list 300, feed. Film and try-it share it. */
.dn{--cv-list:#161d29;--cv-feed:#111722;--cv-head:#171f2c;--cv-rowsel:#243552;--cv-chip:#222c3d;--cv-agent:#212b3c;--cv-user:#3a73e6;
  --cv-event:#1c2432;--cv-ibg:#221d3a;--cv-iborder:#3b3270;--cv-itext:#c6b8ff;--cv-doc:#1f2a3c;--cv-unread:#8fb4ff;--cv-sec:#b6c5dc;--cv-focus:#a48cff;--cv-run:#4cc38a}
.t-conv{position:absolute;left:210px;top:120px;width:1180px;height:760px;z-index:3;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;
  background:#141b28;box-shadow:0 0 0 .5px rgba(0,0,0,.8),inset 0 .5px 0 rgba(255,255,255,.12),0 30px 80px rgba(3,7,16,.6),0 10px 26px rgba(3,7,16,.35)}
.frame.tall .t-conv{left:0;top:30px;width:100%;height:calc(100% - 30px);border-radius:0}
.cv-cols{flex:1;min-height:0;display:flex;background:var(--cv-feed)}
.cv-sidewrap,.cv-footwrap{display:contents}
.cv-side{flex:none;width:300px;display:flex;flex-direction:column;gap:10px;background:var(--cv-list);border-right:1px solid rgba(255,255,255,.1)}
.cv-sh{display:flex;flex-direction:column;gap:10px;padding:14px 14px 0}
.cv-sh h3{margin:0;font-size:17px;font-weight:700}
.cv-search{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;background:var(--cv-chip);color:var(--cv-sec)}
.cv-search input,.cv-search span{flex:1;min-width:0;border:0;padding:0;background:none;color:var(--text);font:13px/1 inherit}
.cv-search span,.cv-search input::placeholder{color:#7f8da6}
.cv-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-search input:focus-visible{outline:none}
.cv-search:focus-within{box-shadow:0 0 0 2px var(--accent)}
.cv-filters{display:flex;gap:6px}
.cv-chip{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:var(--cv-chip);color:var(--cv-sec);font-size:12px;font-weight:600;white-space:nowrap}
.cv-chip.on,.cv-chip[aria-pressed="true"]{background:#9dbfff;color:#14213b}
.cv-list{flex:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:2px;padding:0 6px 10px;scrollbar-width:none}
.cv-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:11px;text-align:left;color:var(--text)}
.cv-row.on,.cv-row[aria-current="true"]{background:var(--cv-rowsel)}
.dn .cv-row:not(.on):hover{background:rgba(36,53,82,.5)}
.cv-rav{position:relative;flex:none}
.cv-n{position:absolute;right:-4px;bottom:-3px;min-width:16px;padding:1px 4.5px;border-radius:999px;background:#9dbfff;color:#fff;
  box-shadow:0 0 0 2px var(--cv-list);font:900 9.5px/1.3 ui-rounded,-apple-system,sans-serif;font-style:normal;text-align:center}
.cv-rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cv-rmain b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-rmain>span{font-size:12px;color:var(--cv-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-rmain>span b{font-size:12px;font-weight:500}
.cv-rside{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;color:var(--cv-sec)}
.cv-rside em{font-style:normal;font-size:10px;opacity:.8}
.cv-unread{width:8px;height:8px;border-radius:50%;background:var(--cv-unread)}
.cv-rside .cv-run{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--cv-run);opacity:1}
.cv-run>i{width:6px;height:6px;border-radius:50%;background:var(--cv-run)}
.cv-av{display:grid;place-items:center;flex:none;width:var(--s);height:var(--s);border-radius:50%;color:#fff;
  font:700 calc(var(--s) * .4)/1 ui-rounded,"SF Pro Rounded",-apple-system,sans-serif}
.cv-av.main{background:var(--cv-agent)}
.cv-av svg{display:block}
.cv-main{flex:1;min-width:0;display:flex;flex-direction:column}
.cv-head{flex:none;display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--cv-head);border-bottom:1px solid rgba(255,255,255,.1)}
.cv-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cv-ht b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-ht small{font-size:12px;color:var(--cv-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-pin{flex:none;padding:5px 10px;border-radius:999px;background:var(--cv-ibg);box-shadow:inset 0 0 0 1px var(--cv-iborder);color:var(--cv-itext);font-size:12px;font-weight:600;white-space:nowrap}
.cv-pin.on{box-shadow:none}
.cv-info{width:28px;height:28px;display:grid;place-items:center;color:var(--cv-sec)}
.cv-instr{flex:none;display:flex;align-items:baseline;gap:10px;margin:10px 18px 0;padding:10px 12px;border-radius:12px;background:var(--cv-ibg);box-shadow:inset 0 0 0 1px var(--cv-iborder)}
.cv-instr>b{flex:none;font-size:11px;font-weight:900;color:var(--cv-itext)}
.cv-instr p{flex:1;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cv-instr.full p{-webkit-line-clamp:6}
.cv-all{flex:none;font-size:12px;font-weight:700;color:var(--cv-itext)}
.cv-feed{flex:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:10px;padding:12px 18px;scrollbar-width:thin;
  -webkit-mask-image:linear-gradient(transparent,#000 18px);mask-image:linear-gradient(transparent,#000 18px)}
.cv-feed>:first-child{margin-top:auto}
.cv-pill{align-self:center;display:inline-flex;align-items:center;gap:5px;max-width:80%;padding:4px 12px;border-radius:999px;background:var(--cv-event);font-size:11px;color:var(--cv-sec)}
.cv-pill.date{margin:4px 0}
.cv-line{display:flex;align-items:flex-end;gap:8px}
.cv-line.me{justify-content:flex-end}
.cv-bub{max-width:70%;display:flex;flex-direction:column;gap:3px;padding:9px 12px;border-radius:16px 16px 16px 5px;background:var(--cv-agent)}
.cv-bub.me{border-radius:16px 16px 5px 16px;background:var(--cv-user);color:#fff}
.cv-bub p{margin:0;font-size:13px;line-height:1.4}
.cv-name{font-size:11px;font-weight:900}
.cv-bf{display:flex;align-items:center;gap:8px}
.cv-bf small{margin-left:auto;font-size:10px;color:var(--cv-sec)}
.cv-bub.me .cv-bf small{color:rgba(255,255,255,.75)}
.cv-sp{flex:1}
.cv-report{padding:1px 6px;border-radius:999px;font:700 10px/1.4 var(--ui);font-style:normal}
/* 위임 티켓: 차분한 카드(색 띠 없음), 지시 두 줄, 붙은 보고 */
.cv-ticket{max-width:560px;margin-left:36px;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:12px;background:var(--cv-doc);box-shadow:inset 0 0 0 1px var(--border)}
.cv-th{display:flex;align-items:center;gap:9px}
.cv-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cv-tt b{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-tt small{font-size:11px;color:var(--cv-sec)}
.cv-state{flex:none;padding:2px 7px;border-radius:999px;background:var(--cv-event);color:var(--cv-sec);font:700 10px/1.4 var(--ui);font-style:normal}
.cv-state.run{color:#4cc38a;background:rgba(76,195,138,.14)}
.cv-ticket>p{margin:0;font-size:12px;line-height:1.4;color:var(--cv-sec);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-trep{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:9px;background:var(--cv-agent)}
.cv-trep b{font-size:11px;font-weight:900}
.cv-trep p{margin:0;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cv-full{font-size:12px;font-weight:700;color:var(--accent)}
.cv-doc{display:flex;align-items:center;gap:10px;max-width:420px;margin-left:36px;padding:9px 12px;border-radius:12px;background:var(--cv-doc);box-shadow:inset 0 0 0 1px var(--border);color:var(--accent);text-align:left}
.cv-doc>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cv-doc b{font-size:13px;font-weight:600;color:var(--text)}
.cv-doc small{font-size:11px;color:var(--cv-sec)}
.cv-doc>.ic:last-child{color:var(--cv-sec)}
.dn button.cv-doc:hover{background:#25324a}
.cv-doc.focus{box-shadow:inset 0 0 0 1.5px var(--cv-focus)}
.cv-foot{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 18px;background:var(--cv-head);border-top:1px solid rgba(255,255,255,.1)}
.cv-ro{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--cv-sec)}
.cv-ro>span:first-child{flex:1}
.cv-sbtn{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;background:rgba(255,255,255,.1);font-size:11px;color:var(--text);white-space:nowrap}
.cv-sbtn.deco{opacity:.55}
.dn button.cv-sbtn:hover{background:rgba(255,255,255,.16)}
.dn button.cv-sbtn:disabled{opacity:.45;cursor:default}
.cv-hint{font-size:11px;color:var(--cv-sec)}
.cv-compose{display:flex;align-items:center;gap:8px}
.cv-to{flex:none;position:relative;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}
.cv-to select{position:absolute;inset:0;opacity:0;cursor:pointer}
.cv-to:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.cv-text{flex:1;min-width:0;height:32px;padding:0 10px;border:0;border-radius:10px;background:var(--cv-chip);color:var(--text);font:13px/1 inherit}
.cv-text:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cv-warn{margin:0;font-size:12px;font-weight:600;line-height:1.45}
.cv-lab{font-size:11px;font-weight:600;color:var(--cv-sec)}
.cv-box{max-height:90px;overflow:auto;padding:8px;border-radius:8px;background:var(--cv-chip);font-size:12px;line-height:1.45;white-space:pre-wrap}
.cv-box.cmd{font:11px/1.5 var(--term);word-break:break-all}
.cv-btns{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.cv-note{margin-right:auto;font-size:11px;color:var(--cv-itext)}
@media (max-width:760px){
  .frame.tall .cv-cols{flex-direction:column}
  .frame.tall .cv-side{width:auto;flex:none;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .frame.tall .cv-list{flex-direction:row;overflow:auto hidden;padding-bottom:8px}
  .frame.tall .cv-row{flex:none;width:250px}
  .frame.tall .cv-pin{display:none}
  .frame.tall .cv-bub{max-width:88%}
}

/* the same conversations inside the 400-wide shelf (ShelfConversationsPane, compact feed) */
.cvs-pane{position:absolute;inset:0;display:flex;flex-direction:column}
.cvs-list{flex:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:2px;padding:0 8px 12px;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 20px),transparent);mask-image:linear-gradient(#000 calc(100% - 20px),transparent)}
.cvs-sec{padding:10px 12px 2px;font-size:11px;font-weight:600;color:var(--sec)}
.cvs-list .cv-row{text-align:left}
.cvs-foot{flex:none;padding:10px 18px;border-top:1px solid rgba(58,75,101,.55);font-size:11px;color:var(--sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvs-chat{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--bg)}
.cvs-head{flex:none;display:flex;align-items:center;gap:8px;padding:16px 10px 10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.cvs-back{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;color:var(--accent)}
.cvs-ht{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cvs-ht b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvs-ht small{font-size:11px;color:var(--sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvs-ib{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--sec);font-size:13px}
.cvs-pin{width:auto;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.cvs-pin.on{opacity:1;background:var(--cv-ibg)}
.cv-instr.cmp{margin:10px 14px 0;align-items:flex-start}
.cv-instr.cmp .cv-it{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.cv-instr.cmp p{font-size:12px;-webkit-line-clamp:3}
.cv-instr.cmp.full p{-webkit-line-clamp:12}
.cv-instr.cmp .cv-all{font-size:11px}
.cvs-feed{padding:12px 14px;background:var(--cv-feed)}
.cvs-feed .cv-bub{max-width:78%}
.cvs-ro{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:10px 14px 14px;background:var(--cv-head);border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:var(--sec)}
.cvs-ro>span:first-child{align-self:stretch;line-height:1.45}