.credential-upload-card{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);gap:14px;width:100%;font-size:14px;display:grid}.credential-upload-input{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important}.credential-upload-drop{text-align:left;color:#24436d;cursor:pointer;background:linear-gradient(145deg,#f8fbff,#f2f7ff);border:1px dashed #a9c0e5;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:148px;padding:20px;transition:all .18s;display:flex}.credential-upload-drop:hover,.credential-upload-drop.dragging{background:#eef5ff;border-color:#3478ed;transform:translateY(-1px);box-shadow:0 8px 22px #2c65be1a}.credential-upload-drop:disabled{cursor:not-allowed;opacity:.6;transform:none}.credential-upload-drop>i{color:#2869d8;background:#e5efff;border-radius:12px;flex:0 0 44px;place-items:center;height:44px;font-size:25px;font-style:normal;display:grid}.credential-upload-drop>span{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.credential-upload-drop b{color:#18375f;font-size:15px}.credential-upload-drop small{color:#7589a7;line-height:1.55}.credential-upload-drop>em{color:#3566a7;white-space:nowrap;background:#fff;border:1px solid #c7d7ee;border-radius:8px;align-self:flex-end;padding:7px 11px;font-style:normal}.credential-upload-preview{background:#fff;border:1px solid #dbe5f3;border-radius:12px;align-content:center;gap:9px;min-height:148px;padding:10px;display:grid;overflow:auto}.credential-upload-preview.has-file{align-content:start}.credential-upload-empty{color:#8798b1;justify-content:center;align-items:center;gap:11px;display:flex}.credential-upload-empty>i{color:#7292bc;background:#f1f5fb;border-radius:10px;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.credential-upload-empty span{flex-direction:column;gap:4px;display:flex}.credential-upload-empty b{color:#536985}.credential-upload-preview article{background:#f9fbfe;border:1px solid #e0e8f4;border-radius:10px;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:8px;display:grid}.credential-upload-preview article>a{background:#edf3fb;border-radius:8px;place-items:center;height:66px;text-decoration:none;display:grid;overflow:hidden}.credential-upload-preview img{object-fit:cover;width:100%;height:100%}.credential-upload-preview article>a>i{color:#4972a8;font-style:normal;font-weight:800}.credential-upload-preview article>div{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.credential-upload-preview article>div>b{text-overflow:ellipsis;white-space:nowrap;color:#203b60;overflow:hidden}.credential-upload-preview article small{color:#8192aa}.credential-upload-preview article span{align-items:center;gap:8px;display:flex}.credential-upload-preview article span a,.credential-upload-preview article span button{color:#276bd8;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;text-decoration:none}.credential-upload-preview article span .danger{color:#cc4b4b}.credential-upload-preview article span a:hover,.credential-upload-preview article span button:hover{text-decoration:underline}@media (width<=760px){.credential-upload-card{grid-template-columns:1fr}.credential-upload-drop{min-height:126px}.credential-upload-preview{min-height:112px}}.business-invoice-upload,.vendor-file-field,.cpa-settlement-proof,.invoice-modal form>.credential-upload-card{grid-column:1/-1;min-width:0}.income-upload-content>.credential-upload-card,.income-upload-content>.income-recognition{grid-column:1/-1}.business-invoice-upload .credential-upload-card{grid-template-columns:minmax(190px,.8fr) minmax(250px,1.2fr)}.rc-proof .credential-upload-card,.reimburse-vouchers .credential-upload-card{margin-top:12px}@media (width<=760px){.business-invoice-upload .credential-upload-card{grid-template-columns:1fr}}
