/* Painel lateral de artefatos (web/painel-artefato.js) e a página Artefatos. Tokens do tema (tema.css); sem degradê. */
.pa{position:fixed;top:48px;right:0;bottom:0;width:var(--pa-larg,560px);z-index:30;display:flex;flex-direction:column;background:var(--sf);border-left:1px solid var(--bd2);box-shadow:var(--sombra-md);container-type:inline-size}
body.pa-aberto .conteudo{margin-right:var(--pa-larg,560px)}
body.pa-aberto.pa-rec .conteudo{margin-right:44px}
.pa-alca{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:1;touch-action:none}
.pa-alca::after{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:transparent;transition:background-color var(--t-rapido) var(--ease)}
.pa-alca:hover::after,.pa-alca:focus-visible::after,.pa-arrastando .pa-alca::after{background:var(--ac)}
.pa-arrastando{user-select:none}.pa-arrastando .pa-corpo{pointer-events:none}
.pa-cab{display:flex;align-items:center;gap:4px;padding:10px 10px 6px 16px}
.pa-tit{flex:1;min-width:0;display:grid}
.pa-tit-in{font:600 15px/1.3 var(--fonte-ui);color:var(--tx);background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 6px;margin-left:-7px;min-width:0}
.pa-tit-in:hover:not([readonly]){border-color:var(--bd2)}.pa-tit-in:focus{outline:none;border-color:var(--ac)}.pa-tit-in[readonly]{cursor:default}
.pa-meta{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-b{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:8px;background:transparent;color:var(--mu);cursor:pointer}
.pa-b:hover{background:var(--sobrepor-1);color:var(--tx)}
.pa-barra{display:flex;align-items:center;gap:2px;padding:4px 10px 8px 14px;border-bottom:1px solid var(--bd)}
.pa-abas{display:inline-flex;padding:2px;border-radius:8px;background:var(--sf2);gap:2px}
.pa-aba{border:0;background:transparent;color:var(--mu);font:500 13px var(--fonte-ui);padding:4px 12px;border-radius:6px;cursor:pointer}
.pa-aba[aria-selected="true"]{background:var(--el);color:var(--tx);box-shadow:var(--sombra-sm)}
.pa-salvar{height:30px;margin-left:6px;padding:0 12px;font-size:13px}.pa-salvar:disabled{opacity:.5;cursor:default}
.pa-baixar{position:relative}
.pa-menu{position:absolute;right:0;top:34px;z-index:2;min-width:190px;padding:4px;background:var(--el);border:1px solid var(--bd2);border-radius:10px;box-shadow:var(--sombra-lg);display:grid}
.pa-menu[hidden]{display:none}
.pa-menu-i{border:0;background:transparent;color:var(--tx);text-align:left;padding:7px 10px;border-radius:6px;font:13px var(--fonte-ui);cursor:pointer}.pa-menu-i:hover{background:var(--sobrepor-1)}
.pa-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--am) 12%,transparent);border-bottom:1px solid var(--bd);font-size:13px}
.pa-aviso[hidden]{display:none}.pa-aviso .btn2{height:28px;font-size:12px;padding:0 10px}
.pa-meio{flex:1;min-height:0;display:flex;position:relative}
.pa-corpo{flex:1;min-width:0;overflow:auto;padding:16px}
.pa-svg{display:grid;place-items:center;min-height:100%;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:12px}
.pa-svg img{max-width:100%;height:auto;display:block}
.pa-codigo{margin:0;white-space:pre-wrap;word-break:break-all;font:12.5px/1.55 var(--fonte-mono);color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:12px}
.pa-ed{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-height:360px}
.pa-area{width:100%;height:100%;min-height:360px;resize:none;font:400 13px/1.6 var(--fonte-mono);color:var(--tx);background:var(--bg);border:1px solid var(--bd2);border-radius:10px;padding:12px;box-sizing:border-box}
.pa-area:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}
.pa-previa{overflow:auto;border:1px dashed var(--bd2);border-radius:10px;padding:4px 14px}
@container (max-width:700px){.pa-ed{grid-template-columns:1fr}.pa-previa{display:none}}
.pa-md{font-size:14.5px;line-height:1.65;color:var(--tx);overflow-wrap:anywhere}
.pa-md h1,.pa-md h2,.pa-md h3,.pa-md h4{line-height:1.3;margin:1.1em 0 .45em}.pa-md h1{font-size:21px}.pa-md h2{font-size:18px}.pa-md h3{font-size:16px}.pa-md>:first-child{margin-top:4px}
.pa-md p,.pa-md ul,.pa-md ol{margin:0 0 .8em}.pa-md ul,.pa-md ol{padding-left:22px}.pa-md a{color:var(--ac)}
.pa-md code{font:12.5px var(--fonte-mono);background:var(--sf2);border-radius:4px;padding:1px 4px}.pa-md pre{background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:10px;overflow:auto}.pa-md pre code{background:none;padding:0}
.pa-md blockquote{margin:0 0 .8em;padding:2px 14px;border-left:3px solid var(--bd2);color:var(--mu)}.pa-md hr{border:0;border-top:1px solid var(--bd);margin:1em 0}
.md-tab{overflow:auto;margin:0 0 .8em;border:1px solid var(--bd);border-radius:8px}
.md-tab table{border-collapse:collapse;width:100%;font-size:13px}.md-tab th,.md-tab td{border-bottom:1px solid var(--bd);padding:6px 10px;text-align:left;vertical-align:top}
.md-tab th{background:var(--sf2);font-weight:600;position:sticky;top:0}.md-tab tr:last-child td{border-bottom:0}.md-tab td+td,.md-tab th+th{border-left:1px solid var(--bd)}
.pa-lado{width:min(320px,85%);flex:none;overflow:auto;border-left:1px solid var(--bd);background:var(--sf);padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.pa-lado[hidden]{display:none}
.pa-lado-cab{display:flex;align-items:center;justify-content:space-between}.pa-lado-cab b{font-size:14px}
.pa-lado p{margin:0;font-size:12.5px}
.pa-versoes,.pa-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pa-versoes li,.pa-links li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--bd);border-radius:8px;font-size:13px}
.pa-versoes li.on{border-color:var(--ac)}.pa-versoes .badge{margin-left:6px}
.pa-v-acoes{display:flex;gap:4px}.pa-v-acoes .btn2,.pa-links .btn2{height:28px;font-size:12px;padding:0 9px}
.pa-alerta{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:8px;background:color-mix(in srgb,var(--am) 13%,transparent);border:1px solid color-mix(in srgb,var(--am) 40%,transparent);color:var(--tx)}
.pa-alerta .ico{color:var(--am);flex:none;margin-top:2px}
.pa-link-criar{gap:6px}.pa-link-criar select{flex:1}.pa-link-criar .btn{flex:none}
.pa-link-novo .row{gap:6px;margin-top:6px}.pa-link-url{flex:1;min-width:0;font:12px var(--fonte-mono)}
.pa-sub-t{font-size:13px;margin-top:4px}
.pa-expandir{display:none}
.pa.recolhido{width:44px}.pa.recolhido>:not(.pa-expandir){display:none}
.pa.recolhido .pa-expandir{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;width:100%;padding:12px 0;border:0;background:transparent;color:var(--mu);cursor:pointer}
.pa.recolhido .pa-expandir:hover{color:var(--tx);background:var(--sobrepor-1)}
.pa-expandir span{writing-mode:vertical-rl;font-size:13px;max-height:70vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:860px){
  .pa{width:100%;left:0;border-left:0;box-shadow:none}
  body.pa-aberto .conteudo,body.pa-aberto.pa-rec .conteudo{margin-right:0}
  .pa-alca,.pa-cab .pa-b[aria-label="Recolher o painel"]{display:none}
  .pa-lado{position:absolute;inset:0;width:auto;border-left:0;z-index:1}
  .pa-corpo{padding:12px}
}
/* página Artefatos */
.pu-trecho{display:block;width:100%;height:100%;padding:10px 12px;box-sizing:border-box;font-size:12px;line-height:1.45;color:var(--mu);white-space:pre-wrap;overflow:hidden;text-align:left;align-self:start}
.ar-novos{display:flex;gap:6px;margin-left:auto}.ar-novos .btn2{height:30px;font-size:13px}
.user-acao[hidden]{display:none}