/* ═══════════════════════════════════════════════════════════════
   CAIXA DE CORES padrão (bloco: cor + NOME + CÓDIGO, grupos)
   Idêntica ao letreiro-ar-led (ACABAMENTO). Compartilhada por todos os módulos.
   Funciona em qualquer tema (usa variáveis do studio.css com fallback).
   ═══════════════════════════════════════════════════════════════ */
/* container vira bloco (grupos + grid fluem certo mesmo se o container era grid) */
#colorGrid{ display:block !important; }
.dq-pal-group, .dq-pal-grid{ width:100%; grid-column:1 / -1; aspect-ratio:auto; }
.dq-pal-group{
  font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  color:var(--muted,#66686E); margin:15px 0 8px;
}
.dq-pal-group:first-child{ margin-top:2px; }
.dq-pal-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.dq-pal-block{
  padding:0; border:1.5px solid var(--border2,rgba(255,255,255,.13)); border-radius:6px;
  background:var(--bg2,#26282B); cursor:pointer; overflow:hidden; text-align:left; font:inherit;
  display:flex; flex-direction:column; transition:border-color .12s, box-shadow .12s;
}
.dq-pal-block:hover{ border-color:var(--muted,#8a8a8a); }
.dq-pal-block.active{ border-color:var(--text-accent,#2F80FF); box-shadow:0 0 0 1px var(--text-accent,#2F80FF); }
.dq-pal-sw{ position:relative; height:54px; width:100%; }
.dq-pal-sw.transp{
  background-color:#fff !important;
  background-image:
    linear-gradient(45deg,#c9c9c9 25%,transparent 25%),linear-gradient(-45deg,#c9c9c9 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#c9c9c9 75%),linear-gradient(-45deg,transparent 75%,#c9c9c9 75%) !important;
  background-size:12px 12px !important; background-position:0 0,0 6px,6px -6px,-6px 0 !important;
}
.dq-pal-block.active .dq-pal-sw::after{
  content:'✓'; position:absolute; top:5px; right:6px;
  width:16px; height:16px; border-radius:50%; background:var(--text-accent,#2F80FF); color:#fff;
  font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
}
.dq-pal-lab{ font-size:12px; font-weight:600; color:var(--t1,#ECEDEE); padding:6px 8px 0; line-height:1.1; }
.dq-pal-code{ font-size:10px; color:var(--muted,#66686E); padding:1px 8px 7px; letter-spacing:.02em; }