.multifile-upload__container{width:100%}
.multifile-upload__container--invalid{border:2px solid #e74c3c;background-color:#fdf2f2;border-radius:.4rem;padding:1rem}
.multifile-upload__validation-error{color:#e74c3c;font-weight:500;margin:0;font-size:1.4rem}
.multifile-upload__dropzone{border-radius:.4rem;transition:all 250ms ease-in;cursor:pointer;position:relative;min-height:4.8rem;display:flex;align-items:center;justify-content:flex-start}
.multifile-upload__dropzone:focus,.multifile-upload__dropzone:focus-visible{outline:0}
.multifile-upload__dropzone.dragover{background-color:#f8f9fa}
.multifile-upload__dropzone-content{pointer-events:none;display:flex;align-items:center;width:100%;height:100%}
.multifile-upload__icon{color:#666;margin-right:1.2rem;flex-shrink:0}
.multifile-upload__dropzone.dragover .multifile-upload__icon{color:#000}
.multifile-upload__text{font-size:1.6rem;color:#666;margin:0;flex:1}
.multifile-upload__file-list{margin-top:1.2rem}
.multifile-upload__file-item{display:flex;align-items:center;padding:1.2rem;border-radius:.4rem;margin-bottom:.8rem;transition:all 250ms ease-in}
.multifile-upload__file-item.processing{opacity:.7;background-color:#f8f9fa}
.multifile-upload__file-item.processed{border-color:#28a745;background-color:#f8fff9}
.multifile-upload__file-item.error{border-color:#dc3545;background-color:#fff8f8}
.multifile-upload__file-icon{width:2.4rem;height:2.4rem;margin-right:1.2rem;color:#666;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.multifile-upload__file-info{flex:1;min-width:0}
.multifile-upload__file-name{font-weight:500;color:#333;margin:0 0 .4rem 0;word-break:break-all;font-size:1.6rem}
.multifile-upload__file-size{font-size:1.4rem;color:#666;margin:0}
.multifile-upload__file-status{margin-left:1.2rem;font-size:1.4rem;font-weight:500}
.multifile-upload__file-status.processing{color:#007cba}
.multifile-upload__file-status.processed{color:#28a745}
.multifile-upload__file-status.error{color:#dc3545}
.multifile-upload__file-remove{background:0;border:0;color:#dc3545;cursor:pointer;padding:.4rem;margin-left:1.2rem;border-radius:.2rem;transition:background-color 250ms ease-in;font-size:1.8rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.multifile-upload__file-remove:hover{background-color:#f8d7da}
.multifile-upload__progress{margin-top:1.2rem;background-color:#f0f0f0;border-radius:.4rem;overflow:hidden;position:relative;height:2.4rem}
.multifile-upload__progress-bar{height:100%;background-color:#007cba;width:0;transition:width 250ms ease-in;position:relative}
.multifile-upload__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:500;color:#333}
.multifile-upload__actions{margin-top:1.2rem;display:flex;gap:1.2rem;justify-content:center}
.multifile-upload__process-btn{background-color:#28a745;color:white;border:0;padding:1.2rem 2.4rem;border-radius:.4rem;font-size:1.6rem;cursor:pointer;transition:background-color 250ms ease-in}
.multifile-upload__process-btn:hover{background-color:#218838}
.multifile-upload__process-btn:disabled{background-color:#6c757d;cursor:not-allowed}
.multifile-upload__clear-btn{background-color:#6c757d;color:white;border:0;padding:1.2rem 2.4rem;border-radius:.4rem;font-size:1.6rem;cursor:pointer;transition:background-color 250ms ease-in}
.multifile-upload__clear-btn:hover{background-color:#5a6268}
.multifile-upload__errors,.multifile-upload__success{margin-top:1.2rem;padding:1.2rem;border-radius:.4rem}
.multifile-upload__results{margin-top:1.2rem;padding:2rem;border:.1rem solid #ddd;border-radius:.4rem;background-color:#f8f9fa}
.multifile-upload__results h4{margin:0 0 1.5rem 0;color:#333;font-size:1.8rem}
.multifile-upload__results-list{display:flex;flex-direction:column;gap:.8rem}
.multifile-upload__result-item{display:flex;align-items:center;padding:.8rem 1.2rem;background-color:white;border:.1rem solid #e9ecef;border-radius:.4rem}
.multifile-upload__result-icon{font-size:2rem;margin-right:1.2rem}
.multifile-upload__result-info{flex:1}
.multifile-upload__result-name{font-weight:500;color:#333;margin-bottom:.2rem;font-size:1.6rem}
.multifile-upload__result-size{font-size:1.4rem;color:#666}
.multifile-upload__result-status{color:#28a745;font-weight:500;font-size:1.4rem}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.multifile-upload__loading{display:inline-block;width:1.6rem;height:1.6rem;border:.2rem solid #f3f3f3;border-top:.2rem solid #007cba;border-radius:50%;animation:spin 1s linear infinite;margin-right:.8rem}
.multifile-upload__file-icon.pdf{color:#dc3545}
.multifile-upload__file-icon.doc,.multifile-upload__file-icon.docx{color:#007cba}
.multifile-upload__file-icon.txt{color:#6c757d}
.multifile-upload__file-icon.jpg,.multifile-upload__file-icon.jpeg,.multifile-upload__file-icon.png,.multifile-upload__file-icon.gif{color:#28a745}
@media(max-width:768px){.multifile-upload__container{margin:0 1rem}
.multifile-upload__dropzone{min-height:4rem}
.multifile-upload__text{font-size:1.4rem}
.multifile-upload__actions{flex-direction:column}
.multifile-upload__file-item{flex-direction:column;align-items:flex-start}
.multifile-upload__file-icon{margin-bottom:.8rem;margin-right:0}
.multifile-upload__result-item{flex-direction:column;align-items:flex-start}
.multifile-upload__result-icon{margin-bottom:.8rem;margin-right:0}
}