/* One upload button for every file field (file_input.js) — website and office */
input[type=file].fi-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0);pointer-events:none}
.fi-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;width:100%;min-height:56px;padding:8px;border:1.5px dashed #d0d5dd;border-radius:14px;background:#fafbfc;box-sizing:border-box;transition:border-color .2s,background .2s}
.fi-box:hover{border-color:#f2702b;background:#fffaf6}
.fi-box.has-file{border-style:solid;border-color:#abefc6;background:#f6fef9}
.fi-btn:not(#fi-x){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px!important;margin:0!important;border:1px solid #f3b18c!important;border-radius:12px!important;background:#fff6f0!important;color:#c2561a!important;font:inherit;font-size:15px!important;font-weight:800!important;line-height:1!important;cursor:pointer;box-shadow:none!important;white-space:nowrap;transition:background .2s,border-color .2s}
.fi-btn:not(#fi-x):hover{background:#ffeadb!important;border-color:#f2702b!important}
.fi-btn:focus-visible{outline:3px solid rgba(242,112,43,.4);outline-offset:2px}
.fi-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.fi-name{flex:1;min-width:0;color:#667085;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fi-box.has-file .fi-name{color:#067647;font-weight:700}
@media(max-width:600px){.fi-box{flex-direction:column;align-items:stretch}.fi-btn:not(#fi-x){width:100%}.fi-name{text-align:center;white-space:normal}}
body[data-theme=night] .fi-box,body[data-theme$='-dark'] .fi-box{background:var(--surface,#1c2634);border-color:var(--line,#455268)}