#attach-chip.show,.ereo-message-files{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.ereo-file-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:7px;border:1px solid var(--line,#ddd);border-radius:12px;padding:7px;background:var(--surface,#fff);color:var(--ink,#222);max-width:100%;min-width:180px}.ereo-file-open{display:flex;gap:9px;align-items:center;background:transparent;border:0;cursor:pointer;text-align:left;color:inherit;min-width:0;padding:0;max-width:310px}.ereo-file-thumb,.ereo-file-icon{width:56px;height:56px;flex:0 0 56px;border-radius:7px;object-fit:cover;background:var(--bg,#eee)}.ereo-file-icon{display:grid;place-items:center;font-size:13px;font-weight:600}.ereo-file-label{display:flex;flex-direction:column;gap:4px;min-width:0}.ereo-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;max-width:220px}.ereo-file-status{font-size:12px;color:var(--ink-soft,#666);line-height:1.5;overflow-wrap:anywhere}.ereo-file-card button:not(.ereo-file-open),.ereo-file-dialog-body>button,.ereo-file-rename button{border:1px solid var(--line,#ddd);border-radius:7px;background:var(--surface,#fff);color:var(--ink,#222);padding:6px 9px;cursor:pointer;font-size:12px}.ereo-file-card button:disabled{cursor:default;opacity:.65}.ereo-file-progress{height:6px;width:100%;accent-color:var(--primary,#6458e8)}.ereo-file-dialog{color:var(--ink,#222);background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-radius:18px;width:min(840px,92vw);max-height:90dvh;padding:0;box-shadow:0 25px 100px #0004}.ereo-file-dialog::backdrop{background:#111827a3}.ereo-file-dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface,#fff);padding:18px 22px;border-bottom:1px solid var(--line,#ddd);z-index:1}.ereo-file-dialog-head h2{font-size:18px;margin:0;overflow-wrap:anywhere}.ereo-file-close{padding:7px 11px;border:1px solid var(--line,#ddd);border-radius:7px;background:transparent;color:inherit;cursor:pointer}.ereo-file-dialog-body{padding:20px}.ereo-file-preview-image{display:block;width:100%;max-height:66dvh;object-fit:contain;margin-bottom:15px}.ereo-file-preview-pdf{display:block;width:100%;height:64dvh;border:1px solid var(--line,#ddd)}.ereo-library-tools{display:flex;flex-wrap:wrap;gap:8px}.ereo-library-tools input{flex:1;min-width:150px}.ereo-library-tools input,.ereo-library-tools select,.ereo-file-rename input{padding:9px 12px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--surface,#fff);color:inherit}.ereo-library-list{display:grid;gap:10px;margin-bottom:15px}.ereo-library-list .ereo-file-card{justify-content:space-between}.ereo-library-actions,.ereo-file-rename{display:flex;gap:6px;flex-wrap:wrap}.ereo-file-rename{width:100%;padding-top:8px}.ereo-file-danger{color:#be123c!important}#attach-camera{border:0;background:transparent;color:var(--ink-soft,#666);cursor:pointer;font-size:20px;padding:7px}.composer-wrap.file-drop-active{outline:2px dashed var(--primary,#6458e8);outline-offset:3px}.ereo-file-hint{font-size:11px;color:var(--ink-soft,#666);padding:0 3px}.ereo-file-dialog button:focus-visible,.ereo-file-open:focus-visible{outline:3px solid var(--primary,#6458e8);outline-offset:2px}@media(max-width:560px){.ereo-file-dialog-body{padding:12px}.ereo-library-list .ereo-file-card{align-items:flex-start}.ereo-library-actions{width:100%}.ereo-file-open{max-width:240px}.ereo-file-name{max-width:160px}#attach-camera{font-size:17px;padding:5px}}

#btn-files{width:100%;margin-top:7px;text-align:left}#attach-camera svg{display:block}

.ereo-file-dialog{margin:auto}

/* Pending and failed attachment copy remains readable even while preview is disabled. */
.ereo-file-card .ereo-file-open:disabled{opacity:1;cursor:default}
.ereo-file-card[data-status="failed"] .ereo-file-status{color:var(--danger,#a82838)}
#file-effective-limit{display:block;margin-top:8px;line-height:1.5;overflow-wrap:anywhere}
