/* The file picker drawn by file-input.js, the same on the site and the dashboards. */
.fp{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:46px;padding:6px;border:1.5px dashed #c9d6e6;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.fp:hover{border-color:#2f6fd6;background:#f5f9ff}
.fp:focus-within{border-color:#2f6fd6;outline:2px solid #2f6fd6;outline-offset:2px}
.fp.has-file{border-style:solid;border-color:#12b76a;background:#f3fcf7}
.fp:has(.fp-input[aria-invalid=true]){border-color:#d92d20;background:#fff8f7}
.fp-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.fp-btn{flex-shrink:0;padding:8px 14px;border-radius:9px;background:#eef4ff;color:#2f6fd6;font-weight:700;font-size:13px;white-space:nowrap}
.fp.has-file .fp-btn{background:#ecfdf3;color:#067647}
.fp-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#667085}
.fp.has-file .fp-name{color:#101828;font-weight:600}