/* Paleta de criação + ajustes de UI (camada aditiva, 2026-07-20).
   Ver comentário no topo de paleta-criar.js. */

/* ————— paleta vertical, colada no desenho ————— */
#pc-paleta{position:absolute;left:12px;top:12px;z-index:7;display:flex;flex-direction:column;
  gap:2px;padding:8px;width:172px;max-height:calc(100% - 96px);overflow-y:auto;
  background:color-mix(in srgb,var(--painel) 94%,transparent);
  border:1px solid var(--linha);border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.10)}
#pc-paleta.compacta{width:54px}
#pc-paleta.compacta .pc-l,#pc-paleta.compacta .pc-titulo{display:none}
#pc-encolher{align-self:flex-end;width:24px;height:24px;font-size:12px;cursor:pointer;
  color:var(--muted);background:transparent;border:1px solid var(--linha);border-radius:6px}
#pc-encolher:hover{color:var(--acento);border-color:var(--acento)}
.pc-grupo{display:flex;flex-direction:column;gap:2px}
.pc-grupo+.pc-grupo{margin-top:8px;padding-top:8px;border-top:1px solid var(--linha)}
.pc-titulo{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  color:var(--muted);margin:0 4px 2px}
.pc-fer{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:5px 8px;
  font:inherit;font-size:12.5px;text-align:left;cursor:pointer;color:var(--txt);
  background:transparent;border:1px solid transparent;border-radius:8px;white-space:nowrap}
.pc-fer:hover{background:var(--painel2);border-color:var(--linha);color:var(--acento)}
.pc-ic{font-size:15px;width:20px;text-align:center;flex:0 0 20px}
.pc-l{overflow:hidden;text-overflow:ellipsis}

/* ————— aviso flutuante das ferramentas ————— */
#pc-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:60;
  max-width:min(640px,92vw);padding:10px 16px;font-size:13px;color:var(--txt);
  background:var(--painel);border:1px solid var(--aviso);border-radius:10px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .25s;pointer-events:none}
#pc-toast.ok{border-color:var(--ok)}

/* ————— painel lateral: largura de trabalho ————— */
#lado{flex-basis:420px;position:relative}
#lado.pc-largo{flex-basis:min(66vw,820px)}
#lado{max-width:76vw}
#pc-resize{position:absolute;left:0;top:0;bottom:0;width:7px;cursor:col-resize;z-index:8}
#pc-resize:hover{background:color-mix(in srgb,var(--acento) 30%,transparent)}

/* ————— menu completo de módulos como dock à esquerda ————— */
#v2-menu.pc-dock{position:absolute;left:0;top:0;bottom:0;z-index:9;max-height:100%;
  box-shadow:6px 0 24px rgba(0,0,0,.14)}
main{position:relative}