.camera-files-field { max-width: 720px; }

.camera-files-field .cff-box{
    border: 1px dashed #d9d9d9;
    background: #fafafa;
    padding: 10px;
    border-radius: 10px;
}

.camera-files-field .cff-empty{
    color:#999;
    font-size: 12px;
}

.camera-files-field .cff-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.camera-files-field .cff-item{
    display: flex;
    gap: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    align-items: center;
    position: relative;
}

.camera-files-field .cff-left{
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    background: #fbfbfb;
}

.camera-files-field .cff-thumb{
    width: 56px;
    height: 56px;
    object-fit: cover;
    display:block;
}

.camera-files-field .cff-icon{
    color:#888;
    font-size: 18px;
}

.camera-files-field .cff-mid{
    flex: 1;
    min-width: 0;
    position: relative;
}

.camera-files-field .cff-name{
    font-size: 13px;
    color:#333;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.camera-files-field .cff-actions2{
    margin-top: 6px;
    display:flex;
    gap: 6px;
    flex-wrap: wrap;

    /* ✅ 你截图那种“按钮点不了”大概率是被覆盖层/文本层挡了 */
    position: relative;
    z-index: 9999;
}

.camera-files-field .cff-actions2 .btn{
    pointer-events: auto;
}

.camera-files-field .cff-actions{
    display:flex;
    gap: 8px;
    align-items:center;
    margin-top: 10px;
    flex-wrap: wrap;
}

.camera-files-field .cff-hint{
    color:#999;
    font-size: 12px;
    margin-left: 6px;
}

.cff-modal-body { min-height: 360px; }
.cff-tip { margin-top: 10px; color:#999; font-size: 12px; }
.camera-files-field .cff-dropzone{
    cursor: pointer;
    outline: none;
    position: relative;
}

.camera-files-field .cff-drop-hint{
    margin-top: 8px;
    color:#999;
    font-size: 12px;
}

.camera-files-field .cff-dropzone.is-dragover{
    border-color: #cddfe6;
    background: #f8fbfc;
}

.camera-files-field .cff-dropzone.is-dragover::after{
    content: '';
    position:absolute;
    inset: 0;
    border-radius: 10px;
    background: rgba(220, 245, 255, .25);
    pointer-events: none;
}