/* Clea: caixa de pergunta no topo, botão flutuante e painel lateral. Só aparecem quando /api/clea responde enabled. */
.clea-hero{display:flex;align-items:center;gap:12px;width:min(100%,680px);margin:0 0 4px;padding:7px 8px 7px 22px;border:1px solid #e3e9f1;border-radius:40px;background:#fcfdff;box-shadow:0 8px 30px #04152b20;font-family:'General Sans',Geist,Arial,sans-serif}
.clea-hero[hidden]{display:none}
.clea-hero .clea-spark{flex:none;color:#8a9a00;font-size:18px;line-height:1}
.clea-hero input{flex:1;min-width:0;width:100%;padding:11px 0;border:0;background:transparent;color:#122441;font:inherit;font-size:16px;line-height:1.4}
.clea-hero input::placeholder{color:#69758b;opacity:1}
.clea-hero input:focus{outline:none}
.clea-hero:focus-within{border-color:#c3d609;box-shadow:0 8px 30px #04152b20,0 0 0 3px #c3d60955}
.clea-hero button{flex:none;min-height:46px;padding:12px 22px;border:0;border-radius:30px;background:#0c1e3e;color:#fcfdff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}
.clea-hero button:hover{background:#1c3560}
.hero .clea-hero{margin-top:34px}
.hero .clea-hero+.actions{margin-top:16px}
.clea-launcher{position:fixed;right:24px;bottom:24px;z-index:900;display:grid;place-items:center;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:#0c1e3e;color:#fcfdff;box-shadow:0 14px 40px #08142b55,0 0 0 1px #ffffff2e;cursor:pointer;transition:transform .2s,background .2s}
.clea-launcher:hover{transform:translateY(-2px);background:#162d55}
.clea-launcher[hidden]{display:none}
.clea-launcher.clea-away{opacity:0;pointer-events:none;visibility:hidden}
.clea-launcher svg{width:26px;height:26px}
.clea-launcher::after{content:"";position:absolute;top:6px;right:8px;width:10px;height:10px;border-radius:50%;background:#c3d609;box-shadow:0 0 0 2px #0c1e3e}
.clea-backdrop{position:fixed;inset:0;z-index:950;background:#0c1e3e3d;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.clea-backdrop[hidden]{display:none}
.clea-panel{position:fixed;top:0;right:0;bottom:0;z-index:951;display:flex;flex-direction:column;width:min(520px,100vw);margin:0;padding:0;border:0;border-left:1px solid #dce2ea;background:#fcfdff;color:#0c1e3e;font:400 16px/1.55 'General Sans',Geist,Arial,sans-serif;box-shadow:-30px 0 90px #08142b33;animation:clea-in .28s cubic-bezier(.22,.75,.2,1)}
.clea-panel[hidden]{display:none}
@keyframes clea-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.clea-head{display:flex;align-items:center;gap:14px;padding:22px 22px 18px 28px;border-bottom:1px solid #e3e9f1}
.clea-head-text{flex:1;min-width:0}
.clea-head img{display:block;width:104px;height:auto;margin-bottom:9px}
.clea-head strong{display:block;font-size:18px;font-weight:500;line-height:1.25}
.clea-status{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:13px;color:#526078}
.clea-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#9bb000}
.clea-close{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#f2f5f8;color:#0c1e3e;font-size:22px;line-height:1;cursor:pointer}
.clea-close:hover{background:#e3e9f1}
.clea-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:26px 28px 12px;display:flex;flex-direction:column;gap:12px}
.clea-msg{max-width:86%;padding:14px 18px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere}
.clea-msg[data-from=clea]{align-self:flex-start;background:#eef1f5;border-bottom-left-radius:5px}
.clea-msg[data-from=user]{align-self:flex-end;background:#0c1e3e;color:#fcfdff;border-bottom-right-radius:5px}
.clea-msg[data-from=system]{align-self:stretch;max-width:100%;background:#fff8e6;border:1px solid #ecd9a4;font-size:15px}
.clea-privacy{align-self:stretch;margin:0 0 4px;font-size:13px;line-height:1.55;color:#5b677d}
.clea-shortcuts{display:grid;gap:9px;margin:6px 0 8px}
.clea-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;padding:13px 18px;border:1px solid #d5dde8;border-radius:12px;background:#fff;color:#0c1e3e;font:inherit;font-size:15px;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.clea-shortcuts button::after{content:"→";flex:none;color:#69758b}
.clea-shortcuts button:hover{border-color:#0c1e3e;background:#f7f9fb}
.clea-typing{align-self:flex-start;display:flex;gap:6px;padding:18px;border-radius:18px;border-bottom-left-radius:5px;background:#eef1f5}
.clea-typing i{width:8px;height:8px;border-radius:50%;background:#8795aa;animation:clea-blink 1.2s infinite both}
.clea-typing i:nth-child(2){animation-delay:.2s}
.clea-typing i:nth-child(3){animation-delay:.4s}
@keyframes clea-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.clea-foot{padding:14px 24px 14px;border-top:1px solid #e3e9f1;background:#fcfdff}
.clea-form{display:flex;gap:10px;align-items:flex-end}
.clea-form textarea{flex:1;min-width:0;min-height:54px;max-height:130px;resize:none;overflow-y:auto;padding:15px 20px;border:1px solid transparent;border-radius:28px;background:#eef1f5;color:#0c1e3e;font:inherit;font-size:16px;line-height:1.4}
.clea-form textarea::placeholder{color:#69758b;opacity:1}
.clea-form textarea:focus{outline:none;border-color:#0c1e3e;background:#fff}
.clea-send{flex:none;display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#0c1e3e;color:#fcfdff;font-size:20px;cursor:pointer;transition:background .2s}
.clea-send:hover{background:#1c3560}
.clea-send:disabled{opacity:.45;cursor:default}
.clea-person{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px 4px;border:0;background:none;color:#0c1e3e;font:inherit;font-size:13px;text-align:center;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.clea-msg .clea-person{text-align:left;margin-top:8px;padding:6px 0;min-height:36px;font-size:14px}
.clea-launcher:focus-visible,.clea-panel :focus-visible,.clea-hero button:focus-visible{outline:3px solid #859300;outline-offset:2px}
html.clea-open{overflow:hidden}
@media(max-width:560px){
.clea-hero{padding:6px 6px 6px 16px;gap:8px}
.clea-hero .clea-spark{display:none}
.clea-hero button{padding:11px 16px;font-size:14px}
.clea-launcher{right:14px;bottom:14px;width:56px;height:56px}
.clea-panel{width:100vw;border-left:0}
.clea-head{padding:16px 14px 14px 18px}
.clea-log{padding:18px 16px 10px}
.clea-foot{padding:10px 12px 10px}
}
@media(prefers-reduced-motion:reduce){.clea-panel{animation:none}.clea-launcher{transition:none}.clea-typing i{animation:none;opacity:.6}}