.attachment-dropzone{background:#f9fbfd;border:1px dashed #a9b7c8;border-radius:3px;min-width:0;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.attachment-dropzone.is-dragging{border-color:var(--blue);background:#eaf2ff;box-shadow:0 0 0 3px #175ee61f}.attachment-dropzone:focus-within{outline:2px solid var(--blue);outline-offset:3px}.attachment-dropzone.has-error{border-color:#b33a3a}.attachment-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden;border:0!important;padding:0!important}.quote-form .attachment-picker{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:130px;padding:28px 20px;display:flex}.attachment-picker>svg{color:var(--blue);flex-shrink:0}.attachment-picker>span{min-width:0}.attachment-picker strong{font-size:13px;line-height:1.5;display:block}.attachment-picker small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;display:block}.attachment-selected{background:#edf3fc;border-radius:3px;align-items:center;gap:12px;margin:0 16px 16px;padding:12px;display:flex}.attachment-selected>span{flex:1;min-width:0}.attachment-selected strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.attachment-selected small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.5;display:block}.attachment-selected button{color:#314768;cursor:pointer;background:#fff;border:1px solid #b9c9e0;border-radius:3px;flex-shrink:0;padding:8px 10px;font-size:12px}.attachment-selected button:disabled{opacity:.6;cursor:wait}.attachment-selected button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.attachment-error{color:#9f2525;margin:0;font-size:12px;line-height:1.6}.attachment-error p{margin:0}.attachment-error button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:6px;padding:3px 0;text-decoration:underline}.attachment-summary{color:var(--muted);margin:0 16px 10px;font-size:12px}.attachment-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.attachment-page-overlay{z-index:200;pointer-events:none;background:#0a1628cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.attachment-page-overlay>div{color:#fff;text-align:center;background:#175ee629;border:3px dashed #7ed9eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(900px,100%);min-height:min(65vh,520px);padding:36px 24px;display:flex}.attachment-page-overlay svg{color:#7ed9eb;width:48px;height:48px}.attachment-page-overlay strong{font-size:clamp(22px,4vw,36px);line-height:1.3}.attachment-page-overlay small{color:#cedcf1;font-size:13px}@media (max-width:560px){.quote-form .attachment-picker{padding:16px}.attachment-selected{margin:0 12px 12px}}