.attachment-picker{gap:12px;min-width:0;display:grid}.attachment-picker .contact-upload{text-align:left;border:1px dashed var(--line);border-radius:12px;justify-content:flex-start;align-items:center;gap:16px;padding:22px;transition:background .18s,border-color .18s;display:flex}.attachment-upload-icon{background:var(--surface);width:46px;height:46px;color:var(--red);border:1px solid var(--line);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.contact-upload>div{flex:1;min-width:0}.contact-upload>div>strong{font-size:16px;font-weight:700;display:block}.contact-upload>div>span{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.7;display:block}.contact-upload>.attachment-upload-action{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:14px;font-weight:650;display:inline-flex}.attachment-picker .contact-upload:hover,.attachment-picker .contact-upload.is-dragging,.application-document-drop.is-dragging{background:var(--soft);border-color:var(--muted)}.attachment-picker .contact-upload:focus-within,.application-document .application-document-drop:focus-within{outline:none}.attachment-picker .contact-upload:has(input:focus-visible),.application-document .application-document-drop:has(input:focus-visible){outline:2px solid var(--muted);outline-offset:3px}.attachment-picker .contact-upload>input[type=file]:focus,.application-document .application-document-drop>input[type=file]:focus{box-shadow:none;border:0;outline:none}.attachment-picker .contact-file-list{gap:10px}.attachment-picker .contact-file-list>.attachment-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:15px;min-width:0;padding:12px;display:flex}.attachment-thumbnail{background:var(--soft);border:1px solid var(--line);width:70px;height:70px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.attachment-thumbnail img{object-fit:contain;width:100%;height:100%}.attachment-details{flex:1;min-width:0}.attachment-details strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.55;display:block}.attachment-details>span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.6;display:block}.attachment-picker .contact-file-list .attachment-remove,.application-document-selected .attachment-remove{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.attachment-picker .contact-file-list .attachment-remove:hover,.application-document-selected .attachment-remove:hover{background:var(--pink);color:var(--red);border-color:var(--red)}.attachment-remove:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.attachment-remove:disabled{opacity:.4;cursor:wait}.application-document-selected{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px}.application-document-change{border:1px solid var(--line);background:var(--surface);color:var(--ink);pointer-events:none;border-radius:7px;padding:7px 10px;font-size:13px;font-weight:600;display:none;position:absolute;bottom:10px;right:10px}.application-document.has-image .application-document-change{display:block}.application-document.has-image .application-document-drop>svg,.application-document.has-image .application-document-drop>strong,.application-document.has-image .application-document-drop>small{visibility:hidden}@media (width<=599px){.attachment-picker .contact-upload{flex-wrap:wrap;gap:12px;padding:18px}.contact-upload>.attachment-upload-action{min-height:40px;margin-left:58px}.attachment-picker .contact-file-list>.attachment-card{gap:10px;padding:10px}.attachment-thumbnail{width:58px;height:64px}.attachment-details strong{font-size:14px}.attachment-details>span{font-size:12px}.attachment-picker .contact-file-list .attachment-remove{width:42px;height:44px}}@media (prefers-reduced-motion:reduce){.attachment-picker .contact-upload,.attachment-remove{transition:none}}
