/* =====================================================
   ASSISTENTE — visual do TI ARTES OS nas cores da Mari (assistente-voz.js)
   Gaveta azul-marinho, orbe amarelo do selo, bolha dela em azul médio.
   Seletores com #iaGaveta.iav: ganham do estilo antigo injetado pelo assistente.js.
   ===================================================== */
#iaGaveta.iav{--v-bg:#141B2E;--v-s1:#1B2440;--v-s2:#24304F;--v-line:rgba(242,194,48,.16);--v-tx:#F6F3EA;--v-tx2:#C9CEDB;--v-tx3:#98A1B6;--v-sky:#F2C230;--v-lov:#2F4372;
  background:var(--v-bg);color:var(--v-tx);font-family:var(--f-ui);border-left:1px solid var(--v-line)}
#iaGaveta.iav header{border-bottom:0;padding:12px 8px 4px 14px;gap:10px;align-items:center}
#iaGaveta.iav header b{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:0}
#iaGaveta.iav .x{color:var(--v-tx2);border-radius:12px}
#iaGaveta.iav .x:hover,#iaGaveta.iav .iavIco:hover{background:var(--v-s2);color:var(--v-tx)}
#iaGaveta.iav #iaCtx{border:0;padding:0 14px 10px 64px;color:var(--v-tx3);font-size:12.5px}
#iaGaveta.iav .iavOrbeTopo{width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden}
#iaGaveta.iav .iavOrbeTopo.vazio{visibility:hidden}
#iavOrbe{width:100%;height:100%;display:block;border-radius:50%}
#iavOrbe.semGl{background:radial-gradient(circle at 40% 35%,#FFF8DD 0,#F2C230 30%,#2F4372 70%,transparent 72%)}
#iaGaveta.iav .iavIco{width:44px;height:44px;flex:none;border:0;border-radius:12px;background:transparent;color:var(--v-tx2);display:grid;place-items:center;cursor:pointer}
#iaGaveta.iav .iavIco svg{width:20px;height:20px}
#iaGaveta.iav .iavIco.on{color:var(--v-sky);background:rgba(242,194,48,.12)}
#iaGaveta.iav #iaMsgs{padding:6px 16px 16px;gap:14px;scrollbar-width:thin;scrollbar-color:var(--v-s2) transparent;background:transparent}

/* tela vazia: orbe grande, "Oi, Carol." e as sugestões do dia */
.iavHero{text-align:center;margin:auto 0;padding:6px 0 4px}
.iavOrbeGrande{width:156px;height:156px;margin:0 auto 4px}
.iavHero h2{font-family:var(--f-display);font-weight:700;font-size:28px;line-height:1.1;margin:4px 0 6px;color:var(--v-tx)}
.iavHero p{color:var(--v-tx2);font-size:14px;line-height:1.45;margin:0 auto 18px;max-width:320px}
.iavSug{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.iavSug button{min-height:66px;padding:11px 12px;border-radius:14px;border:1px solid var(--v-line);background:var(--v-s1);color:var(--v-tx);font:14px/1.32 var(--f-ui);display:flex;gap:9px;align-items:flex-start;cursor:pointer;transition:border-color .15s,background .15s}
.iavSug button span{flex:none;font-size:16px;line-height:1.2}
.iavSug button:hover{border-color:var(--v-sky);background:var(--v-s2)}
.iavSug button:disabled{opacity:.5}

/* bolhas */
#iaGaveta.iav .iaB{font-size:15px;line-height:1.5;border-radius:16px;max-width:88%}
#iaGaveta.iav .iaB.assistant{position:relative;margin-left:38px;max-width:calc(100% - 38px);background:var(--v-s1);color:var(--v-tx);border:1px solid var(--v-line);border-top-left-radius:4px}
#iaGaveta.iav .iaB.assistant::before{content:"";position:absolute;left:-38px;top:0;width:30px;height:30px;border-radius:50%;background:url(arte/selo-mari-circ.png) center/cover no-repeat,var(--v-lov)}
#iaGaveta.iav .iaB.user{background:var(--v-lov);color:var(--v-tx);border-bottom-right-radius:4px}
#iaGaveta.iav .iaB.pensa{color:var(--v-tx3);margin-left:38px;padding:4px 0}
#iaGaveta.iav .iaB.pensa::after{content:"";display:inline-block;width:18px;animation:iavPontos 1.2s steps(4) infinite;vertical-align:bottom;overflow:hidden}
@keyframes iavPontos{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
#iaGaveta.iav .iaB.erro{background:rgba(240,144,156,.1);color:#F4B4BD;border:1px solid rgba(240,144,156,.25)}
#iaGaveta.iav .iaB .tx b{color:#FFF}
.iavAcoes{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.iavAcoes button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:99px;border:1px solid var(--v-line);background:transparent;color:var(--v-tx2);font:600 12.5px var(--f-ui);cursor:pointer}
.iavAcoes button svg{width:14px;height:14px}
.iavAcoes button:hover{color:var(--v-sky);border-color:var(--v-sky)}
.iavPdf{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(246,243,234,.12);font-size:12.5px}
.iavPdf svg{width:16px;height:16px}
#iaGaveta.iav .iaDemo{border-color:var(--v-line);color:var(--v-tx2);background:rgba(242,194,48,.05)}
#iaGaveta.iav .iaDemo b{color:var(--v-sky)}

/* cartão "confirma?" */
#iaGaveta.iav .iaCard{background:var(--v-s2);border:1.5px solid var(--v-sky);color:var(--v-tx)}
#iaGaveta.iav .iaCard dt,#iaGaveta.iav .iaCard .ass{color:var(--v-tx3)}
#iaGaveta.iav .iaCard .bts button{background:transparent;border:1px solid var(--v-line);color:var(--v-tx)}
#iaGaveta.iav .iaCard .bts .sim{background:var(--v-sky);color:#141B2E;border-color:transparent}
#iaGaveta.iav .iaCard.feito{border-color:var(--v-line)}

/* ouvindo */
#iavOuvindo{display:none;align-items:center;gap:9px;margin:0 12px 8px;padding:8px 10px 8px 13px;border-radius:14px;background:rgba(47,67,114,.55);border:1px solid rgba(242,194,48,.25);font-size:13px}
#iavOuvindo.on{display:flex}
#iavOuvindo .barras{display:flex;gap:2.5px;align-items:flex-end;height:15px;flex:none}
#iavOuvindo .barras i{width:2.5px;height:100%;background:var(--v-sky);border-radius:2px;transform-origin:bottom;animation:iavOnda .9s ease-in-out infinite}
#iavOuvindo .barras i:nth-child(2){animation-delay:.12s}#iavOuvindo .barras i:nth-child(3){animation-delay:.24s}
#iavOuvindo .barras i:nth-child(4){animation-delay:.36s}#iavOuvindo .barras i:nth-child(5){animation-delay:.48s}
@keyframes iavOnda{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
#iavOuvindo .rel{font-variant-numeric:tabular-nums;color:var(--v-sky);flex:none}
#iavOuvindo .ouvTxt{flex:1;min-width:0;color:var(--v-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#iavOuvindo .chip{min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--v-line);background:transparent;color:var(--v-tx2);font:600 12.5px var(--f-ui);cursor:pointer}
#iavOuvindo .chip.on{background:var(--v-sky);color:#141B2E;border-color:transparent}

/* anexos à espera */
#iaGaveta.iav #iaAnexo{display:none;padding:0 12px 8px;gap:8px;flex-wrap:wrap}
#iaGaveta.iav #iaAnexo.on{display:flex}
.iavAnx{position:relative;display:inline-flex;align-items:center;gap:6px;height:56px;padding:0 10px 0 0;border-radius:12px;background:var(--v-s1);border:1px solid var(--v-line);color:var(--v-tx2);font-size:12px}
.iavAnx img{width:56px;height:56px;object-fit:cover;border-radius:12px;margin:0}
.iavAnx svg{width:22px;height:22px;margin-left:10px;color:var(--v-sky)}
.iavAnx button{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:0;background:var(--v-tx);color:#141B2E;font:700 15px/1 var(--f-ui);cursor:pointer;text-decoration:none}

/* a caixa de escrever (uma peça só, como no TI ARTES) */
#iaGaveta.iav #iaForm{margin:0 10px calc(10px + env(safe-area-inset-bottom));padding:5px;border:1px solid var(--v-line);border-top:1px solid var(--v-line);border-radius:18px;background:var(--v-s1);gap:4px;align-items:flex-end;transition:border-color .15s,box-shadow .15s}
#iaGaveta.iav #iaForm:focus-within{border-color:rgba(242,194,48,.55);box-shadow:0 0 0 4px rgba(242,194,48,.08)}
#iaGaveta.iav #iaTxt{background:transparent;border:0;color:var(--v-tx);min-height:44px;padding:11px 6px;font-size:16px;line-height:1.4;outline:none}
#iaGaveta.iav #iaTxt::placeholder{color:var(--v-tx3)}
#iaGaveta.iav #iaClip{border:0;background:transparent;color:var(--v-tx2)}
.iavMic{height:44px;flex:none;padding:0 12px;border-radius:12px;border:1px solid var(--v-line);background:var(--v-s2);color:var(--v-tx);display:inline-flex;gap:6px;align-items:center;font:600 14px var(--f-ui);cursor:pointer}
.iavMic svg{width:18px;height:18px}
.iavMic.ouvindo{background:#2F4372;border-color:transparent;animation:iavPulsa 1.1s ease-in-out infinite}
@keyframes iavPulsa{0%,100%{box-shadow:0 0 0 0 rgba(242,194,48,.35)}50%{box-shadow:0 0 0 7px rgba(242,194,48,0)}}
#iaGaveta.iav #iaEnviar{width:44px;min-width:44px;height:44px;border-radius:12px;background:var(--v-sky);color:#141B2E;border:0;display:grid;place-items:center;cursor:pointer}
#iaGaveta.iav #iaEnviar svg{width:19px;height:19px}
#iaGaveta.iav #iaEnviar:disabled{opacity:.45}
@media (max-width:360px){ .iavMic .t{display:none} .iavMic{padding:0 11px} }
.iavDemoPe{padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--v-line);display:flex;flex-direction:column;gap:6px;color:var(--v-tx3)}

/* a engrenagem */
#iavMenu{padding:6px 16px 14px;border-bottom:1px solid var(--v-line);background:var(--v-s1);display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
#iavMenu[hidden]{display:none}
.iavLiga{display:flex;gap:10px;align-items:flex-start;padding:8px 0;min-height:44px;cursor:pointer}
.iavLiga input{width:20px;height:20px;accent-color:#F2C230;flex:none;margin-top:2px}
.iavLiga small,.iavVozCfg small{display:block;color:var(--v-tx3);font-size:12.5px;margin-top:2px;line-height:1.4}
.iavVozCfg{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-top:1px solid var(--v-line)}
.iavLinha{display:flex;gap:6px}
#iavMenu input[type=password],#iavMenu select{flex:1;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--v-line);background:var(--v-bg);color:var(--v-tx);font:15px var(--f-ui)}
#iavMenu .mini{min-height:44px;background:var(--v-s2);color:var(--v-tx);border:1px solid var(--v-line)}
#iavMenu .mkLink{color:var(--v-sky);background:none;border:0;text-align:left;padding:6px 0;min-height:36px;cursor:pointer;font:600 13px var(--f-ui);text-decoration:underline}
.iavMenuPe{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--v-line)}
/* acertos depois de olhar a tela */
#iaGaveta.iav #iaTxt:focus,#iaGaveta.iav #iaTxt:focus-visible{outline:none}
#iaGaveta.iav .iavSug button{text-align:left;justify-content:flex-start}
#iaGaveta.iav .iavAcoes button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;margin:0;border:1px solid var(--v-line);border-radius:99px;background:transparent;color:var(--v-tx2);font:600 12.5px var(--f-ui)}
#iaGaveta.iav .iavOrbeTopo.vazio{display:none}
#iaGaveta.iav header:has(.iavOrbeTopo.vazio) + #iaCtx{padding-left:14px}
@media (pointer:coarse){ #iaGaveta.iav .iavAcoes button{min-height:44px} }
#iaGaveta.iav #iaTxt{-webkit-appearance:none;appearance:none;box-shadow:none}
/* a voz das respostas: rótulo da chave (gaveta e Ajustes) */
.iavVozCfg .vzRot{font-weight:600;font-size:13.5px;margin-top:4px}
.iavVozCfg .vzRot small{font-weight:400}
.iavVozCfg .vzBts{flex-wrap:wrap;align-items:center}
#iavMenu .iavVozCfg .vzKey,#iavMenu .iavVozCfg .vzSel{flex:1;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--v-line);background:var(--v-bg);color:var(--v-tx);font:15px var(--f-ui)}
/* em Ajustes, nas cores do painel */
.vozCard .iavVozCfg{border-top:0;padding-top:0}
.vozCard .iavVozCfg > b{display:none}
.vozCard .iavVozCfg small{color:var(--ink-3)}
.vozCard .iavLinha{display:flex;gap:8px}
.vozCard .vzKey{flex:1;min-height:44px}
.vozCard .vzSel{min-height:44px}


/* o selo no botão "presente" e o modo ao vivo */
#iaGaveta.iav .iaModo{background:rgba(242,194,48,.14);color:var(--v-sky)}
body.iaSolta::after{content:"Solte aqui: vai para o assistente";position:fixed;inset:12px;border:2px dashed #F2C230;border-radius:18px;background:rgba(20,27,46,.55);color:#fff;display:grid;place-items:center;font:600 18px var(--f-ui);z-index:9999;pointer-events:none}

/* o orbe é o avatar do topo: a estrela do motor antigo sai; o selo "ao vivo" não quebra */
#iaGaveta.iav .iaAv{display:none}
#iaGaveta.iav .iaModo{white-space:nowrap}
#iaGaveta.iav header .iaCab{min-width:0}