#support-file-composer{margin:10px 0}
.support-file-add{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:650;cursor:pointer}.support-file-add svg{width:21px;height:21px}
.support-file-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-top:10px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.support-file-name{min-width:0;overflow-wrap:break-word;font-size:14px;color:var(--text)}
.support-file-preview button{flex:none;padding:9px 12px;background:var(--mint);color:var(--text);border:1px solid var(--line);border-radius:10px;cursor:pointer}
.support-file-note{font-size:12px;color:var(--muted);margin:8px 0;line-height:1.5}.support-file-note:empty{display:none}
.support-message-file{display:flex;align-items:center;gap:10px;width:100%;max-width:340px;margin-top:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;cursor:pointer}.support-message-file svg{flex:none;width:26px;height:26px;color:var(--accent)}.support-message-file span{min-width:0}.support-message-file strong{display:block;font-size:14px;overflow-wrap:anywhere}.support-message-file small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.support-file-add:focus-visible,.support-message-file:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Foto and PDF share the cell next to Enviar; menus, previews and notes wrap below the buttons. */
.support-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.support-attachments>#support-photo-composer,.support-attachments>#support-file-composer{display:contents}
.support-attachments .support-photo-menu,.support-attachments .support-photo-preview,.support-attachments .support-photo-note,.support-attachments .support-file-preview,.support-attachments .support-file-note{order:1;flex-basis:100%;margin:0}
.support-attachments .support-photo-note:empty{display:none}
#support-form .support-file-add{min-height:50px;padding-inline:16px;font-size:1rem}
/* With a preview or menu open the attachments use the full width and Enviar moves below them. */
.support-attachments:has(.support-file-preview:not([hidden]),.support-photo-preview:not([hidden]),.support-photo-menu:not([hidden])){grid-column:1/-1}
#support-form:has(.support-attachments .support-file-preview:not([hidden]),.support-attachments .support-photo-preview:not([hidden]),.support-attachments .support-photo-menu:not([hidden])) #support-send{grid-column:2}