/* Shell Tinta del copiloto. Cero sombra. Selección por relleno. */
#tinta-panel.cpl-dock,
.cpl-dock{
  --cpl-bg:var(--bg,#fbfbfc);
  --cpl-alt:var(--bg-alt,#f6f5f0);
  --cpl-elev:var(--elev,#fff);
  --cpl-ink:var(--ink,#131416);
  --cpl-muted:var(--ink-muted,#3f4146);
  --cpl-hair:var(--hair,#e8e7e2);
  --cpl-strong:var(--hair-strong,#d9d8d3);
  --cpl-gray:var(--gray,#6b7280);
  --cpl-serif:var(--serif,Charter,'Iowan Old Style',Palatino,Georgia,serif);
  --cpl-sans:var(--sans,system-ui,-apple-system,'Segoe UI',sans-serif);
  --cpl-mono:var(--mono,ui-monospace,'SF Mono',Menlo,Consolas,monospace);
  position:fixed;inset:0;z-index:80;display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:100%;max-width:none;clip-path:none;
  color:var(--cpl-ink);background:var(--cpl-bg);
  border:0;visibility:hidden;pointer-events:none;
  overscroll-behavior:none;
}
#tinta-panel.cpl-dock.is-open,
.cpl-dock.is-open{visibility:visible;pointer-events:auto}
@media(min-width:821px){
  #tinta-panel.cpl-dock,
  .cpl-dock{
    inset:0 0 0 auto;width:min(470px,100%);
    border-left:1px solid var(--cpl-strong);
  }
}
#tinta-panel.cpl-dock > header,
.cpl-dock > .cpl-header{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.7rem .8rem;border-bottom:1px solid var(--cpl-hair);background:var(--cpl-bg);
}
.cpl-header-id{display:flex;align-items:center;gap:.55rem;min-width:0}
.cpl-header-id strong{display:block;font-family:var(--cpl-serif);font-size:17px;font-weight:500;line-height:1.15}
.cpl-header-id small{display:block;color:var(--cpl-muted);font-size:12.5px}
.cpl-icon{
  width:40px;height:40px;padding:0;border:0;border-radius:4px;
  background:transparent;color:var(--cpl-ink);cursor:pointer;
}
.cpl-icon:hover,.cpl-icon[aria-pressed="true"]{background:var(--cpl-alt)}
.cpl-icon:focus-visible{outline:2px solid var(--cpl-ink);outline-offset:2px}
.cpl-header-actions{display:flex;align-items:center;gap:.15rem}

#tinta-panel.cpl-dock #tinta-context{display:none}
#tinta-panel.cpl-dock #tinta-thread,
.cpl-hilo{
  min-height:0;overflow-y:auto;overscroll-behavior:contain;
  display:grid;align-content:start;gap:.7rem;padding:1rem .9rem 1.4rem;
}
.cpl-vacio{
  padding:1.1rem;border:1px solid var(--cpl-hair);border-radius:6px;
  color:var(--cpl-muted);background:var(--cpl-elev);
}
.cpl-vacio strong{display:block;font-family:var(--cpl-serif);font-size:19px;font-weight:500;color:var(--cpl-ink);margin-bottom:.35rem}
.cpl-inicio{display:grid;align-content:start;gap:.55rem;padding:.35rem .1rem 1rem}
.cpl-inicio .cpl-kicker{
  color:var(--cpl-gray);font:400 10.5px/1 var(--cpl-mono);
  letter-spacing:.12em;text-transform:uppercase;
}
.cpl-inicio h2{margin:0;font:500 28px/1.15 var(--cpl-serif);color:var(--cpl-ink)}
.cpl-lede{margin:0;max-width:38ch;color:var(--cpl-muted);font:400 15px/1.45 var(--cpl-sans)}
.cpl-momentos{display:grid;gap:.55rem;margin-top:.7rem}
.cpl-momento{
  display:grid;gap:.2rem;text-align:left;padding:.85rem .9rem;
  border:1px solid var(--cpl-hair);border-radius:6px;
  background:var(--cpl-elev);color:var(--cpl-ink);cursor:pointer;
}
.cpl-momento:hover,.cpl-momento:focus-visible{background:var(--cpl-alt)}
.cpl-momento b{font:400 14px/1.25 var(--cpl-sans)}
.cpl-momento small{color:var(--cpl-muted);font:400 12.5px/1.4 var(--cpl-sans)}
.cpl-msg{max-width:92%;padding:.8rem;border:1px solid var(--cpl-hair);border-radius:6px;background:var(--cpl-elev)}
.cpl-msg.is-user{margin-left:auto;background:var(--cpl-alt);border-color:var(--cpl-strong)}
.cpl-msg.is-pensando{border-style:dashed;color:var(--cpl-muted)}
.cpl-fuentes{margin:.7rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem}
.cpl-fuentes li{
  color:var(--cpl-gray);font:400 10.5px/1.4 var(--cpl-mono);
  letter-spacing:.02em;
}
#tinta-panel.cpl-dock .ws-tinta-message,
#tinta-panel.cpl-dock .ws-source-span,
#tinta-panel.cpl-dock .ws-tinta-empty,
#tinta-panel.cpl-dock .ws-tinta-confirm-gate,
#tinta-panel.cpl-dock .ws-citation-sources,
#tinta-panel.cpl-dock .cap12-grounded-status{display:none}
.cpl-msg > .cpl-quien{
  font-family:var(--cpl-mono);font-size:10.5px;font-weight:400;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cpl-gray);
}
.cpl-prosa p{margin:.4rem 0 0;white-space:pre-wrap}
.cpl-prosa ul,.cpl-prosa ol{margin:.4rem 0 0;padding-left:1.1rem}
.cpl-table{overflow:auto}
.cpl-table table{width:100%;border-collapse:collapse;font-size:12.5px}
.cpl-table th,.cpl-table td{padding:8px 9px;border-bottom:1px solid var(--cpl-hair);text-align:left}
.cpl-table th{font-family:var(--cpl-mono);font-size:10.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--cpl-gray)}
iframe.cpl-frame{width:100%;min-height:80px;border:1px solid var(--cpl-hair);border-radius:6px;background:var(--cpl-elev)}
.cpl-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.cpl-chips button,.cpl-decision button,.cpl-cuestionario button{
  min-height:40px;padding:6px 12px;border:1px solid var(--cpl-strong);
  border-radius:4px;background:var(--cpl-elev);color:var(--cpl-ink);
  font:400 12.5px var(--cpl-sans);cursor:pointer;
}
.cpl-chips button:hover,.cpl-decision button:hover{background:var(--cpl-alt)}
.cpl-decision,.cpl-aprobacion{
  margin-top:.6rem;padding:.8rem;border:1px solid var(--cpl-hair);
  border-radius:6px;background:var(--cpl-elev);
}
.cpl-cuestionario{display:grid;gap:.55rem;margin-top:.6rem}
.cpl-cuestionario label{display:grid;gap:.3rem;font-size:12.5px;color:var(--cpl-muted)}
.cpl-cuestionario input,.cpl-cuestionario textarea,.cpl-cuestionario select{
  width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--cpl-strong);
  border-radius:4px;background:var(--cpl-elev);color:var(--cpl-ink);font:400 13.5px var(--cpl-sans);
}
.cpl-cuestionario textarea{min-height:88px}
.cpl-cuestionario button[type="submit"]{background:var(--cpl-ink);color:#fff;border-color:var(--cpl-ink)}

#tinta-panel.cpl-dock #tinta-form,
.cpl-composer-wrap{
  display:grid;gap:.45rem;padding:.65rem .8rem .8rem;
  border-top:1px solid var(--cpl-hair);background:var(--cpl-bg);
}
#tinta-panel.cpl-dock #tinta-context{display:none}
#tinta-panel.cpl-dock .ws-form-row,
#tinta-panel.cpl-dock #tinta-act-fields,
#tinta-panel.cpl-dock label[for="tinta-question"],
#tinta-panel.cpl-dock #tinta-submit,
#tinta-panel.cpl-dock #tinta-safety-note{display:none}
#tinta-panel.cpl-dock #tinta-form.tm-hidden{display:grid !important}
.cpl-avisos{display:grid;gap:.55rem}
.cpl-avisos:empty{display:none}
.cpl-composer{
  display:grid;grid-template-columns:40px minmax(0,1fr) 40px 40px;
  align-items:end;gap:.35rem;
}
.cpl-composer textarea{
  width:100%;min-height:32px;max-height:140px;resize:none;overflow-y:hidden;
  padding:6px 12px;border:1px solid var(--cpl-strong);border-radius:4px;
  background:var(--cpl-elev);color:var(--cpl-ink);font:400 13.5px/1.45 var(--cpl-sans);
}
.cpl-send{
  width:40px;height:40px;border:1px solid var(--cpl-ink);border-radius:4px;
  background:var(--cpl-ink);color:#fff;cursor:pointer;
}
.cpl-send[disabled]{opacity:.45;cursor:not-allowed}
.cpl-live{
  width:40px;height:40px;border:1px solid var(--cpl-strong);border-radius:4px;
  background:var(--cpl-elev);color:var(--cpl-ink);cursor:pointer;
}
.cpl-live.is-on{background:var(--cpl-alt)}
.cpl-composer-note{
  margin:0;color:var(--cpl-gray);font-family:var(--cpl-mono);
  font-size:10.5px;font-weight:400;letter-spacing:.04em;
}
.cpl-voice{
  display:none;place-items:center;gap:.7rem;padding:2rem 1rem;
  min-height:220px;text-align:center;
}
.cpl-dock.is-voice .cpl-hilo,
.cpl-dock.is-voice #tinta-thread,
.cpl-dock.is-voice .cpl-composer,
.cpl-dock.is-voice #tinta-form,
.cpl-dock.is-voice #tinta-form.tm-hidden{display:none !important}
.cpl-dock.is-voice .cpl-voice{display:grid}
.cpl-voice strong{font-family:var(--cpl-serif);font-size:22px;font-weight:500}
.cpl-voice p{margin:0;color:var(--cpl-muted)}
.cpl-highlight{
  outline:2px solid var(--cpl-ink);outline-offset:3px;
  background:var(--cpl-alt) !important;
}

.cpl-velo{
  position:absolute;inset:0;z-index:90;background:rgba(19,20,22,.28);
  opacity:0;pointer-events:none;
}
.cpl-velo.is-on{opacity:1;pointer-events:auto}
.cpl-menu,.cpl-hoja,.cpl-mas{
  position:absolute;z-index:91;background:var(--cpl-bg);color:var(--cpl-ink);
  overscroll-behavior:none;
}
.cpl-menu{
  inset:0 auto 0 0;width:min(320px,88vw);border-right:1px solid var(--cpl-strong);
  transform:translateX(-104%);visibility:hidden;
}
.cpl-menu.is-on{transform:none;visibility:visible}
.cpl-menu header,.cpl-mas header,.cpl-hoja header{
  display:flex;align-items:start;justify-content:space-between;gap:.6rem;
  padding:.9rem;border-bottom:1px solid var(--cpl-hair);
}
.cpl-menu header strong,.cpl-mas header strong,.cpl-hoja header strong{
  font-family:var(--cpl-serif);font-size:19px;font-weight:500;
}
.cpl-menu header small,.cpl-mas header small,.cpl-hoja header small{
  display:block;margin-top:.2rem;color:var(--cpl-muted);font-size:12.5px;
}
.cpl-grupo{padding:.55rem .7rem .2rem}
.cpl-grupo > span{
  display:block;padding:.35rem .35rem .2rem;
  font-family:var(--cpl-mono);font-size:10.5px;font-weight:400;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cpl-gray);
}
.cpl-item{
  width:100%;display:grid;gap:.15rem;text-align:left;
  padding:.7rem .75rem;border:0;border-radius:4px;
  background:transparent;color:var(--cpl-ink);cursor:pointer;
}
.cpl-item[aria-current="true"],.cpl-item:hover{background:var(--cpl-alt)}
.cpl-item b{font:400 14px/1.25 var(--cpl-sans)}
.cpl-item small{color:var(--cpl-muted);font-size:12.5px}
.cpl-kpi{font-family:var(--cpl-mono);font-size:10.5px;font-weight:400;color:var(--cpl-gray)}
.cpl-buscador{display:grid;gap:.3rem;padding:.55rem .9rem .2rem;color:var(--cpl-muted);font-size:12.5px}
.cpl-buscador input{
  width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--cpl-strong);
  border-radius:4px;background:var(--cpl-elev);color:var(--cpl-ink);font:400 13.5px var(--cpl-sans);
}
.cpl-vacio-menu{margin:.6rem .9rem;color:var(--cpl-muted);font-size:13px}
.cpl-ficha{display:grid;gap:.7rem}
.cpl-kpis{display:grid;gap:.15rem;padding:.7rem .8rem;border:1px solid var(--cpl-hair);border-radius:6px;background:var(--cpl-elev)}
.cpl-kpis .cpl-kpi{font-size:22px;font-family:var(--cpl-serif);color:var(--cpl-ink)}
.cpl-kpis small{color:var(--cpl-muted);font-size:12.5px}
.cpl-lista ul{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}
.cpl-lista li{
  display:grid;gap:.15rem;padding:.7rem .75rem;border:1px solid var(--cpl-hair);
  border-radius:4px;background:var(--cpl-elev);cursor:pointer;
}
.cpl-lista li:hover{background:var(--cpl-alt)}
.cpl-lista strong{font:400 14px/1.25 var(--cpl-sans)}
.cpl-lista small{color:var(--cpl-muted);font-size:12.5px}
.cpl-mas-lista,.cpl-instalar{display:grid;gap:.35rem}
.cpl-pasos{margin:.4rem 0 0;padding:0 0 0 1.2rem;color:var(--cpl-muted);font-size:13.5px}
.cpl-pasos li{margin:.35rem 0}
html.cpl-app #tinta-panel.cpl-dock,
html.cpl-app .cpl-dock{
  inset:0;width:100%;max-width:none;border:0;visibility:visible;pointer-events:auto;
}
html.cpl-app .ws-appbar,
html.cpl-app .ws-layout,
html.cpl-app #close-tinta{display:none}
html.cpl-app body{overflow:hidden}

.cpl-hoja{
  left:0;right:0;bottom:0;border-top:1px solid var(--cpl-strong);
  border-radius:10px 10px 0 0;transform:translateY(108%);visibility:hidden;
  max-height:92dvh;display:grid;grid-template-rows:auto minmax(0,1fr);
}
.cpl-hoja.is-on{transform:none;visibility:visible}
.cpl-hoja[data-altura="media"]{height:46dvh}
.cpl-hoja[data-altura="alta"]{height:70dvh}
.cpl-hoja[data-altura="completa"]{height:92dvh}
.cpl-agarre{
  touch-action:none;cursor:grab;display:grid;place-items:center;
  padding:.55rem 0 .15rem;
}
.cpl-agarre i{display:block;width:42px;height:3px;border-radius:99px;background:var(--cpl-strong)}
.cpl-hoja .cpl-cuerpo{min-height:0;overflow:auto;padding:.4rem .9rem 1.2rem}
.cpl-mas{
  inset:auto 0 0 auto;width:min(320px,92vw);border-left:1px solid var(--cpl-strong);
  border-top:1px solid var(--cpl-strong);border-radius:10px 0 0 0;
  transform:translateY(108%);visibility:hidden;
}
.cpl-mas.is-on{transform:none;visibility:visible}
.cpl-mas .cpl-cuerpo,.cpl-menu .cpl-cuerpo{overflow:auto;padding:.4rem 0 1rem}

.cpl-modo{display:none;padding:0 .8rem}
.cpl-modo.is-on{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.cpl-modo label{display:grid;gap:.25rem;font-size:11.5px;color:var(--cpl-muted)}
.cpl-modo select{
  min-height:40px;border:1px solid var(--cpl-strong);border-radius:4px;
  background:var(--cpl-elev);color:var(--cpl-ink);
}

html:has(.cpl-dock.is-open),
body:has(.cpl-dock.is-open){overscroll-behavior:none}

@media(max-width:560px){
  .cpl-icon,.cpl-send,.cpl-live{min-height:44px;height:44px;width:44px}
  .cpl-composer{grid-template-columns:44px minmax(0,1fr) 44px 44px}
}
@media(prefers-reduced-motion:reduce){
  .cpl-menu,.cpl-hoja,.cpl-mas,.cpl-velo,#tinta-panel.cpl-dock,.cpl-dock{transition:none}
}
