/* MOCK · Copilot — tudo escopado em .mock-copilot. Tema escuro. Projeto: desktop 1280×760 · mobile 400×720 */
.mock-copilot{
  --cp-bg:#272523; --cp-side:#1F1D1B; --cp-ink:#F3F2F1; --cp-mut:#A19F9D; --cp-act:#3B3937; --cp-line:#4A4846;
  --cp-comp:#2F2D2B; --cp-compline:#5A5856; --cp-menu:#302E2C; --cp-blue:#8AB9F5; --cp-ok:#7BD0A0; --cp-danger:#F08A80;
  width:100%;height:100%;position:relative;overflow:hidden;display:flex;background:var(--cp-bg);color:var(--cp-ink);
  font:14px/1.45 'Segoe UI','Segoe UI Variable Text',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0;
}
.mock-copilot *,.mock-copilot *::before,.mock-copilot *::after{box-sizing:border-box}
.mock-copilot h1,.mock-copilot h2,.mock-copilot h3,.mock-copilot h4,.mock-copilot h5,.mock-copilot h6,.mock-copilot p,.mock-copilot ul{margin:0;padding:0;font-family:inherit;color:inherit}
.mock-copilot ul{list-style:none}
.mock-copilot em{font-style:normal}
.mock-copilot [data-hit]{cursor:pointer}
.mock-copilot .cp-ic{flex:none;display:block}
.mock-copilot .cp-glyph{flex:none;display:block}
.mock-copilot .cp-grow{flex:1 1 auto}
.mock-copilot .cp-ph{color:var(--cp-mut)}

/* ---------- barra lateral ---------- */
.mock-copilot .cp-side{width:224px;flex:none;background:var(--cp-side);border-right:1px solid #353331;display:flex;flex-direction:column;position:relative;z-index:5}
.mock-copilot .cp-side-h{height:56px;display:flex;align-items:center;padding:0 8px 0 14px;gap:2px}
.mock-copilot .cp-brand{display:flex;align-items:center;gap:8px;flex:1}
.mock-copilot .cp-brand b{font-size:18px;font-weight:600}
.mock-copilot .cp-ibtn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#D2D0CE;flex:none}
.mock-copilot .cp-ibtn.act{background:var(--cp-act);color:var(--cp-ink)}
.mock-copilot .cp-navs{padding:4px 8px 0}
.mock-copilot .cp-navwrap{position:relative}
.mock-copilot .cp-nav{height:36px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:14px;color:var(--cp-ink)}
.mock-copilot .cp-nav.on,.mock-copilot .cp-nav.open{background:var(--cp-act)}
.mock-copilot .cp-nav span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-nav em{color:var(--cp-mut);display:flex}
.mock-copilot .cp-side-l{font-size:12px;color:var(--cp-mut);padding:18px 18px 6px}
.mock-copilot .cp-chats{flex:1;overflow:hidden;padding:0 8px}
.mock-copilot .cp-chatrow{height:32px;line-height:32px;padding:0 10px;border-radius:8px;font-size:13px;color:#DEDCDA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-chatrow.on{background:var(--cp-act)}
.mock-copilot .cp-side-f{height:56px;display:flex;align-items:center;padding:0 8px 0 10px;gap:4px;border-top:1px solid #353331}
.mock-copilot .cp-prof{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
.mock-copilot .cp-avatar{width:28px;height:28px;border-radius:50%;background:#8A6BD9;color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.mock-copilot .cp-avatar.ghost{background:#E8EAED;color:#5F6368}
.mock-copilot .cp-badge{font-size:10.5px;line-height:1;padding:3px 6px;border:1px solid var(--cp-line);border-radius:5px;color:#D2D0CE;flex:none}
.mock-copilot .cp-pname{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- menus ---------- */
.mock-copilot .cp-menu{background:var(--cp-menu);border:1px solid var(--cp-line);border-radius:12px;padding:6px;box-shadow:0 10px 32px rgba(0,0,0,.5);z-index:30}
.mock-copilot .cp-mi{min-height:38px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:14px;color:var(--cp-ink)}
.mock-copilot .cp-mi>span:not(.cp-mi-ic):not(.cp-agic):not(.cp-srcic):not(.cp-tog){flex:1;min-width:0}
.mock-copilot .cp-mi>.cp-ic{color:var(--cp-mut)}
.mock-copilot .cp-mi-ic{display:flex;color:#D2D0CE;flex:none}
.mock-copilot .cp-mi.act,.mock-copilot .cp-mi.sel{background:var(--cp-act)}
.mock-copilot .cp-mi.dis{color:#77746F}
.mock-copilot .cp-mi.dis .cp-mi-ic{color:#77746F}
.mock-copilot .cp-mi.sm{min-height:30px;font-size:12.5px;color:var(--cp-mut);padding:4px 10px}
.mock-copilot .cp-mi.off em{font-size:12px;color:var(--cp-blue)}
.mock-copilot .cp-mi.head{font-weight:600;border-bottom:1px solid var(--cp-line);border-radius:0;margin-bottom:4px}
.mock-copilot .cp-mi.two{min-height:54px}
.mock-copilot .cp-mi-tx{display:flex;flex-direction:column;line-height:1.3}
.mock-copilot .cp-mi-tx b{font-weight:600;font-size:14px}
.mock-copilot .cp-mi-tx em{font-size:12.5px;color:var(--cp-mut)}
.mock-copilot .cp-mi.big{border:1px solid var(--cp-line);margin-bottom:8px;min-height:56px;padding:8px 12px}
.mock-copilot .cp-mlabel{font-size:12px;color:var(--cp-mut);padding:6px 10px 4px}
.mock-copilot .cp-msep{height:1px;background:var(--cp-line);margin:6px 4px}
.mock-copilot .cp-fly{position:absolute;left:calc(100% + 12px);top:-6px;width:210px}
.mock-copilot .cp-gearmenu{position:absolute;left:8px;bottom:58px;width:232px}
.mock-copilot .cp-agic,.mock-copilot .cp-srcic,.mock-copilot .cp-ficon{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;font-weight:700;flex:none;line-height:1;letter-spacing:-.02em}
.mock-copilot .cp-ficon{border-radius:7px}
.mock-copilot .cp-ficon.ghost{background:var(--cp-act);width:26px;height:26px;color:#D2D0CE}
.mock-copilot .cp-file-bar .cp-ficon.ghost{width:32px;height:32px}

/* toggle */
.mock-copilot .cp-tog{width:38px;height:22px;border-radius:11px;border:1.5px solid #8A8886;position:relative;flex:none;display:inline-block}
.mock-copilot .cp-tog i{position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#C8C6C4}
.mock-copilot .cp-tog.on{background:var(--cp-blue);border-color:var(--cp-blue)}
.mock-copilot .cp-tog.on i{left:19px;background:#1F1D1B}

/* ---------- principal ---------- */
.mock-copilot .cp-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}
.mock-copilot .cp-top{height:52px;flex:none;display:flex;align-items:center;padding:0 12px;gap:4px;position:relative;z-index:4}
.mock-copilot .cp-modewrap{position:relative}
.mock-copilot .cp-mode{height:34px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:15px}
.mock-copilot .cp-mode b{font-weight:600}
.mock-copilot .cp-mode.act{background:var(--cp-act)}
.mock-copilot .cp-mode.ag{gap:9px}
.mock-copilot .cp-modemenu{position:absolute;left:0;top:40px;width:300px}
.mock-copilot .cp-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}

/* home */
.mock-copilot .cp-home{width:640px;margin:0 auto;padding-top:196px;display:flex;flex-direction:column;flex:1;min-height:0}
.mock-copilot .cp-greet{font-size:26px;font-weight:600;line-height:1.25;margin:0 0 18px 6px}
.mock-copilot .cp-compwrap{position:relative;flex:none}
.mock-copilot .cp-composer{background:var(--cp-comp);border:1px solid var(--cp-compline);border-radius:26px;padding:7px 8px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.mock-copilot .cp-composer.has-files{border-radius:20px}
.mock-copilot .cp-crow{display:flex;align-items:center;gap:4px;min-height:38px}
.mock-copilot .cp-cbtn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#E1DFDD;flex:none}
.mock-copilot .cp-cbtn.act{background:var(--cp-act)}
.mock-copilot .cp-cbtn.voice{background:#45423F}
.mock-copilot .cp-cbtn.send{background:#F3F2F1;color:#1F1D1B}
.mock-copilot .cp-cinput{flex:1;min-width:0;font-size:15px;line-height:1.4;padding:6px 6px;max-height:88px;overflow:hidden;white-space:pre-wrap;word-break:break-word;color:var(--cp-ink);outline:none;background:transparent;border:0;font-family:inherit;resize:none}
.mock-copilot .cp-attach{display:flex;flex-wrap:wrap;gap:8px;padding:6px 6px 8px}
.mock-copilot .cp-chipfile{display:inline-flex;align-items:center;gap:8px;background:#3A3836;border:1px solid var(--cp-line);border-radius:10px;padding:6px 8px;max-width:240px}
.mock-copilot .cp-chipfile>span:not(.cp-ficon){display:flex;flex-direction:column;line-height:1.25;min-width:0}
.mock-copilot .cp-chipfile b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-chipfile em{font-size:11px;color:var(--cp-mut)}
.mock-copilot .cp-chipfile i{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;color:var(--cp-mut);flex:none}
.mock-copilot .cp-chips{display:flex;gap:8px;margin-top:14px;padding-left:4px;flex-wrap:wrap}
.mock-copilot .cp-chip{height:34px;border:1px solid var(--cp-line);border-radius:8px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;color:#E1DFDD}
.mock-copilot .cp-chip.on{background:var(--cp-act);border-color:#6B6966}
.mock-copilot .cp-chip.ico{padding:0 9px}
.mock-copilot .cp-suggest{margin-top:10px;border-top:1px solid #3A3836}
.mock-copilot .cp-sugrow{height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #3A3836;font-size:14px;color:#E1DFDD}
.mock-copilot .cp-sugrow .cp-ic{color:var(--cp-mut)}
.mock-copilot .cp-pluswrap{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;align-items:flex-end;gap:6px;z-index:30;pointer-events:none}
.mock-copilot .cp-pluswrap .cp-menu{pointer-events:auto}
.mock-copilot .cp-plusmain{width:270px}
.mock-copilot .cp-sub{width:250px}
/* agente (home) */
.mock-copilot .cp-home.agent{padding-top:150px}
.mock-copilot .cp-aghead{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px}
.mock-copilot .cp-aghead h2{font-size:22px;font-weight:600;line-height:1.2}
.mock-copilot .cp-aghead .cp-agic{border-radius:50%}
.mock-copilot .cp-agsug{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.mock-copilot .cp-agcard{border:1px solid var(--cp-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-height:104px;min-width:0}
.mock-copilot .cp-agemo{font-style:normal;font-size:18px;line-height:1.2;margin-bottom:4px}
.mock-copilot .cp-agcard b{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--cp-ink)}
.mock-copilot .cp-agcard span{font-size:12.5px;line-height:1.4;color:var(--cp-mut)}

/* ---------- conversa ---------- */
.mock-copilot .cp-chat{flex:1;min-height:0;display:flex}
.mock-copilot .cp-thread{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.mock-copilot .cp-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column-reverse;scrollbar-width:thin;scrollbar-color:#4A4846 transparent}
.mock-copilot .cp-msgs{width:100%;max-width:728px;margin:0 auto auto;padding:8px 24px 18px;display:flex;flex-direction:column;gap:18px}
.mock-copilot .cp-dock{flex:none;width:100%;max-width:728px;margin:0 auto;padding:0 24px 8px}
.mock-copilot .cp-disc{font-size:11.5px;color:var(--cp-mut);text-align:center;margin-top:7px}
.mock-copilot .cp-msg.user{align-self:flex-end;max-width:78%;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.mock-copilot .cp-bubble{background:var(--cp-act);border-radius:18px;padding:10px 16px;font-size:15px;line-height:1.5}
.mock-copilot .cp-msg-files{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.mock-copilot .cp-msg.ai{align-self:stretch;display:flex;flex-direction:column;gap:10px}
.mock-copilot .cp-text{font-size:15px;line-height:1.6}
.mock-copilot .cp-text p,.mock-copilot .cp-bubble p{margin:0 0 8px}
.mock-copilot .cp-text p:last-child,.mock-copilot .cp-bubble p:last-child{margin-bottom:0}
.mock-copilot .cp-text h4{font-size:16px;font-weight:600;margin:6px 0 6px}
.mock-copilot .cp-text ul{margin:0 0 8px;padding-left:20px;list-style:disc}
.mock-copilot .cp-text li{margin:3px 0}
.mock-copilot .cp-num{display:flex;gap:8px}
.mock-copilot .cp-num>span:first-child{color:var(--cp-mut);flex:none;min-width:16px}
.mock-copilot .cp-cite{font-size:10.5px;background:var(--cp-act);border:1px solid var(--cp-line);border-radius:5px;padding:0 4px;margin:0 2px;vertical-align:2px;line-height:1.4;display:inline-block}
.mock-copilot .cp-think{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;font-size:13px;color:var(--cp-mut);border:1px solid var(--cp-line);border-radius:8px;padding:5px 10px}
.mock-copilot .cp-steps{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--cp-mut);border-left:2px solid var(--cp-line);padding-left:12px}
.mock-copilot .cp-steps div{display:flex;gap:8px;align-items:center}
.mock-copilot .cp-steps .cp-ic{color:var(--cp-ok)}
.mock-copilot .cp-sources{display:flex;flex-wrap:wrap;gap:8px}
.mock-copilot .cp-source{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cp-line);border-radius:8px;padding:5px 10px 5px 6px;font-size:12.5px;max-width:260px}
.mock-copilot .cp-source i{font-style:normal;width:18px;height:18px;border-radius:5px;background:var(--cp-act);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.mock-copilot .cp-source span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.mock-copilot .cp-source span>em{color:var(--cp-mut);font-size:11px}
.mock-copilot .cp-actions{display:flex;gap:2px;margin-left:-6px}
.mock-copilot .cp-actions span{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--cp-mut)}
.mock-copilot .cp-typing{display:flex;align-items:center;gap:10px;color:var(--cp-mut);font-size:14px}

/* botões */
.mock-copilot .cp-btn{height:36px;border-radius:8px;border:1px solid var(--cp-compline);display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;color:var(--cp-ink);flex:none;white-space:nowrap}
.mock-copilot .cp-btn.sm{height:30px;padding:0 10px;font-size:13px}
.mock-copilot .cp-btn.ghost{border-color:transparent;color:#D2D0CE;font-weight:400}
.mock-copilot .cp-btn.pri{background:#F3F2F1;color:#1F1D1B;border-color:#F3F2F1}
.mock-copilot .cp-btn.pri.dim{background:#55524F;border-color:#55524F;color:#A19F9D}
.mock-copilot .cp-btn.danger{color:var(--cp-danger);border-color:#6B4A46}
.mock-copilot .cp-pill{font-size:12px;border:1px solid var(--cp-line);border-radius:999px;padding:3px 9px;color:#D2D0CE;display:inline-flex;align-items:center;gap:4px;flex:none}
.mock-copilot .cp-pill.ok{color:var(--cp-ok);border-color:#3F6B55;background:rgba(123,208,160,.08)}

/* ---------- artefatos ---------- */
.mock-copilot .cp-file{border:1px solid var(--cp-line);border-radius:14px;overflow:hidden;background:#2C2A28;max-width:560px}
.mock-copilot .cp-file-prev{padding:14px;background:#33312F;border-bottom:1px solid var(--cp-line)}
.mock-copilot .cp-file-bar{display:flex;align-items:center;gap:10px;padding:10px 12px}
.mock-copilot .cp-file-tt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.mock-copilot .cp-file-tt b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-file-tt span{font-size:12px;color:var(--cp-mut)}
.mock-copilot .cp-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-copilot .cp-slide{aspect-ratio:16/9;background:#FBF8F4;color:#2A2623;border-radius:6px;padding:9% 8% 6%;position:relative;overflow:hidden;display:flex;flex-direction:column;border-top:5px solid #C8502A;text-align:left}
.mock-copilot .cp-slide b{font-size:11px;line-height:1.2;font-weight:700}
.mock-copilot .cp-slide ul{margin-top:5px;padding-left:10px;list-style:disc;font-size:7.5px;line-height:1.45;color:#57514C}
.mock-copilot .cp-slide.cover{background:#C8502A;color:#fff;justify-content:center;border-top-color:#A63F1F}
.mock-copilot .cp-slide.cover ul{list-style:none;padding:0;color:#FFE3D6}
.mock-copilot .cp-slide.cover b{font-size:13px}
.mock-copilot .cp-slide-n{position:absolute;right:6px;bottom:4px;font-size:7px;opacity:.6}
.mock-copilot .cp-slide.big{border-radius:8px;border-top-width:10px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.mock-copilot .cp-slide.big b{font-size:30px}
.mock-copilot .cp-slide.big.cover b{font-size:36px}
.mock-copilot .cp-slide.big ul{font-size:17px;margin-top:16px;padding-left:24px;line-height:1.6}
.mock-copilot .cp-slide.big .cp-slide-n{font-size:12px;right:14px;bottom:10px}
.mock-copilot .cp-dash{display:flex;flex-direction:column;gap:10px}
.mock-copilot .cp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-copilot .cp-kpi{background:#262422;border:1px solid var(--cp-line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.mock-copilot .cp-kpi-l{font-size:11.5px;color:var(--cp-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-kpi b{font-size:19px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-kpi em{font-size:12px;color:var(--cp-ok)}
.mock-copilot .cp-kpi em.neg{color:var(--cp-danger)}
.mock-copilot .cp-chartbox{background:#262422;border:1px solid var(--cp-line);border-radius:10px;padding:12px 14px 10px}
.mock-copilot .cp-chart-t{font-size:12.5px;color:#D2D0CE;display:block;margin-bottom:8px}
.mock-copilot .cp-bars{display:flex;align-items:flex-end;gap:10px;height:120px}
.mock-copilot .cp-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0}
.mock-copilot .cp-bar i{width:100%;max-width:44px;border-radius:4px 4px 0 0;background:#6FA8E8;display:block}
.mock-copilot .cp-bar i.cp-max{background:#F2A65A}
.mock-copilot .cp-bar-v{font-size:10.5px;color:#D2D0CE}
.mock-copilot .cp-bar-l{font-size:11px;color:var(--cp-mut);white-space:nowrap}
.mock-copilot .cp-page{background:#FBFAF8;color:#2A2623;border-radius:6px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;max-height:170px;overflow:hidden}
.mock-copilot .cp-page h5{font-size:15px;font-weight:700;margin-bottom:4px}
.mock-copilot .cp-page h6{font-size:12px;font-weight:700;margin-top:6px;color:#2B6CD4}
.mock-copilot .cp-page h6.sk{height:9px;width:36%;background:#B9C9E6;border-radius:3px}
.mock-copilot .cp-page p{font-size:11.5px;line-height:1.5;color:#3F3A36}
.mock-copilot .cp-page .l{display:block;height:6px;border-radius:3px;background:#DAD6D1}
.mock-copilot .cp-page .w100{width:100%}.mock-copilot .cp-page .w95{width:95%}.mock-copilot .cp-page .w90{width:90%}.mock-copilot .cp-page .w85{width:85%}.mock-copilot .cp-page .w75{width:75%}.mock-copilot .cp-page .w70{width:70%}.mock-copilot .cp-page .w60{width:60%}.mock-copilot .cp-page .w50{width:50%}
.mock-copilot .cp-page.big{max-height:none;padding:40px 48px;gap:9px;min-height:100%;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.mock-copilot .cp-page.big h5{font-size:22px}.mock-copilot .cp-page.big h6{font-size:15px;margin-top:10px}.mock-copilot .cp-page.big p{font-size:14px}.mock-copilot .cp-page.big .l{height:8px}
.mock-copilot .cp-sheet{background:#FBFAF8;border-radius:6px;overflow:hidden}
.mock-copilot .cp-sheet table{width:100%;border-collapse:collapse;font-size:12px;color:#2A2623}
.mock-copilot .cp-sheet th{background:#1D8A4E;color:#fff;text-align:left;font-weight:600;padding:6px 10px}
.mock-copilot .cp-sheet td{padding:5px 10px;border-top:1px solid #E3DFDA}
.mock-copilot .cp-sheet tr:nth-child(even) td{background:#F1EEEA}
.mock-copilot .cp-sheet.big table{font-size:14px}.mock-copilot .cp-sheet.big th,.mock-copilot .cp-sheet.big td{padding:9px 14px}
.mock-copilot .cp-img{max-width:360px;border:1px solid var(--cp-line);border-radius:14px;overflow:hidden;background:#2C2A28}
.mock-copilot .cp-img-pic{position:relative;aspect-ratio:4/3;display:block}
.mock-copilot .cp-img-pic svg{width:100%;height:100%;display:block}
.mock-copilot .cp-seal{position:absolute;left:8px;bottom:8px;background:rgba(20,18,17,.78);color:#fff;font-size:10.5px;padding:3px 8px;border-radius:999px;letter-spacing:.02em}
.mock-copilot .cp-img-bar{display:flex;align-items:center;gap:2px;padding:6px 6px 6px 12px;font-size:13px}
.mock-copilot .cp-img-bar>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#D2D0CE}
.mock-copilot .cp-img.big{max-width:none;border:0;border-radius:10px}

/* painel lateral (arquivo aberto) */
.mock-copilot .cp-chat.has-panel .cp-thread{flex:0 0 430px}
.mock-copilot .cp-chat.has-panel .cp-msgs,.mock-copilot .cp-chat.has-panel .cp-dock{padding-left:16px;padding-right:16px}
.mock-copilot .cp-panel{flex:1;min-width:0;margin:0 12px 12px 0;border:1px solid var(--cp-line);border-radius:14px;background:#211F1D;display:flex;flex-direction:column;overflow:hidden}
.mock-copilot .cp-panel-h{height:52px;flex:none;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-bottom:1px solid var(--cp-line)}
.mock-copilot .cp-panel-h b{flex:1;min-width:0;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-panel-b{flex:1;min-height:0;overflow:auto;padding:18px}
.mock-copilot .cp-panel-b .cp-bars{height:230px}
.mock-copilot .cp-panel-b .cp-kpi b{font-size:24px}
.mock-copilot .cp-viewer{display:flex;flex-direction:column;gap:14px}
.mock-copilot .cp-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mock-copilot .cp-thumb{border:2px solid transparent;border-radius:8px;padding:2px}
.mock-copilot .cp-thumb.on{border-color:#F2A65A}
.mock-copilot .cp-thumb .cp-slide b{font-size:7.5px}.mock-copilot .cp-thumb .cp-slide ul{font-size:5px;margin-top:2px}.mock-copilot .cp-thumb .cp-slide{border-top-width:3px}

/* ---------- páginas (biblioteca, notebooks) ---------- */
.mock-copilot .cp-page-wrap{width:100%;max-width:880px;margin:0 auto;padding:20px 32px 24px;overflow:auto;flex:1}
.mock-copilot .cp-h1{font-size:26px;font-weight:600}
.mock-copilot .cp-h1row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mock-copilot .cp-lead{color:var(--cp-mut);font-size:14px;margin:4px 0 16px;max-width:600px}
.mock-copilot .cp-libprev .cp-sheet td,.mock-copilot .cp-libprev .cp-sheet th{white-space:nowrap;padding:5px 8px;font-size:11px}
.mock-copilot .cp-tabs{display:flex;gap:6px;margin-bottom:16px}
.mock-copilot .cp-tab{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--cp-line);display:inline-flex;align-items:center;font-size:13.5px;color:#D2D0CE}
.mock-copilot .cp-tab.on{background:#F3F2F1;color:#1F1D1B;border-color:#F3F2F1;font-weight:600}
.mock-copilot .cp-libgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mock-copilot .cp-libcard{border:1px solid var(--cp-line);border-radius:12px;overflow:hidden;background:#2C2A28}
.mock-copilot .cp-libprev{height:132px;overflow:hidden;background:#33312F;padding:12px;display:flex;align-items:flex-start;justify-content:center}
.mock-copilot .cp-libprev>svg{width:calc(100% + 24px);height:132px;margin:-12px;flex:none}
.mock-copilot .cp-libprev>.cp-slide{height:108px;width:auto}
.mock-copilot .cp-libprev>.cp-page,.mock-copilot .cp-libprev>.cp-sheet{width:100%}
.mock-copilot .cp-libmeta{display:flex;align-items:center;gap:9px;padding:9px 11px}
.mock-copilot .cp-libmeta>span:last-child{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.mock-copilot .cp-libmeta b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-libmeta em{font-size:11.5px;color:var(--cp-mut)}
.mock-copilot .cp-empty{color:var(--cp-mut);padding:24px 0;font-size:14px}
/* lista de notebooks (capturada): título grande, pílula, abas, cartões em forma de pasta */
.mock-copilot .cp-nbpage{max-width:1000px;padding-top:26px}
.mock-copilot .cp-h1.big{font-size:32px;line-height:1.15}
.mock-copilot .cp-btn.cp-rnd{border-radius:999px;height:34px;padding:0 14px 0 11px;font-weight:600;font-size:13.5px}
.mock-copilot .cp-nbbar{display:flex;align-items:center;gap:2px;margin:18px 0 6px}
.mock-copilot .cp-nbbar .cp-tabs{margin-bottom:0}
.mock-copilot .cp-nbgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 14px;padding-top:26px}
.mock-copilot .cp-nbcard{position:relative;border:1px solid var(--cp-line);border-radius:0 12px 12px 12px;background:#2C2A28;padding:14px;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}
.mock-copilot .cp-nbcard::before{content:'';position:absolute;left:-1px;top:-13px;width:46%;height:13px;border:1px solid var(--cp-line);border-bottom:0;border-radius:9px 9px 0 0;background:#2C2A28}
.mock-copilot .cp-nbcard b{font-size:14px;font-weight:600;line-height:1.3}
.mock-copilot .cp-nbcard em{font-size:12px;color:var(--cp-mut)}
.mock-copilot .cp-nbcard.new{border-style:dashed;border-color:#6B6966;background:transparent;color:#D2D0CE;align-items:center;justify-content:center;gap:8px}
.mock-copilot .cp-nbcard.new::before{border-style:dashed;border-color:#6B6966;background:var(--cp-bg)}
.mock-copilot .cp-nbcard.new b{font-weight:400;font-size:13.5px}
.mock-copilot .cp-nbplus{display:flex;align-items:center;justify-content:center;color:#D2D0CE}
.mock-copilot .cp-nbic{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none}
/* dentro do notebook */
.mock-copilot .cp-nb{flex:1;min-height:0;display:flex;flex-direction:column}
.mock-copilot .cp-nbhead{display:flex;align-items:center;gap:10px;padding:2px 16px 12px 12px;border-bottom:1px solid #3A3836;flex:none}
.mock-copilot .cp-nbhead h2{font-size:18px;font-weight:600;line-height:1.2}
.mock-copilot .cp-nbhead p{font-size:12.5px;color:var(--cp-mut)}
.mock-copilot .cp-nbcols{flex:1;min-height:0;display:flex}
.mock-copilot .cp-nbmain{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.mock-copilot .cp-nbempty{width:100%;max-width:640px;margin:0 auto;padding:70px 24px 16px;display:flex;flex-direction:column}
.mock-copilot .cp-nbempty .cp-greet{font-size:22px}
.mock-copilot .cp-nbchats{margin-top:26px}
.mock-copilot .cp-nbchats>span{font-size:12px;color:var(--cp-mut);padding-left:6px}
.mock-copilot .cp-nbchats .cp-chatrow{display:flex;align-items:center;gap:9px;height:36px;font-size:14px}
.mock-copilot .cp-nbside{width:324px;flex:none;border-left:1px solid #3A3836;padding:14px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.mock-copilot .cp-nbsec{border:1px solid var(--cp-line);border-radius:12px;padding:12px;background:#2C2A28}
.mock-copilot .cp-nbsec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mock-copilot .cp-nbsec-h b{font-size:14px;font-weight:600;white-space:nowrap}
.mock-copilot .cp-hint{font-size:13px;color:var(--cp-mut);line-height:1.45}
.mock-copilot .cp-instr{font-size:13px;line-height:1.5;color:#E1DFDD;background:#262422;border-radius:8px;padding:8px 10px}
.mock-copilot .cp-ref{display:flex;align-items:center;gap:9px;padding:6px 4px;font-size:13px;border-radius:8px}
.mock-copilot .cp-ref>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* ---------- modais ---------- */
.mock-copilot .cp-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50}
.mock-copilot .cp-overlay.cp-over2{z-index:60;background:rgba(0,0,0,.45)}
.mock-copilot .cp-dialog{background:#2B2927;border:1px solid var(--cp-line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);width:480px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto;padding:16px}
.mock-copilot .cp-dlg-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-height:32px}
.mock-copilot .cp-dlg-h b{font-size:17px;font-weight:600}
.mock-copilot .cp-dlg-f{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.mock-copilot .cp-form label{display:block;font-size:13px;font-weight:600;margin:10px 0 6px}
.mock-copilot .cp-form .cp-hint{margin-bottom:10px}
.mock-copilot .cp-field{background:#211F1D;border:1px solid var(--cp-compline);border-radius:8px;min-height:38px;padding:8px 12px;font-size:14px;line-height:1.45;color:var(--cp-ink);white-space:pre-wrap;word-break:break-word;font-family:inherit;outline:none}
.mock-copilot .cp-field.area{min-height:72px}
.mock-copilot .cp-field.tall{min-height:120px}
.mock-copilot .cp-field.bare{background:transparent;border:0;padding:0;min-height:0;flex:1}
.mock-copilot .cp-field.sm{min-width:150px;min-height:34px;padding:6px 10px}
.mock-copilot .cp-pathbar{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--cp-mut);border:1px solid var(--cp-line);border-radius:7px;padding:4px 9px}
.mock-copilot .cp-picklist{border:1px solid var(--cp-line);border-radius:10px;overflow:hidden;background:#242220}
.mock-copilot .cp-pick{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:14px;border-bottom:1px solid #353331}
.mock-copilot .cp-pick:last-child{border-bottom:0}
.mock-copilot .cp-pick.on{background:#3E4C60}
.mock-copilot .cp-search{width:540px;padding:8px}
.mock-copilot .cp-searchbar{display:flex;align-items:center;gap:10px;padding:6px 6px 10px 10px;border-bottom:1px solid var(--cp-line);margin-bottom:6px;color:var(--cp-mut)}
.mock-copilot .cp-searchbar .cp-field{font-size:15px}
.mock-copilot .cp-gallery{width:640px}
.mock-copilot .cp-galgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-copilot .cp-galcard{border:1px solid var(--cp-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;min-height:112px;color:#D2D0CE}
.mock-copilot .cp-galcard b{font-size:14px;font-weight:600;color:var(--cp-ink)}
.mock-copilot .cp-galcard span{font-size:12.5px;line-height:1.4;color:var(--cp-mut)}
.mock-copilot .cp-memlist{display:flex;flex-direction:column;gap:8px}
.mock-copilot .cp-mem{display:flex;align-items:center;gap:8px;border:1px solid var(--cp-line);border-radius:10px;padding:6px 6px 6px 12px;font-size:14px}
.mock-copilot .cp-mem>span:first-child{flex:1}
/* consentimento (janela neutra clara) */
.mock-copilot .cp-consent{width:380px;max-width:calc(100% - 24px);background:#fff;color:#1F1F1F;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.7)}
.mock-copilot .cp-consent-bar{height:30px;background:#E9EBEE;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;color:#5F6368}
.mock-copilot .cp-consent-bar i{width:9px;height:9px;border-radius:50%;background:#C4C7CC}
.mock-copilot .cp-consent-bar span{margin-left:8px}
.mock-copilot .cp-consent-b{padding:22px 24px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mock-copilot .cp-consent h3{font-size:20px;font-weight:600;line-height:1.25;margin-top:6px}
.mock-copilot .cp-consent-l{font-size:14px;color:#444746}
.mock-copilot .cp-consent-s{font-size:12.5px;color:#5F6368}
.mock-copilot .cp-consent ul{list-style:disc;padding-left:20px;font-size:14px;line-height:1.6}
.mock-copilot .cp-acct{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #DADCE0;border-radius:10px;margin-top:6px}
.mock-copilot .cp-acct.other{border-color:transparent;padding-top:6px;padding-bottom:6px}
.mock-copilot .cp-acct.mini{border-radius:999px;padding:4px 12px 4px 4px;width:auto;font-size:13px;margin-top:0}
.mock-copilot .cp-acct.mini .cp-avatar{width:22px;height:22px;font-size:11px}
.mock-copilot .cp-acct>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.mock-copilot .cp-acct b{font-size:14px;font-weight:600}
.mock-copilot .cp-acct em{font-size:12.5px;color:#5F6368}
.mock-copilot .cp-consent-f{width:100%;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.mock-copilot .cp-cbtn2{height:36px;padding:0 18px;border-radius:999px;border:1px solid #DADCE0;display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:#0B57D0}
.mock-copilot .cp-cbtn2.pri{background:#0B57D0;border-color:#0B57D0;color:#fff}

/* ---------- configurações ---------- */
.mock-copilot .cp-settings{width:780px;height:560px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);background:#2B2927;border:1px solid var(--cp-line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;overflow:hidden}
.mock-copilot .cp-set-nav{width:216px;flex:none;background:#232120;border-right:1px solid #3A3836;padding:14px 8px}
.mock-copilot .cp-set-t{font-size:17px;font-weight:600;padding:4px 10px 12px}
.mock-copilot .cp-set-tab{height:38px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:14px;color:#E1DFDD}
.mock-copilot .cp-set-tab.on{background:var(--cp-act);color:var(--cp-ink);font-weight:600}
.mock-copilot .cp-set-main{flex:1;min-width:0;display:flex;flex-direction:column}
.mock-copilot .cp-set-h{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 22px}
.mock-copilot .cp-set-h h2{font-size:18px;font-weight:600}
.mock-copilot .cp-set-b{flex:1;min-height:0;overflow:auto;padding:0 22px 18px;scrollbar-width:thin;scrollbar-color:#4A4846 transparent}
.mock-copilot .cp-set-sec{font-size:12px;color:var(--cp-mut);text-transform:none;margin:2px 0 4px}
.mock-copilot .cp-set-d{font-size:13.5px;color:var(--cp-mut);line-height:1.45;margin-bottom:12px}
.mock-copilot .cp-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #3A3836}
.mock-copilot .cp-row>div:not(.cp-field){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mock-copilot .cp-row b{font-size:14.5px;font-weight:600}
.mock-copilot .cp-row em{font-size:13px;color:var(--cp-mut);line-height:1.4}
.mock-copilot .cp-row.link>.cp-ic{color:var(--cp-mut)}
.mock-copilot .cp-select{height:34px;border:1px solid var(--cp-compline);border-radius:8px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:14px;flex:none}
.mock-copilot .cp-srcbar{display:flex;gap:8px;margin-bottom:8px}
.mock-copilot .cp-searchfield{flex:1;height:34px;border:1px solid var(--cp-compline);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--cp-mut)}
.mock-copilot .cp-srcrow{height:40px;display:flex;align-items:center;gap:12px;padding:0 4px;border-bottom:1px solid #3A3836}
.mock-copilot .cp-srcrow b{flex:1;font-size:14px;font-weight:400}
.mock-copilot .cp-srcrow>.cp-ic{color:var(--cp-mut)}
.mock-copilot .cp-conn{font-size:13.5px;color:#E1DFDD}
.mock-copilot .cp-backlink{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:#D2D0CE;margin:-6px 0 12px -6px;padding:4px 8px 4px 2px;border-radius:8px}
.mock-copilot .cp-srchead{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #3A3836}
.mock-copilot .cp-srchead>div{flex:1;min-width:0}
.mock-copilot .cp-srchead h3{font-size:19px;font-weight:600}
.mock-copilot .cp-srchead p{font-size:13.5px;color:var(--cp-mut)}
.mock-copilot .cp-srchead .cp-srcic{border-radius:10px}
.mock-copilot .cp-srcinfo{padding:14px 0 4px}
.mock-copilot .cp-srcinfo b{font-size:13.5px;font-weight:600;display:block;margin-bottom:4px}
.mock-copilot .cp-srcinfo ul{list-style:disc;padding-left:20px;font-size:13.5px;color:#D2D0CE;line-height:1.6;margin-bottom:12px}

/* ================= MOBILE (400×720) ================= */
.mock-copilot.vp-mobile{flex-direction:column}
.mock-copilot.vp-mobile .cp-top{padding:0 8px;height:52px;border-bottom:1px solid #353331}
.mock-copilot.vp-mobile .cp-mtitle{font-size:17px;font-weight:600;margin:0 2px 0 4px}
.mock-copilot.vp-mobile .cp-mode{font-size:14px;padding:0 8px;color:#D2D0CE}
.mock-copilot.vp-mobile .cp-mode b{font-weight:400}
.mock-copilot.vp-mobile .cp-mode.ag b{font-weight:600;color:var(--cp-ink)}
.mock-copilot.vp-mobile .cp-modemenu{left:-70px;width:290px}
.mock-copilot.vp-mobile .cp-home{width:100%;padding:16px 12px 12px}
.mock-copilot.vp-mobile .cp-home.agent{padding-top:40px}
.mock-copilot.vp-mobile .cp-greet{font-size:24px;margin:0 4px 14px}
.mock-copilot.vp-mobile .cp-chips{margin:0 0 12px;padding:0}
.mock-copilot.vp-mobile .cp-chip{padding:0 10px;font-size:13px;gap:5px}
.mock-copilot.vp-mobile .cp-suggest{margin:0 0 12px}
.mock-copilot.vp-mobile .cp-agsug{grid-template-columns:1fr;margin-top:6px}
.mock-copilot.vp-mobile .cp-agcard{min-height:0}
.mock-copilot.vp-mobile .cp-pluswrap{left:0;right:0}
.mock-copilot.vp-mobile .cp-plusmain,.mock-copilot.vp-mobile .cp-sub{width:290px}
.mock-copilot.vp-mobile .cp-msgs{padding:12px 14px 14px}
.mock-copilot.vp-mobile .cp-dock{padding:0 10px 6px}
.mock-copilot.vp-mobile .cp-msg.user{max-width:88%}
.mock-copilot.vp-mobile .cp-kpis{gap:6px}
.mock-copilot.vp-mobile .cp-kpi{padding:8px}
.mock-copilot.vp-mobile .cp-kpi b{font-size:15px}
.mock-copilot.vp-mobile .cp-bars{gap:6px}
.mock-copilot.vp-mobile .cp-file-prev{padding:10px}
.mock-copilot.vp-mobile .cp-file-bar{gap:8px;padding:9px 10px}
.mock-copilot.vp-mobile .cp-btn.sm.ghost{padding:0 6px}
.mock-copilot.vp-mobile .cp-slide b{font-size:8.500px}
.mock-copilot.vp-mobile .cp-slide ul{font-size:5.500px;margin-top:3px}
.mock-copilot.vp-mobile .cp-slide.big b{font-size:19px}
.mock-copilot.vp-mobile .cp-slide.big ul{font-size:12px;padding-left:16px;margin-top:10px}
.mock-copilot.vp-mobile .cp-thumb .cp-slide b{font-size:5px}
.mock-copilot.vp-mobile .cp-thumb .cp-slide ul{display:none}
/* painel vira tela cheia sob o topo */
.mock-copilot.vp-mobile .cp-chat.has-panel .cp-thread{flex:1}
.mock-copilot.vp-mobile .cp-panel{position:absolute;inset:0;margin:0;border-radius:0;border:0;z-index:20}
.mock-copilot.vp-mobile .cp-panel-b{padding:12px}
.mock-copilot.vp-mobile .cp-panel-b .cp-bars{height:180px}
.mock-copilot.vp-mobile .cp-panel-h .cp-btn{padding:0 8px;font-size:12px}
.mock-copilot.vp-mobile .cp-page.big{padding:22px 20px}
/* gaveta */
.mock-copilot .cp-drawer{position:absolute;inset:0;z-index:40;display:flex}
.mock-copilot .cp-scrim{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mock-copilot.vp-mobile .cp-side{width:296px;height:100%;border-right:1px solid #353331;box-shadow:8px 0 30px rgba(0,0,0,.5)}
.mock-copilot.vp-mobile .cp-nav{height:40px;font-size:15px}
.mock-copilot.vp-mobile .cp-chatrow{height:36px;line-height:36px;font-size:14px}
.mock-copilot .cp-acc{padding:2px 0 4px 18px}
.mock-copilot .cp-acc .cp-mi{min-height:36px}
.mock-copilot.vp-mobile .cp-gearmenu{left:8px;right:8px;width:auto}
/* páginas */
.mock-copilot.vp-mobile .cp-page-wrap{padding:14px 14px 20px}
.mock-copilot.vp-mobile .cp-h1{font-size:23px}
.mock-copilot.vp-mobile .cp-h1row .cp-btn{padding:0 10px;font-size:13px}
.mock-copilot.vp-mobile .cp-libgrid,.mock-copilot.vp-mobile .cp-nbgrid{grid-template-columns:repeat(2,1fr);gap:10px}
.mock-copilot.vp-mobile .cp-libprev{height:104px}
.mock-copilot.vp-mobile .cp-libprev>svg{height:104px}
.mock-copilot.vp-mobile .cp-libprev>.cp-slide{height:80px}
.mock-copilot.vp-mobile .cp-nbcard{min-height:96px;padding:12px}
.mock-copilot.vp-mobile .cp-nbgrid{gap:24px 10px;padding-top:22px}
.mock-copilot.vp-mobile .cp-h1.big{font-size:26px}
.mock-copilot.vp-mobile .cp-nbbar{margin-top:12px}
.mock-copilot.vp-mobile .cp-nbbar .cp-tab{padding:0 10px;font-size:13px}
.mock-copilot.vp-mobile .cp-nbbar .cp-tabs{gap:4px}
.mock-copilot.vp-mobile .cp-nbbar .cp-ibtn{width:34px;height:38px}
.mock-copilot.vp-mobile .cp-agcard{min-height:0;padding:10px 12px}
.mock-copilot.vp-mobile .cp-agemo{font-size:16px;margin-bottom:2px}
.mock-copilot.vp-mobile .cp-nbhead{padding:10px 8px 10px 6px}
.mock-copilot.vp-mobile .cp-nbcols{overflow:auto}
.mock-copilot.vp-mobile .cp-nbempty{padding:12px 12px 14px;max-width:none}
.mock-copilot.vp-mobile .cp-nbempty .cp-greet{font-size:19px;margin-top:16px}
.mock-copilot.vp-mobile .cp-nbside{width:auto;border:0;padding:0;overflow:visible;gap:10px}
.mock-copilot.vp-mobile .cp-nbchats{margin-top:16px}
/* modais */
.mock-copilot.vp-mobile .cp-dialog{width:376px;padding:14px}
.mock-copilot.vp-mobile .cp-galgrid{grid-template-columns:repeat(2,1fr)}
.mock-copilot.vp-mobile .cp-galcard{min-height:0}
.mock-copilot.vp-mobile .cp-settings{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:0;flex-direction:column}
.mock-copilot.vp-mobile .cp-set-nav{width:100%;border-right:0;border-bottom:1px solid #3A3836;padding:10px 10px 10px;display:flex;flex-wrap:wrap;gap:6px}
.mock-copilot.vp-mobile .cp-set-t{width:100%;padding:2px 4px 4px}
.mock-copilot.vp-mobile .cp-set-tab{height:32px;border:1px solid var(--cp-line);border-radius:999px;padding:0 11px;font-size:13px;gap:6px}
.mock-copilot.vp-mobile .cp-set-tab .cp-ic{display:none}
.mock-copilot.vp-mobile .cp-set-tab.on{background:#F3F2F1;color:#1F1D1B;border-color:#F3F2F1}
.mock-copilot.vp-mobile .cp-set-main{position:static;min-height:0}
.mock-copilot.vp-mobile .cp-set-h{height:46px;padding:0 6px 0 16px}
.mock-copilot.vp-mobile .cp-set-h .cp-ibtn{position:absolute;top:8px;right:8px}
.mock-copilot.vp-mobile .cp-set-b{padding:0 16px 16px}
.mock-copilot.vp-mobile .cp-srchead{flex-wrap:wrap}

/* ---------- mobile: alvos de toque maiores (revisão do verificador) ---------- */
.mock-copilot.vp-mobile .cp-ibtn{width:40px;height:40px}
.mock-copilot.vp-mobile .cp-actions{gap:0;margin-left:-8px}
.mock-copilot.vp-mobile .cp-actions span{width:40px;height:40px}
.mock-copilot.vp-mobile .cp-actions span .cp-ic{width:18px;height:18px}
.mock-copilot.vp-mobile .cp-btn.sm{height:36px;padding:0 12px;font-size:13.5px}
.mock-copilot.vp-mobile .cp-btn.sm.ghost{padding:0 8px}
.mock-copilot.vp-mobile .cp-tab{height:38px;padding:0 15px;font-size:14px}
.mock-copilot.vp-mobile .cp-set-tab{height:38px;padding:0 13px;font-size:13.5px}
.mock-copilot.vp-mobile .cp-source{padding:8px 12px 8px 8px;font-size:13px}
.mock-copilot.vp-mobile .cp-mem{padding:4px 2px 4px 12px}
.mock-copilot.vp-mobile .cp-panel-h{padding:0 2px 0 12px;gap:2px}
.mock-copilot.vp-mobile .cp-panel-h .cp-btn{height:34px}
.mock-copilot.vp-mobile .cp-img-bar{padding:2px 2px 2px 12px}
/* painel no mobile: com botão "Abrir no …", título inteiro na 1ª linha (com o X) e ações na 2ª; miniaturas maiores */
.mock-copilot.vp-mobile .cp-panel-h{padding:0 2px 0 12px}
.mock-copilot.vp-mobile .cp-panel-h b{font-size:15px}
.mock-copilot.vp-mobile .cp-panel-h.has-open{height:auto;flex-wrap:wrap;padding:6px 2px 4px 12px;row-gap:0}
.mock-copilot.vp-mobile .cp-panel-h.has-open b{flex:1 1 calc(100% - 90px)}
.mock-copilot.vp-mobile .cp-panel-h.has-open [data-hit="panel.close"]{order:1}
.mock-copilot.vp-mobile .cp-panel-h.has-open .cp-btn,.mock-copilot.vp-mobile .cp-panel-h.has-open [data-hit="panel.share"],.mock-copilot.vp-mobile .cp-panel-h.has-open [data-hit="panel.download"]{order:2}
.mock-copilot.vp-mobile .cp-panel-h.has-open .cp-btn{margin-right:auto}
.mock-copilot.vp-mobile .cp-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:4px}
.mock-copilot.vp-mobile .cp-thumb{padding:3px 2px;border-width:2px;min-width:0;overflow:hidden}
.mock-copilot.vp-mobile .cp-thumb .cp-slide{min-height:44px;min-width:0}

/* ================= DESKTOP: proporções reais (UI_SPECS_2) =================
   Barra lateral ≈ 10% da largura (156 px de 1568 → 136 px de 1280), fonte 12–13 px;
   compositor da home ≈ 470 px de 1568 → 400 px de 1280. Home do agente: compositor largo. */
.mock-copilot.vp-desktop .cp-side{width:136px}
.mock-copilot.vp-desktop .cp-side-h{height:46px;padding:0 4px 0 12px;gap:0}
.mock-copilot.vp-desktop .cp-brand b{font-size:16px}
.mock-copilot.vp-desktop .cp-side .cp-ibtn{width:26px;height:26px;border-radius:6px}
.mock-copilot.vp-desktop .cp-side .cp-ibtn .cp-ic{width:15px;height:15px}
.mock-copilot.vp-desktop .cp-navs{padding:2px 6px 0}
.mock-copilot.vp-desktop .cp-nav{height:30px;gap:8px;padding:0 8px;font-size:13px;border-radius:7px}
.mock-copilot.vp-desktop .cp-nav>.cp-ic{width:16px;height:16px}
.mock-copilot.vp-desktop .cp-side-l{font-size:12px;padding:14px 14px 4px}
.mock-copilot.vp-desktop .cp-chats{padding:0 6px}
.mock-copilot.vp-desktop .cp-side .cp-chatrow{height:28px;line-height:28px;padding:0 8px;font-size:12.5px;border-radius:7px}
.mock-copilot.vp-desktop .cp-side-f{height:46px;padding:0 4px 0 8px;gap:2px}
.mock-copilot.vp-desktop .cp-side-f .cp-avatar{width:22px;height:22px;font-size:11px}
.mock-copilot.vp-desktop .cp-prof{gap:5px}
.mock-copilot.vp-desktop .cp-badge{font-size:10px;padding:2px 4px;border-radius:4px}
.mock-copilot.vp-desktop .cp-pname{font-size:12px}
.mock-copilot.vp-desktop .cp-gearmenu{left:6px;bottom:50px}
.mock-copilot.vp-desktop .cp-fly{left:calc(100% + 10px)}
.mock-copilot.vp-desktop .cp-top{height:46px}
.mock-copilot.vp-desktop .cp-mode{height:30px;font-size:14px}
.mock-copilot.vp-desktop .cp-modemenu{top:36px}
.mock-copilot.vp-desktop .cp-home{width:400px;padding-top:236px}
.mock-copilot.vp-desktop .cp-home .cp-greet{font-size:19px;margin:0 0 14px 4px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-composer{border-radius:22px;padding:3px 5px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-composer.has-files{border-radius:16px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-crow{min-height:32px;gap:2px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-cbtn{width:30px;height:30px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-cbtn .cp-ic{width:17px;height:17px}
.mock-copilot.vp-desktop .cp-home:not(.agent) .cp-cinput{font-size:13.5px;padding:4px 4px}
.mock-copilot.vp-desktop .cp-home .cp-chips{gap:5px;margin-top:12px;padding-left:2px;flex-wrap:nowrap}
.mock-copilot.vp-desktop .cp-home .cp-chip{height:30px;padding:0 8px;font-size:12.5px;gap:5px;white-space:nowrap}
.mock-copilot.vp-desktop .cp-home .cp-chip.ico{padding:0 7px}
.mock-copilot.vp-desktop .cp-home .cp-chip .cp-ic{width:14px;height:14px}
.mock-copilot.vp-desktop .cp-home .cp-sugrow{height:36px;font-size:13px;gap:10px;padding:0 8px}
.mock-copilot.vp-desktop .cp-home.agent{width:640px;padding-top:150px}

/* ===== RODADA 3 (UI_SPECS_3) ===== */
/* tabela dentro da resposta em texto (Markdown simples) */
.mock-copilot .cp-tblwrap{margin:4px 0 10px;border:1px solid var(--cp-line);border-radius:10px;overflow:hidden}
.mock-copilot .cp-tbl{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.4}
.mock-copilot .cp-tbl th{background:#34322F;text-align:left;font-weight:600;padding:8px 12px;color:var(--cp-ink)}
.mock-copilot .cp-tbl td{padding:8px 12px;border-top:1px solid #3F3D3A;vertical-align:top;color:#E6E4E2}
.mock-copilot .cp-tbl td:first-child{font-weight:600;color:var(--cp-ink)}
.mock-copilot.vp-mobile .cp-tbl{font-size:12.5px}
.mock-copilot.vp-mobile .cp-tbl th,.mock-copilot.vp-mobile .cp-tbl td{padding:6px 7px}
.mock-copilot .cp-chat.has-panel .cp-tbl{font-size:12.5px}
.mock-copilot .cp-chat.has-panel .cp-tbl th,.mock-copilot .cp-chat.has-panel .cp-tbl td{padding:6px 8px}

/* dentro de um notebook (capturado): topo próprio, pasta + nome, compositor só com microfone, Chat history */
.mock-copilot .cp-nb{position:relative}
.mock-copilot .cp-nbtop .cp-ibtn.act{background:var(--cp-act);color:var(--cp-ink)}
.mock-copilot .cp-ibtn.cp-people{width:auto;padding:0 8px;gap:5px}
.mock-copilot .cp-ibtn.cp-people em{font-style:normal;font-size:12.5px;color:#D2D0CE}
.mock-copilot .cp-nbcrumb{display:inline-flex;align-items:center;gap:7px;margin-left:6px;min-width:0;height:32px;padding:0 6px;border-radius:8px}
.mock-copilot .cp-nbcrumb b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-nbfolder{flex:none}
.mock-copilot .cp-nbempty{max-width:720px;padding:84px 24px 16px}
.mock-copilot .cp-nbtitle{display:flex;align-items:center;gap:11px;margin:0 0 18px 4px;align-self:flex-start;border-radius:8px}
.mock-copilot .cp-nbtitle h2{font-size:22px;font-weight:700;line-height:1.2}
.mock-copilot .cp-crow.slim .cp-cinput{padding-left:14px}
.mock-copilot .cp-nbempty .cp-composer{border-radius:24px;padding:6px 8px}
.mock-copilot .cp-nbhist{margin-top:34px;display:flex;flex-direction:column}
.mock-copilot .cp-nbhist-l{font-size:13px;font-weight:600;color:#D2D0CE;padding-left:6px;margin-bottom:6px}
.mock-copilot .cp-nbhist .cp-chatrow{display:flex;align-items:center;gap:9px;height:38px;line-height:1.2;font-size:14px;border-bottom:1px solid #3A3836;border-radius:0}
.mock-copilot .cp-nbhist .cp-chatrow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-copilot .cp-nbhist-e{display:flex;flex-direction:column;align-items:center;gap:14px;padding:46px 0 0;text-align:center}
.mock-copilot .cp-nbhist-e p{font-size:14px;color:var(--cp-mut)}
.mock-copilot .cp-nbhist-e .cp-btn{border:1px solid var(--cp-compline);color:var(--cp-ink);font-weight:600;padding:0 14px 0 11px}
.mock-copilot .cp-nbside{background:#232120}
.mock-copilot.vp-mobile .cp-nbempty{padding:22px 12px 14px;max-width:none}
.mock-copilot.vp-mobile .cp-nbtitle{margin:0 0 14px 2px}
.mock-copilot.vp-mobile .cp-nbtitle h2{font-size:20px}
.mock-copilot.vp-mobile .cp-nbhist{margin-top:24px}
.mock-copilot.vp-mobile .cp-nbhist-e{padding-top:30px}
.mock-copilot.vp-mobile .cp-nbcrumb{margin-left:0;max-width:150px}
.mock-copilot.vp-mobile .cp-nbcols{overflow:visible}
/* no celular o painel lateral vira folha de baixo: nome e caixa de mensagem continuam à vista */
.mock-copilot.vp-mobile .cp-nbside{position:absolute;left:0;right:0;bottom:0;width:auto;max-height:440px;z-index:20;border:0;border-top:1px solid var(--cp-line);border-radius:18px 18px 0 0;padding:4px 12px 16px;gap:10px;overflow:auto;box-shadow:0 -12px 40px rgba(0,0,0,.5)}
.mock-copilot .cp-nbside-h{display:flex;align-items:center;justify-content:flex-end;position:relative;height:40px;margin-bottom:-6px}
.mock-copilot .cp-nbside-h i{position:absolute;left:50%;top:8px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#5A5856}

/* janela de arquivos no celular: folha de baixo, como o seletor do aparelho */
.mock-copilot .cp-overlay.cp-sheetmode{align-items:flex-end}
.mock-copilot.vp-mobile .cp-sheetmode .cp-dialog{width:100%;max-width:none;border-radius:18px 18px 0 0;border-width:1px 0 0;padding:8px 14px 18px}
.mock-copilot .cp-grab{display:block;width:38px;height:4px;border-radius:2px;background:#5A5856;margin:0 auto 10px}
.mock-copilot.vp-mobile .cp-sheetmode .cp-dlg-h{justify-content:space-between}

/* consentimento: de quem é a janela (nome em texto, sem logotipo) */
.mock-copilot .cp-consent-brand{display:flex;align-items:center;gap:10px;width:100%}
.mock-copilot .cp-consent-brand b{font-size:19px;font-weight:600;letter-spacing:-.2px;color:#3C4043}
.mock-copilot .cp-consent-brand span{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:12.5px;color:#5F6368;border:1px solid #DADCE0;border-radius:999px;padding:3px 10px 3px 4px}
.mock-copilot .cp-consent-brand .cp-srcic{border-radius:50%}

/* página de uma fonte no celular: o botão Conectar fica sempre na própria linha, largura toda */
.mock-copilot.vp-mobile .cp-srchead>.cp-btn,.mock-copilot.vp-mobile .cp-srchead>.cp-pill{flex:0 0 100%;justify-content:center}
.mock-copilot.vp-mobile .cp-srchead>.cp-btn{height:42px}
.mock-copilot .cp-tbl td.nw,.mock-copilot .cp-tbl th{white-space:nowrap}

/* ---------- rodada 4 (UI_SPECS_4): Personalization com seção recolhida Advanced; Agents vazio ---------- */
.mock-copilot .cp-pers-d{font-size:14px;line-height:1.5;color:#D2D0CE;margin-bottom:14px}
.mock-copilot .cp-lnk{color:#8AB4F8;text-decoration:underline;white-space:nowrap}
.mock-copilot .cp-acc{display:flex;align-items:center;gap:8px;height:44px;border-top:1px solid #3A3836;border-bottom:1px solid #3A3836;font-size:14.5px}
.mock-copilot .cp-acc b{font-weight:600}
.mock-copilot .cp-acc .cp-ic{color:var(--cp-mut);flex:none}
.mock-copilot .cp-acc.open{border-bottom-color:transparent}
.mock-copilot .cp-acc-b{padding:2px 0 0 24px}
.mock-copilot .cp-example{display:flex;align-items:flex-start;gap:8px;border:1px dashed #6B6967;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.4;color:#D2D0CE;margin:4px 0 4px}
.mock-copilot .cp-example .cp-ic{flex:none;margin-top:1px;color:#F2C46D}
.mock-copilot .cp-example b{color:#F2C46D;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.04em;margin-right:4px}
.mock-copilot .cp-agbox{display:flex;align-items:center;gap:12px;border:1px solid #3A3836;border-radius:12px;background:#252322;padding:18px 16px;font-size:13.5px;line-height:1.45;color:#D2D0CE}
.mock-copilot .cp-agbox .cp-ic{flex:none;color:var(--cp-mut)}
.mock-copilot.vp-mobile .cp-acc-b{padding-left:8px}
.mock-copilot.vp-mobile .cp-acc{height:46px}

/* rodada 6 · consentimento = página neutra do "site do serviço" (clara, sem cara de Copilot) */
.mock-copilot .cp-svc{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;background:#F1F3F4;color:#202124;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.mock-copilot .cp-svc-bar{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:9px 16px;background:#fff;border-bottom:1px solid #DADCE0}
.mock-copilot .cp-svc-url{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:15px;background:#F1F3F4;font-size:13.5px;color:#3C4043}
.mock-copilot .cp-svc-tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 11px;border-radius:12px;background:#FEF7E0;color:#5F4B00;font-size:12.5px;font-weight:500;line-height:1.3}
.mock-copilot .cp-svc-body{flex:1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:18px 14px}
.mock-copilot .cp-svc .cp-consent{width:410px;max-width:100%;border:1px solid #DADCE0;box-shadow:none}
.mock-copilot .cp-svc .cp-consent-b{padding:26px 28px 22px}
.mock-copilot .cp-svc .cp-consent h3{font-size:24px;font-weight:400;margin-top:10px}
.mock-copilot .cp-svc .cp-avatar.ghost{background:#F1F3F4;color:#5F6368}
.mock-copilot.vp-mobile .cp-svc-bar{padding:8px 12px}
.mock-copilot.vp-mobile .cp-svc-body{align-items:flex-start}
.mock-copilot.vp-mobile .cp-svc .cp-consent-b{padding:20px 18px 18px}