/* FLOW — anexos, transversais aos Flows. Bloco dentro do editor partilhado
   (modules/core/editor.js, modules/build/editor.js); ver modules/core/attachments.js. */

.at-field{margin-top:14px}
.at-list{display:flex;flex-direction:column;gap:7px;margin-bottom:9px}
.at-empty{color:var(--muted2);font-size:12.5px;font-style:italic;padding:6px 0}

.at-chip{display:flex;align-items:center;gap:8px;background:var(--card);
  border:1px solid var(--line);border-radius:11px;padding:8px 10px}
.at-open{flex:1;min-width:0;text-align:left;background:transparent;border:none;
  color:var(--txt);font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}
.at-size{color:var(--muted2);font-size:11px;flex:none;font-family:'JetBrains Mono',monospace}
.at-pend{color:var(--muted2);font-size:11px;font-style:italic;flex:none}
.at-x{background:transparent;border:none;color:var(--muted2);font-size:13px;
  cursor:pointer;flex:none;padding:2px 4px;line-height:1}
.at-x:active{transform:scale(.92)}

.at-prev:empty{margin:0}
.at-prev{margin-top:2px}
.at-preview-img{max-width:100%;max-height:280px;border-radius:10px;display:block}
.at-loading{color:var(--muted2);font-size:11.5px;padding:4px 2px;display:block}

.at-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.at-add{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
  padding:8px 13px;border-radius:9px;border:1px solid var(--line2);background:var(--card2);
  color:var(--muted);cursor:pointer}
.at-add:active{transform:scale(.98)}
.at-hint{color:var(--muted2);font-size:11.5px}
.at-busy{color:var(--muted2);font-size:11.5px;margin-top:6px;min-height:1px}