/* Analytics · agência. Esta folha carrega no app inteiro: tudo sob classe própria.
   cockpit-correcoes-v2 · entrega 3 (refeita na #508): o lote de renomear anúncios,
   usado aqui e na aba Criativos da ficha (front/hub.jsx). Antes vivia em web/styles.css. */
.lote-renomear { background: var(--panel); border: 1px solid var(--ink-accent); border-radius: 12px; padding: 12px 14px; margin: 8px 0 12px; max-width: 100%; box-sizing: border-box; }
.lote-renomear .lote-campos { display: flex; gap: 12px; flex-wrap: wrap; margin: 6px 0; }
.lote-renomear label { font-size: 12px; color: var(--muted); display: inline-flex; gap: 6px; align-items: center; }
.lote-renomear input, .lote-renomear select { font: inherit; background: var(--panel-2); color: var(--ink); border: 1px solid var(--line); border-radius: 6px; padding: 3px 6px; max-width: 100%; }
.lote-renomear code { font-size: 11.5px; }
/* #148 · prévia do criativo no painel lateral (aba Criativos da ficha e da agência).
   A folha das telas carrega no app inteiro: a regra mora aqui, não no shell. */
.hub-anuncio-nome { text-align:left; font:inherit; }
.hub-previa { display:flex; flex-direction:column; gap:12px; }
.hub-previa-iframe { width:100%; height:560px; border:1px solid var(--line); border-radius:10px; background:var(--panel-2); }
/* #160 · a miniatura ocupa o lugar na hora; o iframe da Meta monta por baixo,
   invisível, e só aparece no onLoad (sem painel cinza esperando a Graph). */
.hub-previa-midia { position:relative; min-height:120px; }
.hub-previa-iframe.carregando { position:absolute; inset:0; opacity:0; pointer-events:none; }
.hub-previa-titulo { display:flex; align-items:center; gap:6px; min-width:0; flex-wrap:wrap; }
.hub-previa-nome { overflow-wrap:anywhere; }
.hub-previa-lapis { padding:2px 6px; line-height:1; }
.hub-renomear { display:flex; flex-direction:column; gap:6px; padding:10px; border:1px solid var(--ink-accent); border-radius:10px; background:var(--panel-2); }
.hub-renomear input { font:inherit; background:var(--panel); color:var(--ink); border:1px solid var(--line); border-radius:6px; padding:5px 8px; width:100%; box-sizing:border-box; }
.hub-renomear code { overflow-wrap:anywhere; }
.hub-renomear-acoes { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.hub-previa-hist ul { margin:4px 0 0; padding-left:18px; font-size:12.5px; }
.hub-previa-hist code { overflow-wrap:anywhere; }
.hub-previa-medida { margin:0; }
.hub-previa-img { width:100%; max-height:420px; object-fit:contain; border:1px solid var(--line); border-radius:10px; background:var(--panel-2); }
.hub-previa-dl { display:grid; grid-template-columns:max-content 1fr; gap:4px 12px; margin:0; font-size:13px; }
.hub-previa-dl dt { color:var(--muted); }
.hub-previa-dl dd { margin:0; overflow-wrap:anywhere; }
.hub-previa-texto { white-space:pre-wrap; }
.hub-previa-met { padding-top:10px; border-top:1px solid var(--line); }