.extra-mail-attachments{margin:18px 0;padding:16px;border:1px solid #cfe3ec;border-radius:14px;background:#f7fbfd;min-width:0}
.extra-mail-attachments header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.extra-mail-attachments header b{display:flex;align-items:center;gap:7px;color:#21465c;font-size:calc(14px * var(--business-font-scale,1))}
.extra-mail-attachments header small{display:block;margin-top:5px;color:#647b8f;font-size:calc(12px * var(--business-font-scale,1));line-height:1.5}
.extra-mail-attachments .extra-file-picker{position:relative;overflow:hidden;margin:0;cursor:pointer;font-size:calc(12px * var(--business-font-scale,1))}
.extra-file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.extra-file-picker:focus-within{outline:2px solid #0798cc;outline-offset:3px}
.extra-file-help,.extra-file-count{font-size:calc(12px * var(--business-font-scale,1));line-height:1.5;color:#647b8f;margin:10px 0 0}
.extra-file-row{display:flex;gap:9px;align-items:center;padding:9px 10px;margin-top:8px;background:white;border:1px solid #dce8ef;border-radius:10px;min-width:0}
.extra-file-row>i{color:#0798cc;flex-shrink:0}.extra-file-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:calc(12px * var(--business-font-scale,1));color:#29495e}
.extra-file-row>small{white-space:nowrap;font-size:calc(12px * var(--business-font-scale,1));color:#647b8f}
.extra-file-row>button{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:8px;background:#fff0f2;color:#b72c46;font-size:calc(20px * var(--business-font-scale,1));cursor:pointer}
.extra-file-error{color:#b12841;font-size:calc(12px * var(--business-font-scale,1));line-height:1.5;margin:8px 0 0}.extra-file-error:empty{display:none}
@media(max-width:600px){.extra-mail-attachments{padding:12px}.extra-file-row>button{width:40px;height:40px;flex-basis:40px}}