.etm-ni-co-wrap { width: 100% !important; }

.etm-ni-co-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.etm-ni-co-panel {
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

.etm-ni-co-panel-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.etm-ni-co-panel-header h3 { margin: 0 !important; font-size: 15px !important; }
.etm-ni-co-panel-body { padding: 16px !important; }

.etm-ni-co-lista-archivos {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 16px 0 !important;
}

.etm-ni-co-lista-archivos li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    padding: 6px 0 !important;
}

.etm-ni-co-upload-area {
    border: 2px dashed #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 30px 16px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.etm-ni-co-upload-area:hover,
.etm-ni-co-upload-area.etm-ni-co-dragover {
    border-color: #3b82f6 !important;
    background: #f0f9ff !important;
}

.etm-ni-co-upload-area i { font-size: 28px !important; color: #94a3b8 !important; margin-bottom: 8px !important; display: block !important; }
.etm-ni-co-upload-area p { margin: 4px 0 !important; font-size: 13px !important; }
.etm-ni-co-upload-area small { color: #94a3b8 !important; }

.etm-ni-co-archivo-seleccionado {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

.etm-ni-co-archivo-seleccionado span { flex: 1 !important; font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.etm-ni-co-btn-quitar {
    width: 26px !important; height: 26px !important;
    border-radius: 5px !important; border: none !important;
    background: #fef2f2 !important; color: #dc2626 !important; cursor: pointer !important;
}